@sima-land/ui-nucleons 45.0.0-alpha.7 → 45.0.0-alpha.71

package/unknown-content/unknown-content.module.scss

@@ -1,286 +0,0 @@
-@use '../colors';
-@use '../breakpoints';
-
-.root {
-  color: colors.$basic-gray87;
-  font-size: 16px;
-  line-height: 24px;
-
-  // сброс отступов
-  * {
-    border: 0;
-    margin: 0;
-    padding: 0;
-  }
-
-  // ссылки
-  a {
-    color: colors.$basic-blue;
-    text-decoration: none;
-    &:hover {
-      color: colors.$additional-deep-blue;
-    }
-  }
-
-  // параграф
-  p {
-    margin-bottom: 24px;
-  }
-
-  // курсив
-  i,
-  em {
-    font-style: normal; // да, вот так по гайдам
-  }
-
-  // заголовки
-  h1 {
-    font-weight: 600;
-    font-size: 24px;
-    line-height: 32px;
-    margin-bottom: 32px;
-  }
-  h2 {
-    font-weight: 600;
-    font-size: 20px;
-    line-height: 28px;
-    margin-bottom: 24px;
-  }
-  h3 {
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 24px;
-    margin-bottom: 24px;
-  }
-  h4 {
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 24px;
-    color: colors.$basic-gray38;
-    margin-bottom: 16px;
-  }
-  h5 {
-    font-weight: normal;
-    font-size: 14px;
-    line-height: 20px;
-    color: colors.$basic-gray38;
-    margin-bottom: 24px;
-  }
-  h6 {
-    font-weight: normal;
-    font-size: 12px;
-    line-height: 16px;
-    margin-bottom: 24px;
-  }
-
-  @include breakpoints.up('xs') {
-    h1 {
-      font-weight: bold;
-      font-size: 32px;
-      line-height: 40px;
-      margin-bottom: 32px;
-    }
-    h2 {
-      font-weight: 600;
-      font-size: 24px;
-      line-height: 32px;
-      margin-bottom: 24px;
-    }
-    h3 {
-      font-weight: 600;
-      font-size: 20px;
-      line-height: 28px;
-      margin-bottom: 24px;
-    }
-    h4 {
-      font-weight: 600;
-      font-size: 16px;
-      line-height: 24px;
-      color: colors.$basic-gray38;
-      margin-bottom: 16px;
-    }
-    h5 {
-      font-size: 14px;
-      line-height: 20px;
-      color: colors.$basic-gray38;
-      margin-bottom: 24px;
-    }
-    h6 {
-      font-size: 12px;
-      line-height: 16px;
-    }
-  }
-
-  // списки
-  ol,
-  ul {
-    margin-bottom: 24px;
-    li + li {
-      margin-top: 16px;
-    }
-  }
-  ol {
-    // ВАЖНО: экспериментально используем стили таблицы чтобы содержимое элемента списка не залезало под номер
-    // это не позволяет сделать отступ от номера 12px по гайдам - согласовано с дизайнерами
-    // при возникновении проблем пересмотреть подход
-    display: table;
-    border-spacing: 0 16px;
-    counter-reset: ordered-list;
-    list-style: none;
-    li {
-      display: table-row;
-      counter-increment: ordered-list;
-    }
-    li::before {
-      content: counter(ordered-list) '.';
-      display: table-cell;
-
-      // ВАЖНО: 10 вместо 12 по гайдам - согласовано с дизайнерами
-      // уменьшили потому что при табличной стилизации отступ от номера формируется по самому длинному номеру
-      padding-right: 10px;
-    }
-  }
-  ul {
-    display: table;
-    border-spacing: 0 16px;
-    list-style: none;
-    li {
-      display: table-row;
-      counter-increment: ordered-list;
-    }
-    li::before {
-      content: '—';
-      display: table-cell;
-      padding-right: 10px;
-    }
-  }
-
-  // таблицы
-  table {
-    width: 100%;
-    margin-bottom: 40px;
-    border-collapse: collapse;
-  }
-  @include breakpoints.up('xs') {
-    table {
-      thead {
-        color: colors.$basic-gray38;
-        font-size: 14px;
-        line-height: 20px;
-        td,
-        th {
-          padding-top: 0;
-        }
-      }
-      td {
-        border: 0;
-        padding: 24px 0;
-
-        // накидываем именно сюда чтобы работало в Safari
-        box-shadow: inset 0 -1px 0 colors.$basic-gray12;
-        &:not(:last-child) {
-          padding-right: 32px;
-        }
-      }
-    }
-  }
-  @include breakpoints.down('xs') {
-    table,
-    tr,
-    th,
-    td,
-    thead,
-    tbody {
-      display: block;
-    }
-    table {
-      box-shadow: inset 0 1px 0 colors.$basic-gray12;
-    }
-    thead {
-      position: absolute;
-      top: -9999px;
-      left: -9999px;
-    }
-    tr {
-      padding: 32px 0;
-      box-shadow: inset 0 -1px 0 colors.$basic-gray12;
-    }
-    td + td {
-      margin-top: 24px;
-    }
-    td::before {
-      content: attr(data-table-column-title);
-      display: block;
-      font-size: 14px;
-      line-height: 20px;
-      color: colors.$basic-gray38;
-      margin-bottom: 8px;
-    }
-  }
-
-  // медиа
-  img,
-  video {
-    display: block;
-    max-width: 100%;
-    margin-bottom: 32px;
-    @include breakpoints.up('xs') {
-      margin-bottom: 40px;
-    }
-  }
-
-  // цитата
-  blockquote {
-    position: relative;
-    display: block;
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 24px;
-    padding-left: 40px;
-    &::before {
-      content: '';
-      position: absolute;
-      left: 0;
-
-      /* stylelint-disable-next-line function-url-quotes */
-      background-image: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="32" height="32"/%3E%3Cpath d="M15.1665 5.33301H8.36963L2.6665 26.0361H12.1196L15.1665 5.33301ZM28.9165 5.33301H22.1196L16.4165 26.0361H25.8696L28.9165 5.33301Z" fill="%23E0E0E0"/%3E%3C/svg%3E%0A');
-      width: 32px;
-      height: 32px;
-    }
-    @include breakpoints.up('xs') {
-      font-size: 20px;
-      line-height: 28px;
-      padding-left: 72px;
-      &::before {
-        /* stylelint-disable-next-line function-url-quotes */
-        background-image: url('data:image/svg+xml,%3Csvg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="48" height="48"/%3E%3Cpath d="M22.75 8H12.5547L4 39.0547H18.1797L22.75 8ZM43.375 8H33.1797L24.625 39.0547H38.8047L43.375 8Z" fill="%23E0E0E0"/%3E%3C/svg%3E%0A');
-        width: 48px;
-        height: 48px;
-      }
-    }
-    * {
-      margin: 0;
-    }
-    cite {
-      display: block;
-      margin-top: 16px;
-      font-style: normal;
-      font-weight: normal;
-      font-size: 16px;
-      line-height: 24px;
-      color: colors.$basic-gray38;
-    }
-  }
-
-  // горизонтальная черта
-  hr {
-    display: block;
-    width: 100%;
-    height: 1px;
-    background: colors.$basic-gray12;
-    margin-bottom: 32px;
-    @include breakpoints.up('xs') {
-      margin-bottom: 40px;
-    }
-  }
-}

package/unknown-content/utils.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setTableRowLabels = void 0;
-/**
- * Ищет в заданном элементе все ячейки таблиц и задает им атрибут "data-table-column-title".
- * Необходимо для стилизации адаптивных таблиц по гайдам.
- * @param element Элемент.
- */
-const setTableRowLabels = (element) => {
-    element.querySelectorAll('tbody td').forEach(td => {
-        var _a;
-        // считаем, что parentNode есть всегда т.к. селектор это подразумевает
-        const index = [...td.parentNode.children].indexOf(td);
-        // считаем, что index не может быть равен -1 т.к. поиск внутри родительского элемента
-        td.setAttribute('data-table-column-title', ((_a = td.closest('table').querySelector(`thead td:nth-child(${index + 1})`)) === null || _a === void 0 ? void 0 : _a.textContent) || '');
-    });
-};
-exports.setTableRowLabels = setTableRowLabels;
-//# sourceMappingURL=utils.js.map

package/unknown-content/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/unknown-content/utils.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACI,MAAM,iBAAiB,GAAG,CAAC,OAAgB,EAAQ,EAAE;IAC1D,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;;QAChD,sEAAsE;QACtE,MAAM,KAAK,GAAG,CAAC,GAAI,EAAE,CAAC,UAAyB,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAEtE,qFAAqF;QACrF,EAAE,CAAC,YAAY,CACb,yBAAyB,EACzB,CAAA,MAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAsB,CAAC,aAAa,CAAC,sBAAsB,KAAK,GAAG,CAAC,GAAG,CAAC,0CACvF,WAAW,KAAI,EAAE,CACtB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAZW,QAAA,iBAAiB,qBAY5B"}

package/upload-area/index.d.ts

@@ -1,2 +0,0 @@
-export type { UploadAreaProps, UploadAreaSize } from './types';
-export { UploadArea } from './upload-area';

package/upload-area/index.js

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

package/upload-area/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/upload-area/index.ts"],"names":[],"mappings":";;;AACA,6CAA2C;AAAlC,yGAAA,UAAU,OAAA"}

package/upload-area/types.d.ts

@@ -1,32 +0,0 @@
-import type { ChangeEvent, CSSProperties, DragEvent, HTMLAttributes, InputHTMLAttributes } from 'react';
-export type UploadAreaSize = 's' | 'm';
-export interface UploadAreaProps {
-    /** Размер. */
-    size?: UploadAreaSize | 'unset';
-    /** CSS-класс корневого элемента. */
-    className?: string;
-    /** Стили корневого элемента. */
-    style?: CSSProperties;
-    /** Ограничение на количество файлов. */
-    countLimit?: number;
-    /** Состояние с ошибками валидации. */
-    failed?: boolean;
-    /** Отключенное состояния. */
-    disabled?: boolean;
-    /** Роль файлов. */
-    fileRole?: string;
-    /** Форматы файлов, выводятся пользователю. */
-    formats?: string;
-    /** Ограничение на количество файлов. */
-    multiple?: boolean;
-    /** Сработает при выборе или перетаскивании файлов, получив список файлов и событие. */
-    onSelect?: (list: File[], event: DragEvent<HTMLElement> | ChangeEvent<HTMLInputElement>) => void;
-    /** Ограничение на размер. */
-    sizeLimit?: string;
-    /** Свойства корневого элемента. */
-    rootProps?: HTMLAttributes<HTMLElement>;
-    /** Свойства элемента input. */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}

package/upload-area/upload-area-util.scss

@@ -1,17 +0,0 @@
-@mixin size-s {
-  --padding-x: 16px;
-  --padding-y: 20px;
-  --justify-content: flex-start;
-  --icon-size: 0;
-  --icon-display: none;
-  --min-height: calc(48px + (2 * var(--padding-y)));
-}
-
-@mixin size-m {
-  --padding-x: 60px;
-  --padding-y: 20px;
-  --justify-content: center;
-  --icon-size: 64px;
-  --icon-display: block;
-  --min-height: calc(var(--icon-size) + (2 * var(--padding-y)));
-}

package/upload-area/upload-area.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { UploadAreaProps } from './types';
-/**
- * Поля выбора файлов.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function UploadArea({ className, style, size, multiple, disabled, failed, formats, fileRole, countLimit, onSelect, sizeLimit, rootProps, inputProps, 'data-testid': testId, }: UploadAreaProps): JSX.Element;

package/upload-area/upload-area.js

@@ -1,76 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UploadArea = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const link_1 = require("../link");
-const utils_1 = require("./utils");
-const lodash_1 = require("lodash");
-const get_declination_1 = require("../helpers/get-declination");
-const Upload_1 = __importDefault(require("@sima-land/ui-quarks/icons/64x64/Stroked/Upload"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const upload_area_module_scss_1 = __importDefault(require("./upload-area.module.scss"));
-const cx = bind_1.default.bind(upload_area_module_scss_1.default);
-/**
- * Поля выбора файлов.
- * @param props Свойства.
- * @return Элемент.
- */
-function UploadArea({ className, style, size = 'm', multiple, disabled, failed, formats, fileRole = 'файл', countLimit = multiple ? undefined : 1, onSelect, sizeLimit, rootProps, inputProps, 'data-testid': testId = 'upload-area', }) {
-    const inputRef = (0, react_1.useRef)(null);
-    const secondaryInfo = (0, lodash_1.upperFirst)([
-        typeof countLimit === 'number' && countLimit > 0
-            ? `${countLimit} ${(0, get_declination_1.getDeclination)(countLimit, ['файл', 'файла', 'файлов'])}`
-            : null,
-        formats ? `формат ${formats}` : null,
-        sizeLimit ? `до ${sizeLimit}` : null,
-    ]
-        .filter(Boolean)
-        .join(', '));
-    const filterFiles = (0, react_1.useCallback)((files) => {
-        const result = [...files];
-        multiple
-            ? countLimit && Number.isFinite(countLimit) && result.splice(countLimit)
-            : result.splice(1);
-        return result;
-    }, [multiple, countLimit]);
-    const onInputChange = (0, react_1.useCallback)(event => {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(filterFiles(event.target.files || []), event);
-        // очищаем поле чтобы можно было выбрать тот же файл повторно
-        event.target.value = '';
-    }, [filterFiles, onSelect]);
-    const { active, bind } = (0, utils_1.useFilesDrop)(event => {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(filterFiles(event.dataTransfer.files), event);
-    });
-    const rootClassName = cx('root', size !== 'unset' && `size-${size}`, { active, failed, disabled }, className);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...rootProps, ...bind, "data-testid": testId, style: style, className: rootClassName, tabIndex: disabled ? -1 : 0, role: 'button', onFocus: event => {
-            var _a;
-            if (!disabled) {
-                (_a = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(rootProps, event);
-            }
-        }, onClick: event => {
-            var _a, _b;
-            if (!disabled) {
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-                (_b = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onClick) === null || _b === void 0 ? void 0 : _b.call(rootProps, event);
-            }
-        }, onKeyDown: event => {
-            var _a, _b;
-            // имитируем поведение кнопки
-            if (!disabled && ['Enter', 'Space'].includes(event.code)) {
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-                (_b = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onKeyDown) === null || _b === void 0 ? void 0 : _b.call(rootProps, event);
-            }
-        }, onBlur: event => {
-            var _a;
-            (_a = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(rootProps, event);
-        }, children: [(0, jsx_runtime_1.jsx)(Upload_1.default, { className: cx('icon') }), (0, jsx_runtime_1.jsxs)("div", { className: cx('info'), children: [(0, jsx_runtime_1.jsxs)("div", { className: cx('text', 'primary'), children: [(0, jsx_runtime_1.jsx)("input", { ...inputProps, ref: inputRef, type: 'file', multiple: multiple, className: cx('input'), onChange: onInputChange, onClick: e => {
-                                    // для того чтобы при клике на корневом элементе не вызывался второй клик
-                                    e.stopPropagation();
-                                }, "data-testid": 'upload-area:input', disabled: disabled }), (0, jsx_runtime_1.jsxs)(link_1.Link, { pseudo: true, "data-testid": 'upload-area:anchor', disabled: disabled, children: ["\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 ", fileRole] })] }), secondaryInfo && (0, jsx_runtime_1.jsx)("div", { className: cx('text', 'secondary'), children: secondaryInfo })] })] }));
-}
-exports.UploadArea = UploadArea;
-//# sourceMappingURL=upload-area.js.map

package/upload-area/upload-area.js.map

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

package/upload-area/upload-area.module.scss

@@ -1,78 +0,0 @@
-@use '../colors';
-@use './upload-area-util';
-
-.root {
-  --secondary-text-color: #{colors.$basic-gray38};
-  display: flex;
-  align-items: center;
-  justify-content: var(--justify-content);
-  padding: calc(var(--padding-y) - 1px) calc(var(--padding-x) - 1px);
-  min-height: var(--min-height);
-  border-radius: 8px;
-  border: 1px dashed colors.$basic-gray24;
-  max-width: 100%;
-  overflow: hidden;
-  outline: 0;
-  background: #fff;
-  &.size-s {
-    @include upload-area-util.size-s;
-  }
-  &.size-m {
-    @include upload-area-util.size-m;
-  }
-  &:not(.disabled):hover {
-    cursor: pointer;
-    border-color: colors.$basic-blue;
-  }
-  &:not(.disabled).active,
-  &:not(.disabled):focus-visible {
-    border-color: colors.$basic-blue;
-    border-style: solid;
-  }
-  &.disabled {
-    background: colors.$basic-gray4;
-    --secondary-text-color: #{colors.$basic-gray24};
-  }
-  &.failed {
-    --secondary-text-color: #{colors.$additional-deep-red};
-  }
-}
-
-.icon {
-  width: var(--icon-size);
-  height: var(--icon-size);
-  display: var(--icon-display);
-  flex-shrink: 0;
-  margin-right: 24px;
-  fill: colors.$basic-gray24;
-}
-
-.info {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  overflow: hidden;
-  align-items: flex-start;
-  text-align: left;
-  .text {
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    &.primary {
-      font-size: 16px;
-      line-height: 24px;
-    }
-    &.secondary {
-      margin-top: 4px;
-      font-size: 14px;
-      line-height: 20px;
-      color: var(--secondary-text-color);
-    }
-  }
-}
-
-.input {
-  display: none;
-}

package/upload-area/utils.d.ts

@@ -1,17 +0,0 @@
-import { DragEventHandler } from 'react';
-type UseFilesDropResult<T> = {
-    active: boolean;
-    bind: {
-        onDragEnter: DragEventHandler<T>;
-        onDragOver: DragEventHandler<T>;
-        onDragLeave: DragEventHandler<T>;
-        onDrop: DragEventHandler<T>;
-    };
-};
-/**
- * Хук обработки перетаскивания файлов на элемент.
- * @param callback Опции.
- * @return Данные.
- */
-export declare function useFilesDrop<T extends HTMLElement = HTMLElement>(callback: DragEventHandler<T>): UseFilesDropResult<T>;
-export {};

package/upload-area/utils.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFilesDrop = void 0;
-const react_1 = require("react");
-const identity_1 = require("../hooks/identity");
-/**
- * Хук обработки перетаскивания файлов на элемент.
- * @param callback Опции.
- * @return Данные.
- */
-function useFilesDrop(callback) {
-    const [active, setActive] = (0, react_1.useState)(false);
-    const callbackRef = (0, identity_1.useIdentityRef)(callback);
-    const onDragEnter = (0, react_1.useCallback)(event => {
-        event.preventDefault();
-        setActive(true);
-    }, []);
-    const onDragOver = (0, react_1.useCallback)(event => {
-        event.preventDefault();
-        setActive(true);
-    }, []);
-    const onDragLeave = (0, react_1.useCallback)(event => {
-        event.preventDefault();
-        const { currentTarget, relatedTarget } = event;
-        // игнорируем переход по дочерним элементам
-        if (!relatedTarget ||
-            (currentTarget instanceof Node &&
-                relatedTarget instanceof Node &&
-                !currentTarget.contains(relatedTarget))) {
-            setActive(false);
-        }
-    }, []);
-    const onDrop = (0, react_1.useCallback)(event => {
-        event.preventDefault();
-        setActive(false);
-        callbackRef.current(event);
-    }, []);
-    return {
-        active,
-        bind: {
-            onDragEnter,
-            onDragOver,
-            onDragLeave,
-            onDrop,
-        },
-    };
-}
-exports.useFilesDrop = useFilesDrop;
-//# sourceMappingURL=utils.js.map

package/upload-area/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/upload-area/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAgE;AAChE,gDAAmD;AAYnD;;;;GAIG;AACH,SAAgB,YAAY,CAC1B,QAA6B;IAE7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,IAAA,yBAAc,EAAC,QAAQ,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAsB,KAAK,CAAC,EAAE;QAC3D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAsB,KAAK,CAAC,EAAE;QAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAsB,KAAK,CAAC,EAAE;QAC3D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;QAE/C,2CAA2C;QAC3C,IACE,CAAC,aAAa;YACd,CAAC,aAAa,YAAY,IAAI;gBAC5B,aAAa,YAAY,IAAI;gBAC7B,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,EACzC;YACA,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAsB,KAAK,CAAC,EAAE;QACtD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,MAAM;QAEN,IAAI,EAAE;YACJ,WAAW;YACX,UAAU;YACV,WAAW;YACX,MAAM;SACP;KACF,CAAC;AACJ,CAAC;AA/CD,oCA+CC"}

package/with-hint/index.d.ts

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import { HintProps } from '../hint-deprecated';
-type ChildrenFn = (ref: React.RefObject<Element>, toggle: (opened: boolean) => void) => React.ReactNode;
-export interface WithHintProps {
-    /** Содержимое хинта. */
-    hint: React.ReactNode;
-    /** С какой стороны появляется хинт. */
-    direction?: HintProps['direction'];
-    /** Нужно ли показывать хинт. */
-    shown?: boolean;
-    /** Контент, содержащий элемент, рядом с которым будет показан хинт. */
-    children: ChildrenFn;
-    /** Срабатывает при закрытии. */
-    onClose?: () => void;
-}
-/**
- * Компонент вывода "хинта" рядом с заданным элементом.
- * @deprecated Следует использовать `hint`.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const WithHint: ({ children, direction, hint, onClose, shown: shownProp, }: WithHintProps) => JSX.Element;
-/**
- * Хук для формирования состояния временного хинта по гайдам.
- * @return Управление.
- */
-export declare const useTempHint: () => readonly [{
-    readonly shown: boolean;
-    readonly onClose: () => void;
-}, (value: boolean) => void];
-export {};