@megafon/ui-core 8.16.3 → 8.17.1

package/dist/es/components/TextField/TextField.js

@@ -1,464 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/es.parse-float.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.string.replace.js";
-import "core-js/modules/web.timers.js";
-/* eslint-disable react/no-multi-comp */
-import * as React from 'react';
-import { useCallback, useEffect, useState, useRef, useMemo } from 'react';
-import { checkEventIsClickOrEnterPress, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import InputMask from '@mona-health/react-input-mask';
-import throttle from 'lodash.throttle';
-import throttleTime from "../../constants/throttleTime";
-import countGraphemes from "./utils/countGraphemes";
-import "./TextField.css";
-var Hide = function Hide(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M5.82 17.45l-1.65 2.31L5.8 21l1.65-2.3a15.9 15.9 0 002.67 1.3l-.87 2.71 1.92.63.86-2.7a15.64 15.64 0 003 .48V24h2v-2.84a15.64 15.64 0 003-.48l.86 2.7 1.92-.63-.93-2.75a15.9 15.9 0 002.67-1.38L26.2 21l1.63-1.2-1.65-2.31a16.16 16.16 0 001.82-1.8l-1.51-1.35a13.8 13.8 0 01-21 0L4 15.69a16.15 16.15 0 001.82 1.76zM23 11.92l1-1.77a16 16 0 00-16 0l1 1.77a14 14 0 0114 0z"
-  }));
-};
-var Show = function Show(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M26 11.69l1.73-2-1.49-1.34-1.82 2.15a15.67 15.67 0 00-2.59-1.34l1.1-2.8-1.86-.73-1.14 2.9A15.53 15.53 0 0017 8.07V5h-2v3.07a15.53 15.53 0 00-2.93.47l-1.14-2.9-1.86.73 1.1 2.8a15.67 15.67 0 00-2.59 1.33L5.76 8.35l-1.52 1.3 1.73 2A19.78 19.78 0 004 13.5L5.46 15A13.72 13.72 0 0116 10a13.55 13.55 0 0110.52 5L28 13.5a19.78 19.78 0 00-2-1.81z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M20 16a4 4 0 10-4 4 4 4 0 004-4zm-6 0a2 2 0 112 2 2 2 0 01-2-2z"
-  }));
-};
-var ClearIcon = function ClearIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    className: "ClearIcon__st0",
-    d: "M16 14.5L11.5 10 10 11.5l4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5-1.5-1.5-4.5 4.5z"
-  }));
-};
-var CheckedIcon = function CheckedIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M22.2 9l-7.8 9.4-3.6-3.7L9 16.5c3.6 3.7 5.4 5.5 5.5 5.5.1 0 3.3-3.8 9.5-11.3L22.2 9z"
-  }));
-};
-var ResizeIcon = function ResizeIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 12,
-    height: 12
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M1 11L11 1M7 11l4-4"
-  }));
-};
-var isElement = function isElement(target) {
-  return target instanceof HTMLElement || target instanceof SVGElement || target instanceof SVGPathElement;
-};
-var TEXTAREA_MAX_HEIGHT = 144;
-var DEFAULT_LABEL_TOP_POSITION = 16;
-var DEFAULT_ROW_COUNT = 3;
-var ROW_HEIGHT = 24;
-var DEFAULT_PLACEHOLDERS = {
-  email: 'E-mail',
-  tel: 'Номер телефона',
-  password: 'Пароль',
-  text: 'Текст'
-};
-export var Verification = {
-  VALID: 'valid',
-  ERROR: 'error'
-};
-export var TextareaTypes = {
-  FIXED: 'fixed',
-  FLEXIBLE: 'flexible'
-};
-export var MinTextareaHeight = {
-  ONE_ROW: ROW_HEIGHT,
-  THREE_ROWS: ROW_HEIGHT * DEFAULT_ROW_COUNT
-};
-var cn = cnCreate('mfui-text-field');
-var TextField = function TextField(_ref) {
-  var className = _ref.className,
-    customIcon = _ref.customIcon,
-    disabled = _ref.disabled,
-    _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
-    id = _ref.id,
-    label = _ref.label,
-    mask = _ref.mask,
-    maskChar = _ref.maskChar,
-    maxLength = _ref.maxLength,
-    graphemesCounter = _ref.graphemesCounter,
-    symbolCounter = _ref.symbolCounter,
-    _ref$textarea = _ref.textarea,
-    textarea = _ref$textarea === void 0 ? false : _ref$textarea,
-    name = _ref.name,
-    _ref$hidePlaceholder = _ref.hidePlaceholder,
-    hidePlaceholder = _ref$hidePlaceholder === void 0 ? false : _ref$hidePlaceholder,
-    placeholder = _ref.placeholder,
-    required = _ref.required,
-    _ref$isControlled = _ref.isControlled,
-    isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
-    _ref$minTextareaHeigh = _ref.minTextareaHeight,
-    minTextareaHeight = _ref$minTextareaHeigh === void 0 ? MinTextareaHeight.THREE_ROWS : _ref$minTextareaHeigh,
-    _ref$disableEnterLine = _ref.disableEnterLineBreak,
-    disableEnterLineBreak = _ref$disableEnterLine === void 0 ? false : _ref$disableEnterLine,
-    _ref$hideResizeButton = _ref.hideResizeButton,
-    hideResizeButton = _ref$hideResizeButton === void 0 ? false : _ref$hideResizeButton,
-    onClick = _ref.onClick,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    onBeforeMaskChange = _ref.onBeforeMaskChange,
-    onIconClick = _ref.onIconClick,
-    onFocus = _ref.onFocus,
-    onKeyUp = _ref.onKeyUp,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'default' : _ref$theme,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'text' : _ref$type,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value,
-    verification = _ref.verification,
-    _ref$noticeText = _ref.noticeText,
-    noticeText = _ref$noticeText === void 0 ? '' : _ref$noticeText,
-    inputRef = _ref.inputRef,
-    inputMode = _ref.inputMode,
-    autoComplete = _ref.autoComplete,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    dataAttrs = _ref.dataAttrs;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isPasswordHidden = _useState2[0],
-    setPasswordHidden = _useState2[1];
-  var _useState3 = useState(value),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inputValue = _useState4[0],
-    setInputValue = _useState4[1];
-  var _useState5 = useState(minTextareaHeight),
-    _useState6 = _slicedToArray(_useState5, 2),
-    textareaHeight = _useState6[0],
-    setTextareaHeight = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isMaxLimitExceeded = _useState8[0],
-    setIsMaxLimitExceeded = _useState8[1];
-  var _useState9 = useState(noticeText),
-    _useState10 = _slicedToArray(_useState9, 2),
-    currentNoticeText = _useState10[0],
-    setCurrentNoticeText = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    isTextareaResizeFocused = _useState12[0],
-    setIsTextareaResizeFocused = _useState12[1];
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    isTextareaResized = _useState14[0],
-    setIsTextareaResized = _useState14[1];
-  var _useState15 = useState(null),
-    _useState16 = _slicedToArray(_useState15, 2),
-    clickedElement = _useState16[0],
-    setClickedElement = _useState16[1];
-  var fieldNode = useRef();
-  var labelRef = useRef(null);
-  var resizerRef = useRef(null);
-  var isPasswordType = useMemo(function () {
-    return type === 'password';
-  }, [type]);
-  var isVisiblePassword = useMemo(function () {
-    return isPasswordType && !isPasswordHidden;
-  }, [isPasswordHidden, isPasswordType]);
-  var hasValue = isControlled ? !!value : !!inputValue;
-  var isValidVerification = verification === Verification.VALID && !disabled;
-  var isErrorVerification = verification === Verification.ERROR && !disabled;
-  var hasValueForClear = hasValue && !isPasswordType && !customIcon && !isValidVerification;
-  var hasClearIcon = !disabled && (hasValueForClear || isErrorVerification);
-  var actualPlaceholder = placeholder || DEFAULT_PLACEHOLDERS[type];
-  var checkSymbolMaxLimit = useCallback(function () {
-    var textareaValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    if (!symbolCounter) {
-      return;
-    }
-    var countValue = graphemesCounter ? countGraphemes(String(textareaValue)) : String(textareaValue).length;
-    setIsMaxLimitExceeded(symbolCounter < countValue);
-  }, [graphemesCounter, symbolCounter]);
-  useEffect(function () {
-    if (!textarea || !fieldNode.current || isTextareaResized) {
-      return;
-    }
-    fieldNode.current.style.height = "".concat(minTextareaHeight, "px");
-    var scrollHeight = fieldNode.current.scrollHeight;
-    var _window$getComputedSt = window.getComputedStyle(fieldNode.current),
-      paddingTop = _window$getComputedSt.paddingTop,
-      paddingBottom = _window$getComputedSt.paddingBottom;
-    var innerHeight = scrollHeight - parseFloat(paddingTop) - parseFloat(paddingBottom);
-    if (innerHeight >= TEXTAREA_MAX_HEIGHT) {
-      fieldNode.current.style.height = "".concat(TEXTAREA_MAX_HEIGHT, "px");
-    } else {
-      fieldNode.current.style.height = "".concat(innerHeight, "px");
-    }
-  }, [isTextareaResized, minTextareaHeight, inputValue, textarea]);
-  useEffect(function () {
-    !isControlled && setInputValue(value);
-    checkSymbolMaxLimit(value);
-  }, [value, checkSymbolMaxLimit, isControlled]);
-  useEffect(function () {
-    noticeText && setCurrentNoticeText(noticeText);
-  }, [noticeText]);
-  useEffect(function () {
-    if (!resizerRef.current || textarea !== TextareaTypes.FLEXIBLE) {
-      return;
-    }
-    var handleStartResize = function handleStartResize(downEvent) {
-      if (!fieldNode.current) {
-        return;
-      }
-      setIsTextareaResizeFocused(true);
-      downEvent.preventDefault();
-      var originalHeight = parseFloat(getComputedStyle(fieldNode.current).getPropertyValue('height').replace('px', ''));
-      var originalCoordinateY = downEvent.clientY || downEvent.touches[0].clientY;
-      var handleResize = throttle(function (moveEvent) {
-        var currentCoordinateY = moveEvent.clientY || moveEvent.touches[0].clientY;
-        var resizeHeight = originalHeight + (currentCoordinateY - originalCoordinateY);
-        var updatedHeight = resizeHeight < minTextareaHeight ? minTextareaHeight : resizeHeight;
-        setTextareaHeight(updatedHeight);
-        setIsTextareaResized(true);
-      }, throttleTime.resizeTextarea);
-      var _handleResizeCancel = function handleResizeCancel() {
-        setIsTextareaResizeFocused(false);
-        window.removeEventListener('mousemove', handleResize);
-        window.removeEventListener('touchmove', handleResize);
-        window.removeEventListener('mouseup', _handleResizeCancel);
-        window.removeEventListener('touchend', _handleResizeCancel);
-      };
-      window.addEventListener('mousemove', handleResize);
-      window.addEventListener('touchmove', handleResize);
-      window.addEventListener('mouseup', _handleResizeCancel);
-      window.addEventListener('touchend', _handleResizeCancel);
-    };
-    resizerRef.current.addEventListener('mousedown', handleStartResize);
-    resizerRef.current.addEventListener('touchstart', handleStartResize);
-  }, [textarea, minTextareaHeight]);
-  var togglePasswordHiding = useCallback(function () {
-    return setPasswordHidden(function (prevPassState) {
-      return !prevPassState;
-    });
-  }, []);
-  var handleInputChange = function handleInputChange(e) {
-    !isControlled && setInputValue(e.target.value);
-    checkSymbolMaxLimit(e.target.value);
-    onChange === null || onChange === void 0 ? void 0 : onChange(e);
-  };
-  var handleMouseDown = function handleMouseDown(e) {
-    if (isElement(e.target)) {
-      setClickedElement(e.target);
-      return;
-    }
-    setClickedElement(null);
-  };
-  var handleNoticeTransitionEnd = useCallback(function () {
-    !noticeText && setCurrentNoticeText(noticeText);
-  }, [noticeText]);
-  var handleTextareaScroll = function handleTextareaScroll() {
-    if (!(fieldNode === null || fieldNode === void 0 ? void 0 : fieldNode.current) || !(labelRef === null || labelRef === void 0 ? void 0 : labelRef.current)) {
-      return;
-    }
-    var scrollTop = fieldNode.current.scrollTop;
-    if (!scrollTop) {
-      labelRef.current.style.top = '';
-      return;
-    }
-    labelRef.current.style.top = "".concat(DEFAULT_LABEL_TOP_POSITION - scrollTop, "px");
-  };
-  var handleTextareaKeyDown = function handleTextareaKeyDown(e) {
-    checkEventIsClickOrEnterPress(e) && !e.shiftKey && e.preventDefault();
-  };
-  var handleIconClick = useCallback(function (e) {
-    var _a;
-    var field = fieldNode.current;
-    isPasswordType && togglePasswordHiding();
-    if (!customIcon && hasClearIcon) {
-      var nativeInputValue = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value');
-      var inputEvent = new Event('change', {
-        bubbles: true
-      });
-      (_a = nativeInputValue === null || nativeInputValue === void 0 ? void 0 : nativeInputValue.set) === null || _a === void 0 ? void 0 : _a.call(field, '');
-      field === null || field === void 0 ? void 0 : field.dispatchEvent(inputEvent);
-      setTimeout(function () {
-        return field === null || field === void 0 ? void 0 : field.focus();
-      });
-    }
-    onIconClick === null || onIconClick === void 0 ? void 0 : onIconClick(e);
-  }, [isPasswordType, togglePasswordHiding, onIconClick, customIcon, hasClearIcon]);
-  var handleFocus = useCallback(function (e) {
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-  }, [onFocus]);
-  var handleBlur = useCallback(function (e) {
-    var _a;
-    setClickedElement(null);
-    if ((_a = clickedElement === null || clickedElement === void 0 ? void 0 : clickedElement.closest('div')) === null || _a === void 0 ? void 0 : _a.classList.contains(cn('icon-box'))) {
-      return;
-    }
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-  }, [onBlur, clickedElement]);
-  var handleBeforeMaskChange = useCallback(function (_ref2) {
-    var previousState = _ref2.previousState,
-      nextState = _ref2.nextState,
-      currentState = _ref2.currentState;
-    return onBeforeMaskChange === null || onBeforeMaskChange === void 0 ? void 0 : onBeforeMaskChange(nextState.enteredString, nextState, previousState, currentState);
-  }, [onBeforeMaskChange]);
-  var textareaType = textarea === TextareaTypes.FLEXIBLE ? TextareaTypes.FLEXIBLE : TextareaTypes.FIXED;
-  var commonParams = _extends(_extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input)), {
-    disabled: disabled,
-    id: id,
-    name: name,
-    value: isControlled ? value : inputValue,
-    onClick: onClick,
-    onChange: handleInputChange,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    onKeyUp: onKeyUp,
-    maxLength: (graphemesCounter && maxLength && countGraphemes(String(inputValue)) < maxLength ? -1 : maxLength) || maxLength,
-    placeholder: hidePlaceholder ? ' ' : actualPlaceholder,
-    required: required,
-    inputMode: inputMode
-  });
-  var inputParams = _extends(_extends({}, commonParams), {
-    className: cn('field', {
-      'no-icon': hideIcon
-    }, classes === null || classes === void 0 ? void 0 : classes.input),
-    type: isVisiblePassword ? 'text' : type,
-    autoComplete: autoComplete
-  });
-  var inputMaskParams = {
-    mask: mask,
-    maskPlaceholder: maskChar,
-    beforeMaskedStateChange: onBeforeMaskChange ? handleBeforeMaskChange : undefined
-  };
-  var textareaParams = _extends(_extends({}, commonParams), {
-    className: cn('field', {
-      type: textareaType,
-      textarea: textarea,
-      resized: isTextareaResizeFocused
-    }, classes === null || classes === void 0 ? void 0 : classes.input)
-  });
-  var getFieldNode = function getFieldNode(node) {
-    if (!node) {
-      return;
-    }
-    fieldNode.current = node;
-    inputRef === null || inputRef === void 0 ? void 0 : inputRef(node);
-  };
-  var getIcon = function getIcon() {
-    switch (true) {
-      case !!customIcon:
-        return customIcon;
-      case isPasswordType && isPasswordHidden:
-        return /*#__PURE__*/React.createElement(Hide, {
-          className: cn('icon')
-        });
-      case isPasswordType && !isPasswordHidden:
-        return /*#__PURE__*/React.createElement(Show, {
-          className: cn('icon')
-        });
-      case isValidVerification:
-        return /*#__PURE__*/React.createElement(CheckedIcon, {
-          className: cn('icon')
-        });
-      case hasClearIcon:
-        return /*#__PURE__*/React.createElement(ClearIcon, {
-          className: cn('icon', {
-            clear: true
-          })
-        });
-      default:
-        return undefined;
-    }
-  };
-  var renderLabel = function renderLabel() {
-    var currentLabel = label || actualPlaceholder;
-    return /*#__PURE__*/React.createElement("label", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.label), {
-      htmlFor: id,
-      className: cn('label', [classes === null || classes === void 0 ? void 0 : classes.label]),
-      ref: labelRef
-    }), currentLabel, required && /*#__PURE__*/React.createElement("span", {
-      className: cn('require-mark')
-    }, "*"));
-  };
-  var renderTextarea = function renderTextarea() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("textarea", _extends({}, textareaParams, {
-      style: {
-        height: "".concat(textareaHeight, "px")
-      },
-      ref: getFieldNode,
-      onKeyDown: disableEnterLineBreak ? handleTextareaKeyDown : undefined,
-      onScroll: handleTextareaScroll
-    })), renderLabel());
-  };
-  var renderIconBlock = function renderIconBlock() {
-    var icon = getIcon();
-    if (!icon) {
-      return undefined;
-    }
-    return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.iconBox), {
-      className: cn('icon-box', {
-        error: isErrorVerification && !customIcon,
-        password: isPasswordType,
-        'custom-handler': !!onIconClick
-      }),
-      onClick: handleIconClick
-    }), icon);
-  };
-  var renderInput = function renderInput() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, mask ? /*#__PURE__*/React.createElement(InputMask, _extends({}, inputParams, inputMaskParams, {
-      ref: getFieldNode
-    })) : /*#__PURE__*/React.createElement("input", _extends({}, inputParams, {
-      ref: getFieldNode
-    })), renderLabel(), !hideIcon && renderIconBlock());
-  };
-  var renderField = function renderField() {
-    if (textarea) {
-      return renderTextarea();
-    }
-    return renderInput();
-  };
-  var isPlaceholderShowed = isPasswordType && isPasswordHidden && !!inputValue;
-  var valueHasSymbols = inputValue !== null && inputValue !== undefined;
-  var currentSymbolCount = valueHasSymbols && (graphemesCounter && countGraphemes(String(inputValue)) || String(inputValue).length) || 0;
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      disabled: disabled,
-      theme: theme,
-      valid: isValidVerification,
-      error: isErrorVerification || isMaxLimitExceeded,
-      icon: !hideIcon && (!!verification || !!customIcon || type === 'password') && !textarea,
-      password: isPlaceholderShowed
-    }, className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('field-wrapper', {
-      textarea: textarea && textareaType
-    }),
-    onMouseDown: handleMouseDown
-  }, renderField(), textareaType === TextareaTypes.FLEXIBLE && !hideResizeButton && /*#__PURE__*/React.createElement("div", _extends({
-    className: cn('resizer'),
-    ref: resizerRef
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.resizer)), /*#__PURE__*/React.createElement(ResizeIcon, null))), /*#__PURE__*/React.createElement("div", {
-    className: cn('field-bottom-wrapper', {
-      filled: !!currentNoticeText || !!symbolCounter
-    })
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    className: cn('notice-text', {
-      active: !!noticeText
-    }),
-    onTransitionEnd: handleNoticeTransitionEnd
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.notice)), currentNoticeText), symbolCounter && /*#__PURE__*/React.createElement("span", {
-    className: cn('counter', {
-      error: isMaxLimitExceeded
-    })
-  }, "".concat(currentSymbolCount, "/").concat(symbolCounter))));
-};
-export default TextField;

package/dist/es/components/TextField/utils/countGraphemes.d.ts

@@ -1,2 +0,0 @@
-declare const countGraphemes: (text: string) => number;
-export default countGraphemes;

package/dist/es/components/TextField/utils/countGraphemes.js

@@ -1,44 +0,0 @@
-import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.date.to-string.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.regexp.to-string.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/es.string.replace.js";
-var regex = /[\uFE00-\uFE0F]|(?:\uD83C[\uDFFB-\uDFFF])/g;
-var regexSymbolWithCombiningMarks = /((?:[\0-\u02FF\u0370-\u0482\u048A-\u0590\u05BE\u05C0\u05C3\u05C6\u05C8-\u060F\u061B-\u064A\u0660-\u066F\u0671-\u06D5\u06DD\u06DE\u06E5\u06E6\u06E9\u06EE-\u0710\u0712-\u072F\u074B-\u07A5\u07B1-\u07EA\u07F4-\u07FC\u07FE-\u0815\u081A\u0824\u0828\u082E-\u0858\u085C-\u0897\u08A0-\u08C9\u08E2\u0904-\u0939\u093D\u0950\u0958-\u0961\u0964-\u0980\u0984-\u09BB\u09BD\u09C5\u09C6\u09C9\u09CA\u09CE-\u09D6\u09D8-\u09E1\u09E4-\u09FD\u09FF\u0A00\u0A04-\u0A3B\u0A3D\u0A43-\u0A46\u0A49\u0A4A\u0A4E-\u0A50\u0A52-\u0A6F\u0A72-\u0A74\u0A76-\u0A80\u0A84-\u0ABB\u0ABD\u0AC6\u0ACA\u0ACE-\u0AE1\u0AE4-\u0AF9\u0B00\u0B04-\u0B3B\u0B3D\u0B45\u0B46\u0B49\u0B4A\u0B4E-\u0B54\u0B58-\u0B61\u0B64-\u0B81\u0B83-\u0BBD\u0BC3-\u0BC5\u0BC9\u0BCE-\u0BD6\u0BD8-\u0BFF\u0C05-\u0C3B\u0C3D\u0C45\u0C49\u0C4E-\u0C54\u0C57-\u0C61\u0C64-\u0C80\u0C84-\u0CBB\u0CBD\u0CC5\u0CC9\u0CCE-\u0CD4\u0CD7-\u0CE1\u0CE4-\u0CF2\u0CF4-\u0CFF\u0D04-\u0D3A\u0D3D\u0D45\u0D49\u0D4E-\u0D56\u0D58-\u0D61\u0D64-\u0D80\u0D84-\u0DC9\u0DCB-\u0DCE\u0DD5\u0DD7\u0DE0-\u0DF1\u0DF4-\u0E30\u0E32\u0E33\u0E3B-\u0E46\u0E4F-\u0EB0\u0EB2\u0EB3\u0EBD-\u0EC7\u0ECF-\u0F17\u0F1A-\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F40-\u0F70\u0F85\u0F88-\u0F8C\u0F98\u0FBD-\u0FC5\u0FC7-\u102A\u103F-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u1090-\u1099\u109E-\u135C\u1360-\u1711\u1716-\u1731\u1735-\u1751\u1754-\u1771\u1774-\u17B3\u17D4-\u17DC\u17DE-\u180A\u180E\u1810-\u1884\u1887-\u18A8\u18AA-\u191F\u192C-\u192F\u193C-\u1A16\u1A1C-\u1A54\u1A5F\u1A7D\u1A7E\u1A80-\u1AAF\u1ACF-\u1AFF\u1B05-\u1B33\u1B45-\u1B6A\u1B74-\u1B7F\u1B83-\u1BA0\u1BAE-\u1BE5\u1BF4-\u1C23\u1C38-\u1CCF\u1CD3\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA-\u1DBF\u1E00-\u20CF\u20F1-\u2CEE\u2CF2-\u2D7E\u2D80-\u2DDF\u2E00-\u3029\u3030-\u3098\u309B-\uA66E\uA673\uA67E-\uA69D\uA6A0-\uA6EF\uA6F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA828-\uA82B\uA82D-\uA87F\uA882-\uA8B3\uA8C6-\uA8DF\uA8F2-\uA8FE\uA900-\uA925\uA92E-\uA946\uA954-\uA97F\uA984-\uA9B2\uA9C1-\uA9E4\uA9E6-\uAA28\uAA37-\uAA42\uAA44-\uAA4B\uAA4E-\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2-\uAAEA\uAAF0-\uAAF4\uAAF7-\uABE2\uABEB\uABEE-\uD7FF\uE000-\uFB1D\uFB1F-\uFDFF\uFE10-\uFE1F\uFE30-\uFFFF]|\uD800[\uDC00-\uDDFC\uDDFE-\uDEDF\uDEE1-\uDF75\uDF7B-\uDFFF]|[\uD801\uD808-\uD80C\uD80E-\uD819\uD81C-\uD82E\uD830-\uD832\uD835\uD837\uD83B-\uDB3F\uDB41-\uDBFF][\uDC00-\uDFFF]|\uD802[\uDC00-\uDE00\uDE04\uDE07-\uDE0B\uDE10-\uDE37\uDE3B-\uDE3E\uDE40-\uDEE4\uDEE7-\uDFFF]|\uD803[\uDC00-\uDD23\uDD28-\uDEAA\uDEAD-\uDEFC\uDF00-\uDF45\uDF51-\uDF81\uDF86-\uDFFF]|\uD804[\uDC03-\uDC37\uDC47-\uDC6F\uDC71\uDC72\uDC75-\uDC7E\uDC83-\uDCAF\uDCBB-\uDCC1\uDCC3-\uDCFF\uDD03-\uDD26\uDD35-\uDD44\uDD47-\uDD72\uDD74-\uDD7F\uDD83-\uDDB2\uDDC1-\uDDC8\uDDCD\uDDD0-\uDE2B\uDE38-\uDE3D\uDE3F\uDE40\uDE42-\uDEDE\uDEEB-\uDEFF\uDF04-\uDF3A\uDF3D\uDF45\uDF46\uDF49\uDF4A\uDF4E-\uDF56\uDF58-\uDF61\uDF64\uDF65\uDF6D-\uDF6F\uDF75-\uDFFF]|\uD805[\uDC00-\uDC34\uDC47-\uDC5D\uDC5F-\uDCAF\uDCC4-\uDDAE\uDDB6\uDDB7\uDDC1-\uDDDB\uDDDE-\uDE2F\uDE41-\uDEAA\uDEB8-\uDF1C\uDF2C-\uDFFF]|\uD806[\uDC00-\uDC2B\uDC3B-\uDD2F\uDD36\uDD39\uDD3A\uDD3F\uDD41\uDD44-\uDDD0\uDDD8\uDDD9\uDDE1-\uDDE3\uDDE5-\uDE00\uDE0B-\uDE32\uDE3A\uDE3F-\uDE46\uDE48-\uDE50\uDE5C-\uDE89\uDE9A-\uDFFF]|\uD807[\uDC00-\uDC2E\uDC37\uDC40-\uDC91\uDCA8\uDCB7-\uDD30\uDD37-\uDD39\uDD3B\uDD3E\uDD46\uDD48-\uDD89\uDD8F\uDD92\uDD98-\uDEF2\uDEF7-\uDEFF\uDF02\uDF04-\uDF33\uDF3B-\uDF3D\uDF43-\uDFFF]|\uD80D[\uDC00-\uDC3F\uDC41-\uDC46\uDC56-\uDFFF]|\uD81A[\uDC00-\uDEEF\uDEF5-\uDF2F\uDF37-\uDFFF]|\uD81B[\uDC00-\uDF4E\uDF50\uDF88-\uDF8E\uDF93-\uDFE3\uDFE5-\uDFEF\uDFF2-\uDFFF]|\uD82F[\uDC00-\uDC9C\uDC9F-\uDFFF]|\uD833[\uDC00-\uDEFF\uDF2E\uDF2F\uDF47-\uDFFF]|\uD834[\uDC00-\uDD64\uDD6A-\uDD6C\uDD73-\uDD7A\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDE41\uDE45-\uDFFF]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE9A\uDEA0\uDEB0-\uDFFF]|\uD838[\uDC07\uDC19\uDC1A\uDC22\uDC25\uDC2B-\uDC8E\uDC90-\uDD2F\uDD37-\uDEAD\uDEAF-\uDEEB\uDEF0-\uDFFF]|\uD839[\uDC00-\uDCEB\uDCF0-\uDFFF]|\uD83A[\uDC00-\uDCCF\uDCD7-\uDD43\uDD4B-\uDFFF]|\uDB40[\uDC00-\uDCFF\uDDF0-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]))((?:[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u07FD\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u0898-\u089F\u08CA-\u08E1\u08E3-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u09FE\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0AFA-\u0AFF\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B55-\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C00-\u0C04\u0C3C\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C81-\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0CF3\u0D00-\u0D03\u0D3B\u0D3C\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D81-\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EBC\u0EC8-\u0ECE\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1715\u1732-\u1734\u1752\u1753\u1772\u1773\u17B4-\u17D3\u17DD\u180B-\u180D\u180F\u1885\u1886\u18A9\u1920-\u192B\u1930-\u193B\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1AB0-\u1ACE\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAD\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF4\u1CF7-\u1CF9\u1DC0-\u1DFF\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA674-\uA67D\uA69E\uA69F\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA82C\uA880\uA881\uA8B4-\uA8C5\uA8E0-\uA8F1\uA8FF\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uA9E5\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAEB-\uAAEF\uAAF5\uAAF6\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE2F]|\uD800[\uDDFD\uDEE0\uDF76-\uDF7A]|\uD802[\uDE01-\uDE03\uDE05\uDE06\uDE0C-\uDE0F\uDE38-\uDE3A\uDE3F\uDEE5\uDEE6]|\uD803[\uDD24-\uDD27\uDEAB\uDEAC\uDEFD-\uDEFF\uDF46-\uDF50\uDF82-\uDF85]|\uD804[\uDC00-\uDC02\uDC38-\uDC46\uDC70\uDC73\uDC74\uDC7F-\uDC82\uDCB0-\uDCBA\uDCC2\uDD00-\uDD02\uDD27-\uDD34\uDD45\uDD46\uDD73\uDD80-\uDD82\uDDB3-\uDDC0\uDDC9-\uDDCC\uDDCE\uDDCF\uDE2C-\uDE37\uDE3E\uDE41\uDEDF-\uDEEA\uDF00-\uDF03\uDF3B\uDF3C\uDF3E-\uDF44\uDF47\uDF48\uDF4B-\uDF4D\uDF57\uDF62\uDF63\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC35-\uDC46\uDC5E\uDCB0-\uDCC3\uDDAF-\uDDB5\uDDB8-\uDDC0\uDDDC\uDDDD\uDE30-\uDE40\uDEAB-\uDEB7\uDF1D-\uDF2B]|\uD806[\uDC2C-\uDC3A\uDD30-\uDD35\uDD37\uDD38\uDD3B-\uDD3E\uDD40\uDD42\uDD43\uDDD1-\uDDD7\uDDDA-\uDDE0\uDDE4\uDE01-\uDE0A\uDE33-\uDE39\uDE3B-\uDE3E\uDE47\uDE51-\uDE5B\uDE8A-\uDE99]|\uD807[\uDC2F-\uDC36\uDC38-\uDC3F\uDC92-\uDCA7\uDCA9-\uDCB6\uDD31-\uDD36\uDD3A\uDD3C\uDD3D\uDD3F-\uDD45\uDD47\uDD8A-\uDD8E\uDD90\uDD91\uDD93-\uDD97\uDEF3-\uDEF6\uDF00\uDF01\uDF03\uDF34-\uDF3A\uDF3E-\uDF42]|\uD80D[\uDC40\uDC47-\uDC55]|\uD81A[\uDEF0-\uDEF4\uDF30-\uDF36]|\uD81B[\uDF4F\uDF51-\uDF87\uDF8F-\uDF92\uDFE4\uDFF0\uDFF1]|\uD82F[\uDC9D\uDC9E]|\uD833[\uDF00-\uDF2D\uDF30-\uDF46]|\uD834[\uDD65-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD\uDE42-\uDE44]|\uD836[\uDE00-\uDE36\uDE3B-\uDE6C\uDE75\uDE84\uDE9B-\uDE9F\uDEA1-\uDEAF]|\uD838[\uDC00-\uDC06\uDC08-\uDC18\uDC1B-\uDC21\uDC23\uDC24\uDC26-\uDC2A\uDC8F\uDD30-\uDD36\uDEAE\uDEEC-\uDEEF]|\uD839[\uDCEC-\uDCEF]|\uD83A[\uDCD0-\uDCD6\uDD44-\uDD4A]|\uDB40[\uDD00-\uDDEF])+)/g;
-var joiner = '200d';
-// eslint-disable-next-line no-magic-numbers
-var isJoiner = function isJoiner(_char) {
-  return _char.charCodeAt(0).toString(16) === joiner;
-};
-var countGraphemes = function countGraphemes(text) {
-  var normalizedText = text.normalize('NFC').replace(regex, '').replace(regexSymbolWithCombiningMarks, function (_, symbol) {
-    return symbol;
-  });
-  var tokens = Array.from(normalizedText);
-  var length = 0;
-  var isComplexChar = false;
-  for (var i = 0; i < tokens.length; i++) {
-    var _char2 = tokens[i];
-    var nextChar = tokens[i + 1];
-    if (!nextChar) {
-      length += 1;
-      // eslint-disable-next-line no-continue
-      continue;
-    }
-    if (isJoiner(nextChar)) {
-      isComplexChar = true;
-      // eslint-disable-next-line no-continue
-      continue;
-    }
-    if (!isJoiner(_char2) && isComplexChar) {
-      isComplexChar = false;
-    }
-    if (!isComplexChar) {
-      length += 1;
-    }
-  }
-  return length;
-};
-export default countGraphemes;

package/dist/es/components/TextLink/TextLink.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-link{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit}.mfui-text-link_underline-visibility_hover.mfui-text-link_underline-style_solid{text-decoration:none}.mfui-text-link_underline-visibility_always.mfui-text-link_underline-style_solid,.mfui-text-link_underline-visibility_hover.mfui-text-link_underline-style_solid:hover{text-decoration:underline}.mfui-text-link_underline-style_dashed{border-bottom:1px dashed;text-decoration:none}.mfui-text-link_underline-style_border{border-bottom:1px solid;text-decoration:none}.mfui-text-link_underline-style_none,.mfui-text-link_underline-style_none:hover{text-decoration:none}.mfui-text-link_color_default{color:var(--content)}.mfui-text-link_color_black{color:var(--stcBlack)}.mfui-text-link_color_white{color:var(--stcWhite)}.mfui-text-link_color_blue{color:var(--systemBlue)}.mfui-text-link_color_green{color:var(--brandGreen)}.mfui-text-link_color_gray{color:var(--spbSky3)}.mfui-text-link_color_inherit{color:inherit}

package/dist/es/components/TextLink/TextLink.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import './TextLink.scss';
-import { ILinkProps } from '../Link/Link';
-export interface ITextLinkProps extends ILinkProps {
-    /** Цвет */
-    color?: 'default' | 'white' | 'black' | 'gray' | 'green' | 'blue' | 'inherit';
-    /** Отображение подчеркивания */
-    underlineVisibility?: 'hover' | 'always';
-    /** Стиль подчеркивания */
-    underlineStyle?: 'solid' | 'dashed' | 'border' | 'none';
-    /** Атрибут itemprop для микроразметки */
-    itemProp?: string;
-    children?: React.ReactNode;
-}
-declare const TextLink: React.FC<ITextLinkProps>;
-export default TextLink;

package/dist/es/components/TextLink/TextLink.js

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { cnCreate } from '@megafon/ui-helpers';
-import "./TextLink.css";
-import Link from "../Link/Link";
-var cn = cnCreate('mfui-text-link');
-var TextLink = function TextLink(_ref) {
-  var _ref$underlineVisibil = _ref.underlineVisibility,
-    underlineVisibility = _ref$underlineVisibil === void 0 ? 'hover' : _ref$underlineVisibil,
-    _ref$underlineStyle = _ref.underlineStyle,
-    underlineStyle = _ref$underlineStyle === void 0 ? 'solid' : _ref$underlineStyle,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'blue' : _ref$color,
-    className = _ref.className,
-    target = _ref.target,
-    href = _ref.href,
-    rel = _ref.rel,
-    onClick = _ref.onClick,
-    children = _ref.children,
-    download = _ref.download,
-    dataAttrs = _ref.dataAttrs,
-    itemProp = _ref.itemProp;
-  return /*#__PURE__*/React.createElement(Link, {
-    dataAttrs: dataAttrs,
-    target: target,
-    href: href,
-    rel: rel,
-    itemProp: itemProp,
-    onClick: onClick,
-    className: cn('', {
-      'underline-visibility': underlineVisibility,
-      'underline-style': underlineStyle,
-      color: color
-    }, className),
-    download: download
-  }, children);
-};
-export default TextLink;

package/dist/es/components/Tile/Tile.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-tile{background-color:var(--base);color:var(--content)}.mfui-tile_radius_rounded{border-radius:12px}.mfui-tile_pointer{cursor:pointer}.mfui-tile_theme_light.mfui-tile_shadow_default{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-tile_theme_light.mfui-tile_shadow_pressed{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.16);box-shadow:0 2px 8px rgba(0,0,0,.16)}.mfui-tile_theme_light.mfui-tile_interactive:hover,.mfui-tile_theme_light.mfui-tile_shadow_hover{-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-tile_theme_dark.mfui-tile_shadow_default{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.16);box-shadow:0 2px 12px rgba(0,0,0,.16)}.mfui-tile_theme_dark.mfui-tile_shadow_pressed{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2)}.mfui-tile_theme_dark.mfui-tile_interactive:hover,.mfui-tile_theme_dark.mfui-tile_shadow_hover{-webkit-box-shadow:0 8px 28px rgba(0,0,0,.2);box-shadow:0 8px 28px rgba(0,0,0,.2)}.mfui-tile__link{color:inherit}.mfui-tile__link,.mfui-tile__link:hover{text-decoration:none}

package/dist/es/components/Tile/Tile.d.ts

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import './Tile.scss';
-export declare const Theme: {
-    readonly LIGHT: "light";
-    readonly DARK: "dark";
-};
-type ThemeType = (typeof Theme)[keyof typeof Theme];
-export declare const Radius: {
-    readonly DEFAULT: "default";
-    readonly ROUNDED: "rounded";
-};
-type RadiusType = (typeof Radius)[keyof typeof Radius];
-export declare const ShadowLevel: {
-    readonly ZERO: "zero";
-    readonly DEFAULT: "default";
-    readonly HOVER: "hover";
-    readonly PRESSED: "pressed";
-};
-type ShadowLevelType = (typeof ShadowLevel)[keyof typeof ShadowLevel];
-export interface ITileProps {
-    /** Ссылка */
-    href?: string;
-    /** Атрибут для открытия ссылки */
-    target?: '_self' | '_blank';
-    /** rel - аргумент тега <a> */
-    rel?: string;
-    /** Тема */
-    theme?: ThemeType;
-    /** Радиус границы */
-    radius?: RadiusType;
-    /** Уровень тени */
-    shadowLevel?: ShadowLevelType;
-    /** Включить тень при наведении */
-    isInteractive?: boolean;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    /** Дочерний элемент компонента */
-    children?: React.ReactNode;
-    /** Обработчик клика */
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-}
-declare const Tile: React.FC<ITileProps>;
-export default Tile;