@skbkontur/react-ui 0.0.0-ce2a893b1a → 0.0.0-d1bb8f344a

package/internal/Calendar/config.d.ts

@@ -1,9 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const themeConfig: (t: Theme) => {
-    DAY_SIZE: number;
-    MONTH_TITLE_HEIGHT: number;
-    MONTH_TITLE_OFFSET_HEIGHT: number;
-    WRAPPER_HEIGHT: number;
-    MONTH_BOTTOM_MARGIN: number;
-    MAX_MONTHS_TO_APPEND_ON_SCROLL: number;
-};

package/internal/Calendar/index/index.js

@@ -1,2 +0,0 @@
-export * from "../Calendar";
-export * from "../CalendarDateShape";

package/internal/Calendar/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from './Calendar';\nexport * from './CalendarDateShape';\n"]}

package/internal/Calendar/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/Calendar/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/internal/Calendar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Calendar';
-export * from './CalendarDateShape';

package/internal/Calendar/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/internal/Calendar/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

package/internal/MaskedInput/MaskedInput/MaskedInput.js

@@ -1,202 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["maskChar", "alwaysShowMask", "hasLeftIcon", "hasRightIcon", "maxLength", "onValueChange", "onUnexpectedInput", "defaultValue", "style"];
-import React from 'react';
-import ReactInputMask from 'react-input-mask';
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { MaskCharLowLine } from "../../MaskCharLowLine";
-import { cx } from "../../../lib/theming/Emotion";
-import { isNonNullable } from "../../../lib/utils";
-import { styles } from "../MaskedInput.styles";
-export var MaskedInput = /*#__PURE__*/function (_React$PureComponent) {
-  _inheritsLoose(MaskedInput, _React$PureComponent);
-
-  function MaskedInput(_props) {
-    var _this;
-
-    _this = _React$PureComponent.call(this, _props) || this;
-    _this.input = null;
-    _this.reactInputMask = null;
-
-    _this.getValue = function (props) {
-      if (isNonNullable(props.value)) {
-        return props.value.toString();
-      } else if (isNonNullable(props.defaultValue)) {
-        return props.defaultValue.toString();
-      }
-
-      return '';
-    };
-
-    _this.refInput = function (input) {
-      _this.input = input;
-    };
-
-    _this.refMaskedInput = function (reactInputMask) {
-      _this.reactInputMask = reactInputMask;
-    };
-
-    _this.handleChange = function (event) {
-      if (event.target.value === _this.state.value) {
-        _this.handleUnexpectedInput();
-      } else {
-        _this.setState({
-          value: event.target.value
-        });
-
-        if (_this.props.onValueChange) {
-          _this.props.onValueChange(event.target.value);
-        }
-
-        if (_this.props.onChange) {
-          _this.props.onChange(event);
-        }
-      }
-    };
-
-    _this.handleFocus = function (event) {
-      _this.setState({
-        focused: true
-      });
-
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-    };
-
-    _this.handleBlur = function (event) {
-      _this.setState({
-        focused: false
-      });
-
-      if (_this.props.onBlur) {
-        _this.props.onBlur(event);
-      }
-    };
-
-    _this.preprocess = function (newState, oldState, userInput, options) {
-      var visibleMaskChars = new Array(options.mask.length).fill(_this.props.maskChar);
-
-      if (newState.value !== oldState.value && userInput === null) {
-        _this.setState({
-          value: newState.value
-        });
-      }
-
-      options.mask.split('').forEach(function (_char2, index) {
-        if (options.permanents.includes(index)) {
-          visibleMaskChars[index] = _char2;
-        }
-
-        if (newState.value[index]) {
-          visibleMaskChars[index] = newState.value[index];
-        }
-      });
-      var emptyValue = visibleMaskChars.join('');
-
-      if (_this.state.emptyValue !== emptyValue) {
-        _this.setState({
-          emptyValue: emptyValue
-        });
-      }
-
-      return newState;
-    };
-
-    _this.isMaskVisible = function () {
-      return _this.props.alwaysShowMask || _this.state.focused;
-    };
-
-    _this.handleUnexpectedInput = function () {
-      if (_this.props.onUnexpectedInput) {
-        _this.props.onUnexpectedInput(_this.state.value);
-      }
-    };
-
-    _this.state = {
-      value: _this.getValue(_props),
-      emptyValue: '',
-      focused: false
-    };
-    return _this;
-  }
-
-  var _proto = MaskedInput.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.reactInputMask) {
-      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue
-      this.reactInputMask.forceUpdate();
-    }
-  };
-
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (this.props.value !== prevProps.value) {
-      this.setState({
-        value: this.props.value ? this.props.value.toString() : ''
-      });
-    }
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    var _this$props = this.props,
-        maskChar = _this$props.maskChar,
-        alwaysShowMask = _this$props.alwaysShowMask,
-        hasLeftIcon = _this$props.hasLeftIcon,
-        hasRightIcon = _this$props.hasRightIcon,
-        maxLength = _this$props.maxLength,
-        onValueChange = _this$props.onValueChange,
-        onUnexpectedInput = _this$props.onUnexpectedInput,
-        defaultValue = _this$props.defaultValue,
-        style = _this$props.style,
-        inputProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
-    var _this$state = this.state,
-        emptyValue = _this$state.emptyValue,
-        value = _this$state.value;
-    var leftHelper = (style == null ? void 0 : style.textAlign) !== 'right' && /*#__PURE__*/React.createElement("span", {
-      style: {
-        color: 'transparent'
-      }
-    }, emptyValue.slice(0, value.length));
-    var leftClass = (style == null ? void 0 : style.textAlign) !== 'right' && styles.inputMaskLeft();
-    var rightHelper = emptyValue.slice(value.length).split('').map(function (_char, i) {
-      return _char === '_' ? /*#__PURE__*/React.createElement(MaskCharLowLine, {
-        key: i
-      }) : _char;
-    });
-    return /*#__PURE__*/React.createElement("span", {
-      className: styles.container(),
-      "x-ms-format-detection": "none"
-    }, /*#__PURE__*/React.createElement(ReactInputMask, _extends({}, inputProps, {
-      maskChar: null,
-      beforeMaskedValueChange: this.preprocess,
-      alwaysShowMask: false,
-      onChange: this.handleChange,
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      value: value,
-      inputRef: this.refInput,
-      ref: this.refMaskedInput,
-      style: _extends({}, style)
-    })), this.isMaskVisible() && /*#__PURE__*/React.createElement("span", {
-      className: cx(styles.inputMask(this.theme), leftClass)
-    }, leftHelper, rightHelper));
-  };
-
-  return MaskedInput;
-}(React.PureComponent);
-MaskedInput.__KONTUR_REACT_UI__ = 'MaskedInput';
-MaskedInput.defaultProps = {
-  maskChar: '_'
-};

package/internal/MaskedInput/MaskedInput/MaskedInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MaskedInput.tsx"],"names":["React","ReactInputMask","ThemeContext","MaskCharLowLine","cx","isNonNullable","styles","MaskedInput","props","input","reactInputMask","getValue","value","toString","defaultValue","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","componentDidMount","forceUpdate","componentDidUpdate","prevProps","render","theme","renderMain","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","leftHelper","textAlign","color","slice","leftClass","inputMaskLeft","rightHelper","map","_char","i","container","inputMask","PureComponent","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactInputMask, { InputState, MaskOptions } from 'react-input-mask';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { styles } from './MaskedInput.styles';\n\nexport interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n  emptyValue: string;\n  focused: boolean;\n}\n\nexport class MaskedInput extends React.PureComponent<MaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'MaskedInput';\n\n  public static defaultProps: Partial<MaskedInputProps> = {\n    maskChar: '_',\n  };\n\n  public input: HTMLInputElement | null = null;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: MaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public componentDidUpdate(prevProps: MaskedInputProps) {\n    if (this.props.value !== prevProps.value) {\n      this.setState({\n        value: this.props.value ? this.props.value.toString() : '',\n      });\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, value.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && styles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(value.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span className={styles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={cx(styles.inputMask(this.theme), leftClass)}>\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: MaskedInputProps): string => {\n    if (isNonNullable(props.value)) {\n      return props.value.toString();\n    } else if (isNonNullable(props.defaultValue)) {\n      return props.defaultValue.toString();\n    }\n\n    return '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: MaskOptions & Pick<MaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.props.maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char: string, index: number) => {\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"]}

package/internal/MaskedInput/MaskedInput/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/MaskedInput/MaskedInput.js",
-  "module": "MaskedInput",
-  "types": "../MaskedInput.d.ts",
-  "sideEffects": false
-}

package/internal/MaskedInput/MaskedInput.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-export interface MaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    mask: string;
-    maskChar: string | null;
-    formatChars?: {
-        [key: string]: string;
-    };
-    alwaysShowMask?: boolean;
-    hasLeftIcon?: boolean;
-    hasRightIcon?: boolean;
-    onUnexpectedInput?: (value: string) => void;
-    onValueChange?: (value: string) => void;
-}
-interface MaskedInputState {
-    value: string;
-    emptyValue: string;
-    focused: boolean;
-}
-export declare class MaskedInput extends React.PureComponent<MaskedInputProps, MaskedInputState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: Partial<MaskedInputProps>;
-    input: HTMLInputElement | null;
-    private theme;
-    private reactInputMask;
-    constructor(props: MaskedInputProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: MaskedInputProps): void;
-    render(): JSX.Element;
-    private renderMain;
-    private getValue;
-    private refInput;
-    private refMaskedInput;
-    private handleChange;
-    private handleFocus;
-    private handleBlur;
-    private preprocess;
-    private isMaskVisible;
-    private handleUnexpectedInput;
-}
-export {};

package/internal/MaskedInput/MaskedInput.styles/MaskedInput.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MaskedInput.styles.ts"],"names":["css","memoizeStyle","styles","container","inputMask","t","placeholderColor","inputMaskLeft"],"mappings":"wJAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,SADiC,uBACrB;AACV,WAAOH,GAAP;;;;;;AAMD,GARgC;AASjCI,EAAAA,SATiC,qBASvBC,CATuB,EASb;AAClB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACC,gBADb;;;;;;AAOD,GAjBgC;AAkBjCC,EAAAA,aAlBiC,2BAkBjB;AACd,WAAOP,GAAP;;;;;;AAMD,GAzBgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  container() {\n    return css`\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    `;\n  },\n  inputMask(t: Theme) {\n    return css`\n      color: ${t.placeholderColor};\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    `;\n  },\n  inputMaskLeft() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n});\n"]}

package/internal/MaskedInput/MaskedInput.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/MaskedInput/MaskedInput.styles.js",
-  "module": "MaskedInput.styles",
-  "types": "../MaskedInput.styles.d.ts",
-  "sideEffects": false
-}

package/internal/MaskedInput/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAd","sourcesContent":["export * from './MaskedInput';\n"]}

package/internal/MaskedInput/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/MaskedInput/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/internal/MaskedInput/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/internal/MaskedInput/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

package/typings/html-props.d.ts

@@ -1,123 +0,0 @@
-import React from 'react';
-
-export type HTMLProps = {
-  a: React.AnchorHTMLAttributes<HTMLAnchorElement>;
-  abbr: React.HTMLAttributes<HTMLElement>;
-  div: React.HTMLAttributes<HTMLDivElement>;
-  address: React.HTMLAttributes<HTMLElement>;
-  area: React.AreaHTMLAttributes<HTMLAreaElement>;
-  article: React.HTMLAttributes<HTMLElement>;
-  aside: React.HTMLAttributes<HTMLElement>;
-  audio: React.AudioHTMLAttributes<HTMLAudioElement>;
-  b: React.HTMLAttributes<HTMLElement>;
-  base: React.BaseHTMLAttributes<HTMLBaseElement>;
-  bdi: React.HTMLAttributes<HTMLElement>;
-  bdo: React.HTMLAttributes<HTMLElement>;
-  big: React.HTMLAttributes<HTMLElement>;
-  blockquote: React.BlockquoteHTMLAttributes<HTMLElement>;
-  body: React.HTMLAttributes<HTMLBodyElement>;
-  br: React.HTMLAttributes<HTMLBRElement>;
-  button: React.ButtonHTMLAttributes<HTMLButtonElement>;
-  canvas: React.CanvasHTMLAttributes<HTMLCanvasElement>;
-  caption: React.HTMLAttributes<HTMLElement>;
-  cite: React.HTMLAttributes<HTMLElement>;
-  code: React.HTMLAttributes<HTMLElement>;
-  col: React.ColHTMLAttributes<HTMLTableColElement>;
-  colgroup: React.ColgroupHTMLAttributes<HTMLTableColElement>;
-  data: React.DataHTMLAttributes<HTMLDataElement>;
-  datalist: React.HTMLAttributes<HTMLDataListElement>;
-  dd: React.HTMLAttributes<HTMLElement>;
-  del: React.DelHTMLAttributes<HTMLElement>;
-  details: React.DetailsHTMLAttributes<HTMLElement>;
-  dfn: React.HTMLAttributes<HTMLElement>;
-  dialog: React.DialogHTMLAttributes<HTMLDialogElement>;
-  div: React.HTMLAttributes<HTMLDivElement>;
-  dl: React.HTMLAttributes<HTMLDListElement>;
-  dt: React.HTMLAttributes<HTMLElement>;
-  em: React.HTMLAttributes<HTMLElement>;
-  embed: React.EmbedHTMLAttributes<HTMLEmbedElement>;
-  fieldset: React.FieldsetHTMLAttributes<HTMLFieldSetElement>;
-  figcaption: React.HTMLAttributes<HTMLElement>;
-  figure: React.HTMLAttributes<HTMLElement>;
-  footer: React.HTMLAttributes<HTMLElement>;
-  form: React.FormHTMLAttributes<HTMLFormElement>;
-  h1: React.HTMLAttributes<HTMLHeadingElement>;
-  h2: React.HTMLAttributes<HTMLHeadingElement>;
-  h3: React.HTMLAttributes<HTMLHeadingElement>;
-  h4: React.HTMLAttributes<HTMLHeadingElement>;
-  h5: React.HTMLAttributes<HTMLHeadingElement>;
-  h6: React.HTMLAttributes<HTMLHeadingElement>;
-  head: React.HTMLAttributes<HTMLHeadElement>;
-  header: React.HTMLAttributes<HTMLElement>;
-  hgroup: React.HTMLAttributes<HTMLElement>;
-  hr: React.HTMLAttributes<HTMLHRElement>;
-  html: React.HtmlHTMLAttributes<HTMLHtmlElement>;
-  i: React.HTMLAttributes<HTMLElement>;
-  iframe: React.IframeHTMLAttributes<HTMLIFrameElement>;
-  img: React.ImgHTMLAttributes<HTMLImageElement>;
-  input: React.InputHTMLAttributes<HTMLInputElement>;
-  ins: React.InsHTMLAttributes<HTMLModElement>;
-  kbd: React.HTMLAttributes<HTMLElement>;
-  keygen: React.KeygenHTMLAttributes<HTMLElement>;
-  label: React.LabelHTMLAttributes<HTMLLabelElement>;
-  legend: React.HTMLAttributes<HTMLLegendElement>;
-  li: React.LiHTMLAttributes<HTMLLIElement>;
-  link: React.LinkHTMLAttributes<HTMLLinkElement>;
-  main: React.HTMLAttributes<HTMLElement>;
-  map: React.MapHTMLAttributes<HTMLMapElement>;
-  mark: React.HTMLAttributes<HTMLElement>;
-  menu: React.MenuHTMLAttributes<HTMLElement>;
-  menuitem: React.HTMLAttributes<HTMLElement>;
-  meta: React.MetaHTMLAttributes<HTMLMetaElement>;
-  meter: React.MeterHTMLAttributes<HTMLElement>;
-  nav: React.HTMLAttributes<HTMLElement>;
-  noindex: React.HTMLAttributes<HTMLElement>;
-  noscript: React.HTMLAttributes<HTMLElement>;
-  object: React.ObjectHTMLAttributes<HTMLObjectElement>;
-  ol: React.OlHTMLAttributes<HTMLOListElement>;
-  optgroup: React.OptgroupHTMLAttributes<HTMLOptGroupElement>;
-  option: React.OptionHTMLAttributes<HTMLOptionElement>;
-  output: React.OutputHTMLAttributes<HTMLElement>;
-  p: React.HTMLAttributes<HTMLParagraphElement>;
-  param: React.ParamHTMLAttributes<HTMLParamElement>;
-  picture: React.HTMLAttributes<HTMLElement>;
-  pre: React.HTMLAttributes<HTMLPreElement>;
-  progress: React.ProgressHTMLAttributes<HTMLProgressElement>;
-  q: React.QuoteHTMLAttributes<HTMLQuoteElement>;
-  rp: React.HTMLAttributes<HTMLElement>;
-  rt: React.HTMLAttributes<HTMLElement>;
-  ruby: React.HTMLAttributes<HTMLElement>;
-  s: React.HTMLAttributes<HTMLElement>;
-  samp: React.HTMLAttributes<HTMLElement>;
-  slot: React.SlotHTMLAttributes<HTMLSlotElement>;
-  script: React.ScriptHTMLAttributes<HTMLScriptElement>;
-  section: React.HTMLAttributes<HTMLElement>;
-  select: React.SelectHTMLAttributes<HTMLSelectElement>;
-  small: React.HTMLAttributes<HTMLElement>;
-  source: React.SourceHTMLAttributes<HTMLSourceElement>;
-  span: React.HTMLAttributes<HTMLSpanElement>;
-  strong: React.HTMLAttributes<HTMLElement>;
-  style: React.StyleHTMLAttributes<HTMLStyleElement>;
-  sub: React.HTMLAttributes<HTMLElement>;
-  summary: React.HTMLAttributes<HTMLElement>;
-  sup: React.HTMLAttributes<HTMLElement>;
-  table: React.TableHTMLAttributes<HTMLTableElement>;
-  template: React.HTMLAttributes<HTMLTemplateElement>;
-  tbody: React.HTMLAttributes<HTMLTableSectionElement>;
-  td: React.TdHTMLAttributes<HTMLTableDataCellElement>;
-  textarea: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-  tfoot: React.HTMLAttributes<HTMLTableSectionElement>;
-  th: React.ThHTMLAttributes<HTMLTableHeaderCellElement>;
-  thead: React.HTMLAttributes<HTMLTableSectionElement>;
-  time: React.TimeHTMLAttributes<HTMLElement>;
-  title: React.HTMLAttributes<HTMLTitleElement>;
-  tr: React.HTMLAttributes<HTMLTableRowElement>;
-  track: React.TrackHTMLAttributes<HTMLTrackElement>;
-  u: React.HTMLAttributes<HTMLElement>;
-  ul: React.HTMLAttributes<HTMLUListElement>;
-  var: React.HTMLAttributes<HTMLElement>;
-  video: React.VideoHTMLAttributes<HTMLVideoElement>;
-  wbr: React.HTMLAttributes<HTMLElement>;
-  webview: React.WebViewHTMLAttributes<HTMLWebViewElement>;
-  svg: React.SVGProps<SVGSVGElement>;
-};