@alfalab/core-components 42.0.0 → 42.2.0

package/picker-button/types-425c8522.d.ts

@@ -1,259 +0,0 @@
-/// <reference types="react-transition-group" />
-import { HTMLAttributes, ReactNode, RefObject } from 'react';
-import { TransitionProps } from 'react-transition-group/Transition';
-import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-import { BackgroundColorType } from "./index-425c8522";
-type BottomSheetTitleAlign = 'center' | 'left';
-type BottomSheetProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Управление видимостью
-     */
-    open: boolean;
-    /**
-     * Заголовок
-     */
-    title?: ReactNode;
-    /**
-     * Размер заголовка
-     */
-    titleSize?: NavigationBarProps['titleSize'];
-    /**
-     * Подзаголовок.
-     */
-    subtitle?: NavigationBarProps['subtitle'];
-    /**
-     * Кнопка действия (обычно, это кнопка закрытия)
-     */
-    actionButton?: ReactNode;
-    /**
-     * Нода, компонент или функция возвращающая их
-     *
-     * Контейнер к которому будут добавляться порталы
-     */
-    container?: BaseModalProps['container'];
-    /**
-     * Рендерить ли в контейнер через портал.
-     */
-    usePortal?: BaseModalProps['usePortal'];
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительные пропсы на контейнер.
-     */
-    containerProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Дополнительный класс
-     */
-    containerClassName?: string;
-    /**
-     * Цвет фона
-     */
-    backgroundColor?: Extract<BackgroundColorType, 'primary' | 'secondary'>;
-    /**
-     * Дополнительный класс шапки
-     */
-    headerClassName?: string;
-    /**
-     * Дополнительный класс футера
-     */
-    footerClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonClassName?: string;
-    /**
-     * Дополнительный класс для компонента крестика
-     */
-    closerClassName?: string;
-    /**
-     * Дополнительный класс для компонента стрелки назад
-     */
-    backerClassName?: string;
-    /**
-     * Дополнительный класс для компонента модального окна
-     */
-    modalClassName?: string;
-    /**
-     * Дополнительный класс для обертки модального окна
-     */
-    modalWrapperClassName?: string;
-    /**
-     * TransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
-    transitionProps?: Partial<TransitionProps>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Будет ли свайпаться шторка
-     * @default true
-     */
-    swipeable?: boolean;
-    /**
-     * Будет ли свайпаться контент
-     */
-    swipeableContent?: boolean;
-    /**
-     * Порог свайпа
-     */
-    swipeThreshold?: number;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот снизу
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Наличие компонента крестика
-     */
-    hasCloser?: boolean;
-    /**
-     * Наличие компонента стрелки назад
-     */
-    hasBacker?: boolean;
-    /**
-     * Выравнивание заголовка
-     */
-    titleAlign?: BottomSheetTitleAlign;
-    /**
-     * Фиксирует шапку
-     */
-    stickyHeader?: boolean;
-    /**
-     * Фиксирует футер
-     */
-    stickyFooter?: boolean;
-    /**
-     * Высота шторки
-     */
-    initialHeight?: 'default' | 'full';
-    /**
-     * Будет ли виден оверлэй
-     */
-    hideOverlay?: boolean;
-    /**
-     * Будет ли видна шапка
-     */
-    hideHeader?: boolean;
-    /**
-     * Будет ли обрезан заголовок
-     */
-    trimTitle?: boolean;
-    /**
-     * Запретить закрытие шторки кликом на оверлэй
-     */
-    disableOverlayClick?: boolean;
-    /**
-     * Отключает блокировку скролла при открытии модального окна
-     */
-    disableBlockingScroll?: boolean;
-    /**
-     * Отключает ловушку фокуса
-     */
-    disableFocusLock?: boolean;
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Не анимировать шторку при изменении размера вьюпорта
-     */
-    ignoreScreenChange?: boolean;
-    /**
-     * Свойства для Бэкдропа
-     */
-    backdropProps?: BaseModalProps['backdropProps'];
-    /**
-     * Реф на контейнер, в котором происходит скролл
-     */
-    scrollableContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Реф для управления компонентом.
-     */
-    bottomSheetInstanceRef?: RefObject<{
-        scrollToArea: (idx: number) => void;
-    }>;
-    /**
-     * Реф на контейнер, в котором находится шторка
-     */
-    sheetContainerRef?: RefObject<HTMLElement>;
-    /**
-     * Магнитные области видимой высоты шторки.
-     * Можно использовать значения в пикселях - 10(число), либо в процентах - 10%(строка).
-     * По-умолчанию -[0, window.innerHeight - '24px']
-     * массив должен состоять минимум из 2 элементов
-     */
-    magneticAreas?: Array<number | string>;
-    /**
-     * Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
-     */
-    initialActiveAreaIndex?: number;
-    /**
-     * Отключает скролл контентной области.
-     */
-    scrollLocked?: boolean;
-    /**
-     * Скрыть скроллбар внутри шторки
-     */
-    hideScrollbar?: boolean;
-    /**
-     * Верхний отступ шторки, если она открыта на максимальную высоту
-     */
-    headerOffset?: number;
-    /**
-     * Содержимое bottom-sheet всегда в DOM
-     */
-    keepMounted?: boolean;
-    /**
-     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
-     */
-    disableAutoFocus?: boolean;
-    /**
-     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
-     */
-    disableRestoreFocus?: boolean;
-    /**
-     * Отключает вызов `onClose` при нажатии Escape
-     */
-    disableEscapeKeyDown?: boolean;
-    /**
-     * Обработчик закрытия
-     */
-    onClose: () => void;
-    /**
-     * Обработчик нажатия на стрелку назад
-     */
-    onBack?: () => void;
-    /**
-     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
-     */
-    onMagnetize?: (index: number) => void;
-    /**
-     * Вызывается после окончания анимации притягивания
-     */
-    onMagnetizeEnd?: () => void;
-    /**
-     * Вызывается при изменении положения шторки
-     */
-    onOffsetChange?: (offset: number, percent: number) => void;
-};
-export { BottomSheetTitleAlign, BottomSheetProps };

package/pure-cell/component-1d246a90.js

@@ -1,119 +0,0 @@
-var tslib = require('tslib');
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var cn = require('classnames');
-var coreComponentsComment = require('../comment');
-var hooks = require('@alfalab/hooks');
-var components_addon_component = require('./components/addon/component.js');
-var components_amount_component = require('./components/amount/component.js');
-var components_amountTitle_component = require('./components/amount-title/component.js');
-var components_category_component = require('./components/category/component.js');
-var coreComponentsShared = require('../shared');
-var components_footer_component = require('./components/footer/component.js');
-var components_footerButton_component = require('./components/footer-button/component.js');
-var components_footerText_component = require('./components/footer-text/component.js');
-var components_graphics_component = require('./components/graphics/component.js');
-var coreComponentsTypography = require('../typography');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-
-var styles$3 = {"component":"pure-cell__component_1phqg","horizontal":"pure-cell__horizontal_1phqg"};
-require('./components/content/index.css');
-
-var Content = function (_a) {
-    var _b;
-    var children = _a.children, dataTestId = _a.dataTestId;
-    var direction = React.useContext(PureCellContext).direction;
-    return (React__default.default.createElement("section", { className: cn__default.default(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children));
-};
-
-var styles$2 = {"component":"pure-cell__component_1ufkr","vertical":"pure-cell__vertical_1ufkr","reverse":"pure-cell__reverse_1ufkr"};
-require('./components/main/index.css');
-
-var Main = function (_a) {
-    var _b;
-    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId;
-    var _c = React.useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
-    return (React__default.default.createElement("div", { className: cn__default.default(styles$2.component, styles$2[direction], (_b = {},
-            _b[styles$2.reverse] = isReverse,
-            _b), className), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'main') }, children));
-};
-
-var styles$1 = {"horizontal":"pure-cell__horizontal_k946b","rowLimit1":"pure-cell__rowLimit1_k946b","rowLimit2":"pure-cell__rowLimit2_k946b","component":"pure-cell__component_k946b","vertical":"pure-cell__vertical_k946b","title":"pure-cell__title_k946b","value":"pure-cell__value_k946b"};
-require('./components/text/index.css');
-
-var Text = function (_a) {
-    var _b;
-    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
-    var _d = React.useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
-    var className = rowLimit && styles$1["rowLimit".concat(rowLimit)];
-    return (React__default.default.createElement("div", { className: cn__default.default(styles$1.component, (_b = {},
-            _b[styles$1.vertical] = direction !== 'horizontal',
-            _b)) },
-        React__default.default.createElement("div", { className: styles$1.title },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'text_content') }, children)),
-        value && (React__default.default.createElement("div", { className: styles$1.value },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'text_value') }, value)))));
-};
-
-var styles = {"component":"pure-cell__component_1cht4","horizontal":"pure-cell__horizontal_1cht4","vertical":"pure-cell__vertical_1cht4","button":"pure-cell__button_1cht4","link":"pure-cell__link_1cht4","none":"pure-cell__none_1cht4","airy":"pure-cell__airy_1cht4","defaultPadding":"pure-cell__defaultPadding_1cht4","compact":"pure-cell__compact_1cht4","tiny":"pure-cell__tiny_1cht4","left":"pure-cell__left_1cht4","right":"pure-cell__right_1cht4","both":"pure-cell__both_1cht4","focused":"pure-cell__focused_1cht4"};
-require('./index.css');
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-var PureCellContext = React__default.default.createContext({});
-var PureCellComponent = React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = tslib.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
-    var cellRef = React.useRef(null);
-    var focused = hooks.useFocus(cellRef, 'keyboard')[0];
-    var addClasses = (_b = {},
-        _b[styles.component] = true,
-        _b[styles.focused] = focused,
-        _b[styles[direction]] = true,
-        _b[styles.defaultPadding] = verticalPadding === 'default',
-        _b[styles[verticalPadding]] = verticalPadding !== 'default',
-        _b[styles[horizontalPadding]] = true,
-        _b);
-    if (href) {
-        var target = restProps.target;
-        // Для совместимости с react-router-dom, меняем href на to
-        var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
-        return (React__default.default.createElement(Component, tslib.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-    }
-    if (onClick) {
-        return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([cellRef, ref]), className: cn__default.default(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-    }
-    return (React__default.default.createElement(Component, tslib.__assign({}, restProps, { ref: ref, tabIndex: 0, className: cn__default.default(addClasses, className), "data-test-id": dataTestId }),
-        React__default.default.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-});
-/**
- * Универсальный конструктор для сборки любой ячейки.
- *
- * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
- */
-var PureCell = Object.assign(PureCellComponent, {
-    Main: Main,
-    Graphics: components_graphics_component.Graphics,
-    Content: Content,
-    Text: Text,
-    Amount: components_amount_component.Amount,
-    AmountTitle: components_amountTitle_component.AmountTitle,
-    Addon: components_addon_component.Addon,
-    Footer: components_footer_component.Footer,
-    ExtraSubtitle: components_footerText_component.FooterText,
-    FooterButton: components_footerButton_component.FooterButton,
-    Comment: coreComponentsComment.Comment,
-    Category: components_category_component.Category,
-});
-
-exports.Content = Content;
-exports.Main = Main;
-exports.PureCell = PureCell;
-exports.PureCellContext = PureCellContext;
-exports.Text = Text;

package/pure-cell/esm/component-bdd266d4.js

@@ -1,111 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { forwardRef, useRef, useContext } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Comment } from '../../comment/esm';
-import { useFocus } from '@alfalab/hooks';
-import { Addon } from './components/addon/component.js';
-import { Amount } from './components/amount/component.js';
-import { AmountTitle } from './components/amount-title/component.js';
-import { Category } from './components/category/component.js';
-import { getDataTestId } from '../../shared/esm';
-import { Footer } from './components/footer/component.js';
-import { FooterButton } from './components/footer-button/component.js';
-import { FooterText } from './components/footer-text/component.js';
-import { Graphics } from './components/graphics/component.js';
-import { Typography } from '../../typography/esm';
-import '../../amount/esm';
-import '../../button/esm';
-
-var styles$3 = {"component":"pure-cell__component_1phqg","horizontal":"pure-cell__horizontal_1phqg"};
-require('./components/content/index.css');
-
-var Content = function (_a) {
-    var _b;
-    var children = _a.children, dataTestId = _a.dataTestId;
-    var direction = useContext(PureCellContext).direction;
-    return (React.createElement("section", { className: cn(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
-};
-
-var styles$2 = {"component":"pure-cell__component_1ufkr","vertical":"pure-cell__vertical_1ufkr","reverse":"pure-cell__reverse_1ufkr"};
-require('./components/main/index.css');
-
-var Main = function (_a) {
-    var _b;
-    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId;
-    var _c = useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
-    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], (_b = {},
-            _b[styles$2.reverse] = isReverse,
-            _b), className), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
-};
-
-var styles$1 = {"horizontal":"pure-cell__horizontal_k946b","rowLimit1":"pure-cell__rowLimit1_k946b","rowLimit2":"pure-cell__rowLimit2_k946b","component":"pure-cell__component_k946b","vertical":"pure-cell__vertical_k946b","title":"pure-cell__title_k946b","value":"pure-cell__value_k946b"};
-require('./components/text/index.css');
-
-var Text = function (_a) {
-    var _b;
-    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
-    var _d = useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
-    var className = rowLimit && styles$1["rowLimit".concat(rowLimit)];
-    return (React.createElement("div", { className: cn(styles$1.component, (_b = {},
-            _b[styles$1.vertical] = direction !== 'horizontal',
-            _b)) },
-        React.createElement("div", { className: styles$1.title },
-            React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_content') }, children)),
-        value && (React.createElement("div", { className: styles$1.value },
-            React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_value') }, value)))));
-};
-
-var styles = {"component":"pure-cell__component_1cht4","horizontal":"pure-cell__horizontal_1cht4","vertical":"pure-cell__vertical_1cht4","button":"pure-cell__button_1cht4","link":"pure-cell__link_1cht4","none":"pure-cell__none_1cht4","airy":"pure-cell__airy_1cht4","defaultPadding":"pure-cell__defaultPadding_1cht4","compact":"pure-cell__compact_1cht4","tiny":"pure-cell__tiny_1cht4","left":"pure-cell__left_1cht4","right":"pure-cell__right_1cht4","both":"pure-cell__both_1cht4","focused":"pure-cell__focused_1cht4"};
-require('./index.css');
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-var PureCellContext = React.createContext({});
-var PureCellComponent = forwardRef(function (_a, ref) {
-    var _b, _c;
-    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = __rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
-    var cellRef = useRef(null);
-    var focused = useFocus(cellRef, 'keyboard')[0];
-    var addClasses = (_b = {},
-        _b[styles.component] = true,
-        _b[styles.focused] = focused,
-        _b[styles[direction]] = true,
-        _b[styles.defaultPadding] = verticalPadding === 'default',
-        _b[styles[verticalPadding]] = verticalPadding !== 'default',
-        _b[styles[horizontalPadding]] = true,
-        _b);
-    if (href) {
-        var target = restProps.target;
-        // Для совместимости с react-router-dom, меняем href на to
-        var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
-        return (React.createElement(Component, __assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-    }
-    if (onClick) {
-        return (React.createElement(Component, __assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
-            React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-    }
-    return (React.createElement(Component, __assign({}, restProps, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId }),
-        React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
-});
-/**
- * Универсальный конструктор для сборки любой ячейки.
- *
- * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
- */
-var PureCell = Object.assign(PureCellComponent, {
-    Main: Main,
-    Graphics: Graphics,
-    Content: Content,
-    Text: Text,
-    Amount: Amount,
-    AmountTitle: AmountTitle,
-    Addon: Addon,
-    Footer: Footer,
-    ExtraSubtitle: FooterText,
-    FooterButton: FooterButton,
-    Comment: Comment,
-    Category: Category,
-});
-
-export { Content as C, Main as M, PureCell as P, Text as T, PureCellContext as a };

package/pure-cell/modern/component-b811b670.js

@@ -1,103 +0,0 @@
-import React, { forwardRef, useRef, useContext } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Comment } from '../../comment/modern';
-import { useFocus } from '@alfalab/hooks';
-import { Addon } from './components/addon/component.js';
-import { Amount } from './components/amount/component.js';
-import { AmountTitle } from './components/amount-title/component.js';
-import { Category } from './components/category/component.js';
-import { getDataTestId } from '../../shared/modern';
-import { Footer } from './components/footer/component.js';
-import { FooterButton } from './components/footer-button/component.js';
-import { FooterText } from './components/footer-text/component.js';
-import { Graphics } from './components/graphics/component.js';
-import { Typography } from '../../typography/modern';
-import '../../amount/modern';
-import '../../button/modern';
-
-const styles$3 = {"component":"pure-cell__component_1phqg","horizontal":"pure-cell__horizontal_1phqg"};
-require('./components/content/index.css');
-
-const Content = ({ children, dataTestId }) => {
-    const { direction } = useContext(PureCellContext);
-    return (React.createElement("section", { className: cn(styles$3.component, { [styles$3.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
-};
-
-const styles$2 = {"component":"pure-cell__component_1ufkr","vertical":"pure-cell__vertical_1ufkr","reverse":"pure-cell__reverse_1ufkr"};
-require('./components/main/index.css');
-
-const Main = ({ children, isReverse, className, dataTestId }) => {
-    const { direction = 'horizontal' } = useContext(PureCellContext);
-    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], {
-            [styles$2.reverse]: isReverse,
-        }, className), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
-};
-
-const styles$1 = {"horizontal":"pure-cell__horizontal_k946b","rowLimit1":"pure-cell__rowLimit1_k946b","rowLimit2":"pure-cell__rowLimit2_k946b","component":"pure-cell__component_k946b","vertical":"pure-cell__vertical_k946b","title":"pure-cell__title_k946b","value":"pure-cell__value_k946b"};
-require('./components/text/index.css');
-
-const Text = ({ children, value, rowLimit, view = 'component', titleWeight, titleColor, valueColor, dataTestId, }) => {
-    const { direction = 'horizontal' } = useContext(PureCellContext);
-    const className = rowLimit && styles$1[`rowLimit${rowLimit}`];
-    return (React.createElement("div", { className: cn(styles$1.component, {
-            [styles$1.vertical]: direction !== 'horizontal',
-        }) },
-        React.createElement("div", { className: styles$1.title },
-            React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_content') }, children)),
-        value && (React.createElement("div", { className: styles$1.value },
-            React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_value') }, value)))));
-};
-
-const styles = {"component":"pure-cell__component_1cht4","horizontal":"pure-cell__horizontal_1cht4","vertical":"pure-cell__vertical_1cht4","button":"pure-cell__button_1cht4","link":"pure-cell__link_1cht4","none":"pure-cell__none_1cht4","airy":"pure-cell__airy_1cht4","defaultPadding":"pure-cell__defaultPadding_1cht4","compact":"pure-cell__compact_1cht4","tiny":"pure-cell__tiny_1cht4","left":"pure-cell__left_1cht4","right":"pure-cell__right_1cht4","both":"pure-cell__both_1cht4","focused":"pure-cell__focused_1cht4"};
-require('./index.css');
-
-/* eslint-disable react/jsx-no-constructed-context-values */
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-const PureCellContext = React.createContext({});
-const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, tag: Component = (href && 'a') || (onClick && 'button') || 'section', children, horizontalPadding = 'none', verticalPadding = 'none', direction = 'horizontal', ...restProps }, ref) => {
-    const cellRef = useRef(null);
-    const [focused] = useFocus(cellRef, 'keyboard');
-    const addClasses = {
-        [styles.component]: true,
-        [styles.focused]: focused,
-        [styles[direction]]: true,
-        [styles.defaultPadding]: verticalPadding === 'default',
-        [styles[verticalPadding]]: verticalPadding !== 'default',
-        [styles[horizontalPadding]]: true,
-    };
-    if (href) {
-        const { target } = restProps;
-        // Для совместимости с react-router-dom, меняем href на to
-        const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
-        return (React.createElement(Component, { rel: target === '_blank' ? 'noreferrer noopener' : undefined, ...restProps, ...hrefProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
-            React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
-    }
-    if (onClick) {
-        return (React.createElement(Component, { ...restProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
-            React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
-    }
-    return (React.createElement(Component, { ...restProps, ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
-        React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
-});
-/**
- * Универсальный конструктор для сборки любой ячейки.
- *
- * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
- */
-const PureCell = Object.assign(PureCellComponent, {
-    Main,
-    Graphics,
-    Content,
-    Text,
-    Amount,
-    AmountTitle,
-    Addon,
-    Footer,
-    ExtraSubtitle: FooterText,
-    FooterButton,
-    Comment,
-    Category,
-});
-
-export { Content as C, Main as M, PureCell as P, Text as T, PureCellContext as a };

package/select-with-tags/Component-89a3cf4c.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-63dec22f";
-export { NavigationBar };

package/select-with-tags/Component-e81c389f.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
-type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
-declare const Header: FC<HeaderProps>;
-export { HeaderProps, Header };

package/select-with-tags/component-89a3cf4c.d.ts

@@ -1,44 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
-import { SwipeableHandlers } from "react-swipeable";
-import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-425c8522";
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-};
-declare const Footer: FC<FooterProps>;
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-    headerOffset: number;
-};
-declare const Header: FC<HeaderProps>;
-type SwipeableBackdropProps = BackdropProps & {
-    /**
-     * Прозрачность бэкдропа
-     */
-    opacity?: number;
-    /**
-     * Обработчики свайпа
-     */
-    handlers?: SwipeableHandlers;
-    /**
-     * Время анимации opacity
-     */
-    opacityTimeout?: number;
-};
-declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
-declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/select-with-tags/cssm/Component-89a3cf4c.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-63dec22f";
-export { NavigationBar };