@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3cc4f2ce5f

package/cjs/components/MaskedInput/MaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Input","_MaskedInputElement","_forwardRefAndName","_excluded","MaskedInput","exports","forwardRefAndName","props","ref","mask","maskChar","formatChars","alwaysShowMask","placeholder","inputProps","_objectWithoutPropertiesLoose2","default","_useState","useState","focused","setFocused","showPlaceholder","innerRef","useRef","useImperativeHandle","current","createElement","Input","_extends2","undefined","onFocus","handleFocus","onBlur","handleBlur","element","MaskedInputElement","onUnexpectedInput","handleUnexpectedInput","value","blink","e"],"sources":["MaskedInput.tsx"],"sourcesContent":["import React, { Ref, useImperativeHandle, useRef, useState } from 'react';\n\nimport { Input, InputProps, InputType } from '../Input';\nimport { Nullable } from '../../typings/utility-types';\nimport { MaskedInputElement } from '../../internal/MaskedInputElement';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nexport interface MaskedProps {\n  /** Паттерн маски */\n  mask: string;\n  /** Символ маски */\n  maskChar?: Nullable<string>;\n  /**\n   * Словарь символов-регулярок для маски\n   * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }\n   */\n  formatChars?: Record<string, string>;\n  /** Показывать символы маски */\n  alwaysShowMask?: boolean;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;\n\nexport interface MaskedInputProps extends MaskedProps, Omit<InputProps, 'mask' | 'maxLength' | 'type' | 'element'> {\n  type?: MaskInputType;\n}\n\n/**\n * Интерфейс пропсов наследуется от `Input`.\n * Из пропсов `Input` исключены некоторые не применимые к полю с маской пропсы и сокращен список возможных значений в type.\n */\nexport const MaskedInput = forwardRefAndName(\n  'MaskedInput',\n  function MaskedInput(props: MaskedInputProps, ref: Ref<Input | null>) {\n    const { mask, maskChar, formatChars, alwaysShowMask, placeholder, ...inputProps } = props;\n    const [focused, setFocused] = useState(false);\n    const showPlaceholder = !(alwaysShowMask || focused);\n    const innerRef = useRef<Input>(null);\n\n    useImperativeHandle(ref, () => innerRef.current);\n\n    return (\n      <Input\n        ref={innerRef}\n        {...inputProps}\n        placeholder={showPlaceholder ? placeholder : undefined}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        element={\n          <MaskedInputElement\n            mask={mask}\n            maskChar={maskChar}\n            formatChars={formatChars}\n            alwaysShowMask={alwaysShowMask}\n            onUnexpectedInput={handleUnexpectedInput}\n          />\n        }\n      />\n    );\n\n    function handleUnexpectedInput(value: string) {\n      if (props.onUnexpectedInput) {\n        props.onUnexpectedInput(value);\n      } else if (innerRef.current) {\n        innerRef.current.blink();\n      }\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n      props.onFocus && props.onFocus(e);\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur && props.onBlur(e);\n    }\n  },\n);\n"],"mappings":"8cAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA,gCAAgE,IAAAI,SAAA;;;;;;;;;;;;;;;;;;;;;;AAsBhE;AACA;AACA;AACA;AACO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oCAAiB;EAC1C,aAAa;EACb,SAASF,WAAWA,CAACG,KAAuB,EAAEC,GAAsB,EAAE;IACpE,IAAQC,IAAI,GAAwEF,KAAK,CAAjFE,IAAI,CAAEC,QAAQ,GAA8DH,KAAK,CAA3EG,QAAQ,CAAEC,WAAW,GAAiDJ,KAAK,CAAjEI,WAAW,CAAEC,cAAc,GAAiCL,KAAK,CAApDK,cAAc,CAAEC,WAAW,GAAoBN,KAAK,CAApCM,WAAW,CAAKC,UAAU,OAAAC,8BAAA,CAAAC,OAAA,EAAKT,KAAK,EAAAJ,SAAA;IACzF,IAAAc,SAAA,GAA8B,IAAAC,eAAQ,EAAC,KAAK,CAAC,CAAtCC,OAAO,GAAAF,SAAA,IAAEG,UAAU,GAAAH,SAAA;IAC1B,IAAMI,eAAe,GAAG,EAAET,cAAc,IAAIO,OAAO,CAAC;IACpD,IAAMG,QAAQ,GAAG,IAAAC,aAAM,EAAQ,IAAI,CAAC;;IAEpC,IAAAC,0BAAmB,EAAChB,GAAG,EAAE,oBAAMc,QAAQ,CAACG,OAAO,GAAC;;IAEhD;MACE5B,MAAA,CAAAmB,OAAA,CAAAU,aAAA,CAAC1B,MAAA,CAAA2B,KAAK,MAAAC,SAAA,CAAAZ,OAAA;QACJR,GAAG,EAAEc,QAAS;MACVR,UAAU;QACdD,WAAW,EAAEQ,eAAe,GAAGR,WAAW,GAAGgB,SAAU;QACvDC,OAAO,EAAEC,WAAY;QACrBC,MAAM,EAAEC,UAAW;QACnBC,OAAO;QACLrC,MAAA,CAAAmB,OAAA,CAAAU,aAAA,CAACzB,mBAAA,CAAAkC,kBAAkB;UACjB1B,IAAI,EAAEA,IAAK;UACXC,QAAQ,EAAEA,QAAS;UACnBC,WAAW,EAAEA,WAAY;UACzBC,cAAc,EAAEA,cAAe;UAC/BwB,iBAAiB,EAAEC,qBAAsB;QAC1C,CACF;;MACF,CAAC;;;IAGJ,SAASA,qBAAqBA,CAACC,KAAa,EAAE;MAC5C,IAAI/B,KAAK,CAAC6B,iBAAiB,EAAE;QAC3B7B,KAAK,CAAC6B,iBAAiB,CAACE,KAAK,CAAC;MAChC,CAAC,MAAM,IAAIhB,QAAQ,CAACG,OAAO,EAAE;QAC3BH,QAAQ,CAACG,OAAO,CAACc,KAAK,CAAC,CAAC;MAC1B;IACF;;IAEA,SAASR,WAAWA,CAACS,CAAqC,EAAE;MAC1DpB,UAAU,CAAC,IAAI,CAAC;MAChBb,KAAK,CAACuB,OAAO,IAAIvB,KAAK,CAACuB,OAAO,CAACU,CAAC,CAAC;IACnC;;IAEA,SAASP,UAAUA,CAACO,CAAqC,EAAE;MACzDpB,UAAU,CAAC,KAAK,CAAC;MACjBb,KAAK,CAACyB,MAAM,IAAIzB,KAAK,CAACyB,MAAM,CAACQ,CAAC,CAAC;IACjC;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_Emotion","_Input","_identifiers","_ThemeContext","_MaskedInput","_MaskedInput2","_ColorableInputElement","_FixedIMaskInput","_excluded","MaskedInput","exports","forwardRefAndName","props","ref","mask","maskChar","formatChars","_props$alwaysShowMask","alwaysShowMask","_props$colored","colored","_props$imaskProps","imaskProps","customIMaskProps","_props$unmask","unmask","onValueChange","onUnexpectedInput","onChange","element","className","inputProps","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","inputRef","useRef","_useState","useState","focused","setFocused","prevValue","value","String","defaultValue","prevSelectionStart","useImperativeHandle","current","Object","assign","selectAll","_inputRef$current","_inputRef$current2","focus","delaySelectAll","useEffect","_inputRef$current3","input","selectionStart","getCompatibleIMaskProps","uiFontGlobalClassesRoot","createElement","Input","_extends2","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","cx","globalClasses","root","styles","ColorableInputElement","showOnFocus","FixedIMaskInput","onAccept","handleAccept","replace","placeholderChar","getMaskChar","definitions","getDefinitions","eager","overwrite","lazy","disabled","_len","arguments","length","args","Array","_key","e","_e$currentTarget","currentTarget","handleUnexpectedInput","_inputRef$current4","selectAllOnFocus","_inputRef$current5","blink","bind","undefined","_e$currentTarget2","selectionEnd","isKeyBackspace","isKeyDelete"],"sources":["MaskedInput.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState, useEffect, useContext } from 'react';\nimport type { IMaskInputProps } from '@skbkontur/react-imask';\nimport type { Ref } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { InputProps, InputType } from '../Input';\nimport { Input } from '../Input';\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { globalClasses, styles } from './MaskedInput.styles';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers';\nimport { ColorableInputElement } from './ColorableInputElement';\nimport { FixedIMaskInput } from './FixedIMaskInput';\n\nexport interface MaskedProps {\n  /** Паттерн маски */\n  mask: string;\n\n  /** Устанавливает символ маски\n   * @default _ */\n  maskChar?: string;\n\n  /** Задает словарь символов-регулярок для задания маски.\n   * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' } */\n  formatChars?: Record<string, string>;\n\n  /** Включает показ символов маски.\n   * @default false */\n  alwaysShowMask?: boolean;\n\n  /** Задает обработчик неправильного ввода.\n   * Вторым агрументом будет передан метод вспыхивания акцентным цветом.\n   *\n   * Если обработчик не задан, то инпут вспыхивает по-умолчанию.\n   * @param value значение инпута.\n   * @param blink вспыхнуть акцентным цвтетом.\n   */\n  onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n  /** Убирает из value символы, не введённые пользователем\n   * @default false */\n  unmask?: boolean;\n\n  /** Раскрашивает символы маски.\n   * @default true\n   * @ignore */\n  colored?: boolean;\n\n  /** Задает пропы для компонента `IMaskInput`. Необходимы для юнит-тестов\n   * @ignore */\n  imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;\n\nexport interface MaskedInputProps\n  extends MaskedProps,\n    Omit<\n      InputProps,\n      'showClearIcon' | 'mask' | 'maxLength' | 'type' | 'alwaysShowMask' | 'onUnexpectedInput' | 'maskChar'\n    > {\n  type?: MaskInputType;\n}\n\n/**\n * Интерфейс пропсов наследуется от `Input`.\n * Из пропсов `Input` исключены некоторые не применимые к полю с маской пропсы и сокращен список возможных значений в type.\n */\nexport const MaskedInput = forwardRefAndName(\n  'MaskedInput',\n  function MaskedInput(props: MaskedInputProps, ref: Ref<Input | null>) {\n    const {\n      mask,\n      maskChar,\n      formatChars,\n      alwaysShowMask = false,\n      colored = true,\n      imaskProps: customIMaskProps = {},\n      unmask = false,\n      onValueChange,\n      onUnexpectedInput,\n      onChange,\n      element,\n      className,\n      ...inputProps\n    } = props;\n    const theme = useContext(ThemeContext);\n\n    const inputRef = useRef<Input>(null);\n\n    const [focused, setFocused] = useState(false);\n    const prevValue = useRef<string>(props.value || String(props.defaultValue) || '');\n    const prevSelectionStart = useRef<number | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () =>\n        inputRef.current &&\n        Object.assign(inputRef.current, {\n          selectAll: () => {\n            inputRef.current?.focus();\n            inputRef.current?.delaySelectAll();\n          },\n        }),\n      [],\n    );\n\n    useEffect(() => {\n      // Для корректной работы onUnexpectedInput надо знать предыдущий value,\n      // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.\n      // Поэтому актуальный value при монтировании надо получать вручную\n      if (inputRef.current?.input) {\n        prevValue.current = inputRef.current.input.value;\n        prevSelectionStart.current = inputRef.current.input.selectionStart;\n      }\n    }, []);\n\n    const imaskProps = getCompatibleIMaskProps();\n\n    // TODO: Удалить в следующем мажоре\n    // Селекторы могут ожидать определённый порядок классов\n    const uiFontGlobalClassesRoot = 'react-ui-ui-font-root';\n\n    return (\n      <Input\n        ref={inputRef}\n        {...inputProps}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onInput={handleInput}\n        onKeyDown={handleKeyDown}\n        className={cx(globalClasses.root, uiFontGlobalClassesRoot, className, styles.root(theme))}\n        element={\n          colored ? (\n            <ColorableInputElement showOnFocus={false}>\n              <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n            </ColorableInputElement>\n          ) : (\n            <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n          )\n        }\n      />\n    );\n\n    function getCompatibleIMaskProps(): IMaskInputProps<HTMLInputElement> {\n      return {\n        mask: mask.replace(/0/g, '{\\\\0}') as any,\n        placeholderChar: getMaskChar(maskChar),\n        definitions: getDefinitions(formatChars),\n        // FIXME: Должно быть eager=true, но в imask ломается удаление по delete\n        eager: 'append',\n        overwrite: 'shift',\n        lazy: !alwaysShowMask && (props.disabled || !focused),\n        unmask,\n        ...customIMaskProps,\n      } as IMaskInputProps<HTMLInputElement>;\n    }\n\n    function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n      const [value, , e] = args;\n\n      // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.\n      // Но нативный input никогда не вызывает onChange при монтировании.\n      // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,\n      // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.\n      // Он содержит нативное событие, вызвавшее изменение.\n      e && onValueChange?.(value);\n      !e && (prevValue.current = value);\n    }\n\n    /**\n     * Отслеживаем неожиданные нажатия\n     * handleAccept не вызывается когда значение с маской не меняется\n     * Сначала вызывается handleAccept, затем handleInput\n     */\n    function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n      const { value, selectionStart } = e.currentTarget;\n\n      // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.\n      // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.\n      if (prevValue.current === value && selectionStart === prevSelectionStart.current) {\n        handleUnexpectedInput(value);\n      }\n      prevValue.current = value;\n      prevSelectionStart.current = selectionStart;\n\n      props.onInput?.(e);\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n      props.onFocus?.(e);\n\n      // Если value из пропов отличается от value, которое получит input после обработки,\n      // то imask будет ставить каретку за последним валидным символом.\n      props.selectAllOnFocus && inputRef.current?.delaySelectAll();\n    }\n\n    function handleUnexpectedInput(value: string) {\n      const blink = inputRef.current?.blink.bind(inputRef.current) || (() => undefined);\n      onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur?.(e);\n    }\n\n    function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      const { value, selectionStart, selectionEnd } = e.currentTarget;\n\n      if (\n        (isKeyBackspace(e) && selectionStart === 0 && selectionEnd === 0) ||\n        (isKeyDelete(e) && prevSelectionStart.current === value.length)\n      ) {\n        // Случаи, когда нажатие клавиш не тригерит `onInput`\n        handleUnexpectedInput(value);\n        prevValue.current = e.currentTarget.value;\n      }\n      prevSelectionStart.current = selectionStart;\n\n      props.onKeyDown?.(e);\n    }\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/MaskedInput/MaskedInput.md

@@ -1,21 +1,114 @@
+### Проп `mask`
+
+Паттерн ввода. Пример с номером телефона.
+
+```jsx harmony
+const [value, setValue] = React.useState('');
+
+<>
+  <span>value: "{value}"</span>
+  <br />
+  <br />
+  <MaskedInput
+    mask="+7 (999) 999-99-99"
+    placeholder="Номер телефона"
+    value={value}
+    onValueChange={setValue}
+  />
+</>
+```
+
+### Проп `alwaysShowMask`
+
+Показывает маску всегда.
+
+```jsx harmony
+<MaskedInput mask="+7 (999) 999-99-99" alwaysShowMask />
+```
+
+### Проп `maskChar`
+
+Символом маски может быть любой символ.
+
 ```jsx harmony
-<MaskedInput mask={'+7 999 999-99-99'} placeholder={"Номер телефона"} />
+const [value, setValue] = React.useState('');
+
+<>
+  <span>value: "{value}"</span>
+  <br />
+  <br />
+  <MaskedInput
+    mask="9999 9999 9999 9999"
+    maskChar="X"
+    placeholder="Номер карты"
+    alwaysShowMask
+    value={value}
+    onValueChange={setValue}
+  />
+</>
 ```
 
-Можно изменить символ значения с маской
+### Проп `formatChars`
+
+При необходимости можно настроить собственный словарь.
+
 ```jsx harmony
-<MaskedInput mask={'9999 9999 9999 9999'} maskChar={'X'} placeholder={"Номер карты"}  />
+const [value, setValue] = React.useState('');
+
+<MaskedInput
+  mask="Hh:Mm:Ss"
+  alwaysShowMask
+  formatChars={{
+    H: '[0-2]',
+    h: value.startsWith('2') ? '[0-3]' : '[0-9]',
+    M: '[0-5]',
+    m: '[0-9]',
+    S: '[0-5]',
+    s: '[0-9]',
+  }}
+  value={value}
+  onValueChange={setValue}
+/>
 ```
 
-**alwaysShowMask** позволяет показывать маску всегда. Placeholder в этом случае игнорируется.
+### Проп `unmask`
+
+Можно сразу получать очищенный value, содержащий только введённый пользователем символы.
+
 ```jsx harmony
-<MaskedInput mask={'9999 9999 9999 9999'} alwaysShowMask maskChar={'X'} placeholder={"Номер карты"} />
+const [value, setValue] = React.useState('');
+
+<>
+  <span>value: "{value}"</span>
+  <br />
+  <br />
+  <MaskedInput
+    mask="+7 (999) 999-99-99"
+    unmask
+    alwaysShowMask
+    value={value}
+    onValueChange={setValue}
+  />
+</>
 ```
 
-Для форматирования по маске используется пакет [iMask](https://imask.js.org/). Используйте особенности пакета принимая всю ответственность на себя.
+### Проп `unmask` с фигурными скобками
 
-`MaskedInput` гарантирует поддержку работы 3 пропов:  **mask**, **maskChar**, **alwaysShowMask** с заданными по-умолчанию **formatChars**.
+Если обернуть фиксированные символы в фигурные скобки, то они попадут в `value` при `unmask = true`.
 
-Остальное поведение может меняться в мажорных релизах.
+```jsx harmony
+const [value, setValue] = React.useState('');
 
-Например, iMask [позволяет добавлять](https://imask.js.org/guide.html#masked-pattern) в значения без форматирования константы с помощью фигурных скобок. Использовать этот вариант **НЕ РЕКОМЕНДУЕТСЯ**.
+<>
+  <span>value: "{value}"</span>
+  <br />
+  <br />
+  <MaskedInput
+    mask="+{7} (999) 999-99-99"
+    unmask
+    alwaysShowMask
+    value={value}
+    onValueChange={setValue}
+  />
+</>
+```

package/cjs/components/MaskedInput/MaskedInput.styles.d.ts

@@ -0,0 +1,7 @@
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    root: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+};

package/cjs/components/MaskedInput/MaskedInput.styles.js

@@ -0,0 +1,16 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+
+var _UiFont = require("../../lib/styles/UiFont");var _templateObject;
+
+var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('masked-input')({
+  root: 'root'
+});
+
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-family: ", ", ", ";\n      font-variant-numeric: tabular-nums;\n    "])),
+    _UiFont.UI_FONT_NAME, t.baseFontFamily);
+
+
+  }
+});

package/cjs/components/MaskedInput/MaskedInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_UiFont","_templateObject","globalClasses","exports","prefix","root","styles","memoizeStyle","t","css","_taggedTemplateLiteralLoose2","default","UI_FONT_NAME","baseFontFamily"],"sources":["MaskedInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { UI_FONT_NAME } from '../../lib/styles/UiFont';\n\nexport const globalClasses = prefix('masked-input')({\n  root: 'root',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      font-family: ${UI_FONT_NAME}, ${t.baseFontFamily};\n      font-variant-numeric: tabular-nums;\n    `;\n  },\n});\n"],"mappings":"4SAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAuD,IAAAE,eAAA;;AAEhD,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,cAAc,CAAC,CAAC;EAClDC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEK,IAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG,IAAAC,qBAAY,EAAC;EACjCF,IAAI,WAAAA,KAACG,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;IACOC,oBAAY,EAAKJ,CAAC,CAACK,cAAc;;;EAGpD;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/MaskedInput/index.d.ts

@@ -1 +1 @@
-export * from './MaskedInput';
+export * from './MaskedInput';

package/cjs/components/MenuFooter/MenuFooter.d.ts

@@ -1,27 +1,25 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {
-    _enableIconPadding?: boolean;
-    children: ReactNode;
-    /** Размер */
-    size?: SizeProp;
-}
-export declare const MenuFooterDataTids: {
-    readonly root: "MenuFooter__root";
-};
-/**
- * Футер меню.
- *
- * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
- *
- * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
- */
-declare function MenuFooter({ id, _enableIconPadding, children, size, ...rest }: MenuFooterProps): React.JSX.Element;
-declare namespace MenuFooter {
-    var __KONTUR_REACT_UI__: string;
-    var displayName: string;
-    var __MENU_FOOTER__: boolean;
-}
-export { MenuFooter };
-export declare const isMenuFooter: (child: React.ReactNode) => child is React.ReactElement<MenuFooterProps, string | React.JSXElementConstructor<any>>;
+import type { HTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {
+    /** Добавляет отступ иконке. */
+    _enableIconPadding?: boolean;
+    /** @ignore */
+    children: ReactNode;
+    /** Задает размер. */
+    size?: SizeProp;
+}
+export declare const MenuFooterDataTids: {
+    readonly root: "MenuFooter__root";
+};
+/**
+ * Футер меню `MenuFooter`.
+ *
+ * `MenuFooter`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности, в которых может быть использован `MenuFooter`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */
+declare const MenuFooter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MenuFooterProps> & Record<never, never>;
+export { MenuFooter };
+export declare const isMenuFooter: (child: React.ReactNode) => child is React.ReactElement<MenuFooterProps, string | React.JSXElementConstructor<any>>;

package/cjs/components/MenuFooter/MenuFooter.js

@@ -1,9 +1,12 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MenuFooter = MenuFooter;exports.isMenuFooter = exports.MenuFooterDataTids = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.isMenuFooter = exports.MenuFooterDataTids = exports.MenuFooter = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
 
 var _MenuFooter = require("./MenuFooter.styles");var _excluded = ["id", "_enableIconPadding", "children", "size"];
 
@@ -14,61 +17,71 @@ var _MenuFooter = require("./MenuFooter.styles");var _excluded = ["id", "_enable
 
 
 
+
+
+
+
 var MenuFooterDataTids = exports.MenuFooterDataTids = {
   root: 'MenuFooter__root'
 };
 
 /**
- * Футер меню.
+ * Футер меню `MenuFooter`.
  *
- * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ * `MenuFooter`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.
  *
- * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ * Сущности, в которых может быть использован `MenuFooter`: DropdownMenu, Kebab, TooltipMenu и Select.
  */
-function MenuFooter(_ref) {var _cx;var id = _ref.id,_ref$_enableIconPaddi = _ref._enableIconPadding,_enableIconPadding = _ref$_enableIconPaddi === void 0 ? false : _ref$_enableIconPaddi,children = _ref.children,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-
-  function getRootSizeClassName() {
-    switch (size) {
-      case 'large':
-        return _MenuFooter.styles.rootLarge(theme);
-      case 'medium':
-        return _MenuFooter.styles.rootMedium(theme);
-      case 'small':
-      default:
-        return _MenuFooter.styles.rootSmall(theme);
+
+var MenuFooter = exports.MenuFooter = (0, _forwardRefAndName.forwardRefAndName)(
+  'MenuFooter',
+  function MenuFooter(_ref,
+
+  ref)
+  {var _cx;var id = _ref.id,_ref$_enableIconPaddi = _ref._enableIconPadding,_enableIconPadding = _ref$_enableIconPaddi === void 0 ? false : _ref$_enableIconPaddi,children = _ref.children,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+    var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+    function getRootSizeClassName() {
+      switch (size) {
+        case 'large':
+          return _MenuFooter.styles.rootLarge(theme);
+        case 'medium':
+          return _MenuFooter.styles.rootMedium(theme);
+        case 'small':
+        default:
+          return _MenuFooter.styles.rootSmall(theme);
+      }
     }
-  }
-  function getWithLeftPaddingSizeClassName() {
-    switch (size) {
-      case 'large':
-        return _MenuFooter.styles.withLeftPaddingSmall(theme);
-      case 'medium':
-        return _MenuFooter.styles.withLeftPaddingMedium(theme);
-      case 'small':
-      default:
-        return _MenuFooter.styles.withLeftPaddingSmall(theme);
+    function getWithLeftPaddingSizeClassName() {
+      switch (size) {
+        case 'large':
+          return _MenuFooter.styles.withLeftPaddingSmall(theme);
+        case 'medium':
+          return _MenuFooter.styles.withLeftPaddingMedium(theme);
+        case 'small':
+        default:
+          return _MenuFooter.styles.withLeftPaddingSmall(theme);
+      }
     }
-  }
 
-  return /*#__PURE__*/(
-    _react.default.createElement(_CommonWrapper.CommonWrapper, rest, /*#__PURE__*/
-    _react.default.createElement("div", {
-      id: id,
-      "data-tid": MenuFooterDataTids.root,
-      className: (0, _Emotion.cx)(getRootSizeClassName(), (_cx = {}, _cx[
-      _MenuFooter.styles.root(theme)] = true, _cx[
-      getWithLeftPaddingSizeClassName()] = _enableIconPadding, _cx)
-      ) },
+    return /*#__PURE__*/(
+      _react.default.createElement(_CommonWrapper.CommonWrapper, rest, /*#__PURE__*/
+      _react.default.createElement("div", {
+        id: id,
+        ref: ref,
+        "data-tid": MenuFooterDataTids.root,
+        className: (0, _Emotion.cx)(getRootSizeClassName(), (_cx = {}, _cx[
+        _MenuFooter.styles.root(theme)] = true, _cx[
+        getWithLeftPaddingSizeClassName()] = _enableIconPadding, _cx)
+        ) },
+
+      children
+      )
+      ));
 
-    children
-    )
-    ));
-
-}
+  }
+);
 
-MenuFooter.__KONTUR_REACT_UI__ = 'MenuFooter';
-MenuFooter.displayName = 'MenuFooter';
+//@ts-ignore
 MenuFooter.__MENU_FOOTER__ = true;
 
 

package/cjs/components/MenuFooter/MenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ThemeContext","_CommonWrapper","_Emotion","_MenuFooter","_excluded","MenuFooterDataTids","exports","root","MenuFooter","_ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","getRootSizeClassName","styles","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","CommonWrapper","className","cx","__KONTUR_REACT_UI__","displayName","__MENU_FOOTER__","isMenuFooter","child","React","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './MenuFooter.styles';\n\nexport interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n  /** Размер */\n  size?: SizeProp;\n}\n\nexport const MenuFooterDataTids = {\n  root: 'MenuFooter__root',\n} as const;\n\n/**\n * Футер меню.\n *\n * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuFooter({ id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuFooterProps) {\n  const theme = useContext(ThemeContext);\n\n  function getRootSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.rootLarge(theme);\n      case 'medium':\n        return styles.rootMedium(theme);\n      case 'small':\n      default:\n        return styles.rootSmall(theme);\n    }\n  }\n  function getWithLeftPaddingSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.withLeftPaddingSmall(theme);\n      case 'medium':\n        return styles.withLeftPaddingMedium(theme);\n      case 'small':\n      default:\n        return styles.withLeftPaddingSmall(theme);\n    }\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        id={id}\n        data-tid={MenuFooterDataTids.root}\n        className={cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuFooter.__KONTUR_REACT_UI__ = 'MenuFooter';\nMenuFooter.displayName = 'MenuFooter';\nMenuFooter.__MENU_FOOTER__ = true;\n\nexport { MenuFooter };\n\nexport const isMenuFooter = (child: React.ReactNode): child is React.ReactElement<MenuFooterProps> => {\n  return React.isValidElement<MenuFooterProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_FOOTER__')\n    : false;\n};\n"],"mappings":"0bAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAAI,WAAA,GAAAJ,OAAA,wBAA6C,IAAAK,SAAA;;;;;;;;;AAStC,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAAC,IAAA,EAAyF,KAAAC,GAAA,KAAtFC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CAAAC,qBAAA,GAAAH,IAAA,CAAEI,kBAAkB,CAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAEE,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAAC,SAAA,GAAAN,IAAA,CAAEO,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAKE,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAV,IAAA,EAAAL,SAAA;EACrF,IAAMgB,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;EAEtC,SAASC,oBAAoBA,CAAA,EAAG;IAC9B,QAAQP,IAAI;MACV,KAAK,OAAO;QACV,OAAOQ,kBAAM,CAACC,SAAS,CAACL,KAAK,CAAC;MAChC,KAAK,QAAQ;QACX,OAAOI,kBAAM,CAACE,UAAU,CAACN,KAAK,CAAC;MACjC,KAAK,OAAO;MACZ;QACE,OAAOI,kBAAM,CAACG,SAAS,CAACP,KAAK,CAAC;IAClC;EACF;EACA,SAASQ,+BAA+BA,CAAA,EAAG;IACzC,QAAQZ,IAAI;MACV,KAAK,OAAO;QACV,OAAOQ,kBAAM,CAACK,oBAAoB,CAACT,KAAK,CAAC;MAC3C,KAAK,QAAQ;QACX,OAAOI,kBAAM,CAACM,qBAAqB,CAACV,KAAK,CAAC;MAC5C,KAAK,OAAO;MACZ;QACE,OAAOI,kBAAM,CAACK,oBAAoB,CAACT,KAAK,CAAC;IAC7C;EACF;;EAEA;IACEvB,MAAA,CAAAsB,OAAA,CAAAY,aAAA,CAAC9B,cAAA,CAAA+B,aAAa,EAAKf,IAAI;IACrBpB,MAAA,CAAAsB,OAAA,CAAAY,aAAA;MACEpB,EAAE,EAAEA,EAAG;MACP,YAAUN,kBAAkB,CAACE,IAAK;MAClC0B,SAAS,EAAE,IAAAC,WAAE,EAACX,oBAAoB,CAAC,CAAC,GAAAb,GAAA,OAAAA,GAAA;MACjCc,kBAAM,CAACjB,IAAI,CAACa,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;MACzBkB,+BAA+B,CAAC,CAAC,IAAGf,kBAAkB,EAAAH,GAAA;MACxD,CAAE;;IAEFI;IACE;IACQ,CAAC;;AAEpB;;AAEAN,UAAU,CAAC2B,mBAAmB,GAAG,YAAY;AAC7C3B,UAAU,CAAC4B,WAAW,GAAG,YAAY;AACrC5B,UAAU,CAAC6B,eAAe,GAAG,IAAI;;;;AAI1B,IAAMC,YAAY,GAAAhC,OAAA,CAAAgC,YAAA,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAAC,cAAK,CAACC,cAAc,CAAkBF,KAAK,CAAC;EAC/CG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,KAAK,CAACO,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ThemeContext","_CommonWrapper","_Emotion","_forwardRefAndName","_MenuFooter","_excluded","MenuFooterDataTids","exports","root","MenuFooter","forwardRefAndName","_ref","ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","getRootSizeClassName","styles","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","CommonWrapper","className","cx","__MENU_FOOTER__","isMenuFooter","child","React","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuFooter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { SizeProp } from '../../lib/types/props';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { styles } from './MenuFooter.styles';\n\nexport interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** Добавляет отступ иконке. */\n  _enableIconPadding?: boolean;\n\n  /** @ignore */\n  children: ReactNode;\n\n  /** Задает размер. */\n  size?: SizeProp;\n}\n\nexport const MenuFooterDataTids = {\n  root: 'MenuFooter__root',\n} as const;\n\n/**\n * Футер меню `MenuFooter`.\n *\n * `MenuFooter`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.\n *\n * Сущности, в которых может быть использован `MenuFooter`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n\nconst MenuFooter = forwardRefAndName(\n  'MenuFooter',\n  function MenuFooter(\n    { id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuFooterProps,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    const theme = useContext(ThemeContext);\n    function getRootSizeClassName() {\n      switch (size) {\n        case 'large':\n          return styles.rootLarge(theme);\n        case 'medium':\n          return styles.rootMedium(theme);\n        case 'small':\n        default:\n          return styles.rootSmall(theme);\n      }\n    }\n    function getWithLeftPaddingSizeClassName() {\n      switch (size) {\n        case 'large':\n          return styles.withLeftPaddingSmall(theme);\n        case 'medium':\n          return styles.withLeftPaddingMedium(theme);\n        case 'small':\n        default:\n          return styles.withLeftPaddingSmall(theme);\n      }\n    }\n\n    return (\n      <CommonWrapper {...rest}>\n        <div\n          id={id}\n          ref={ref}\n          data-tid={MenuFooterDataTids.root}\n          className={cx(getRootSizeClassName(), {\n            [styles.root(theme)]: true,\n            [getWithLeftPaddingSizeClassName()]: _enableIconPadding,\n          })}\n        >\n          {children}\n        </div>\n      </CommonWrapper>\n    );\n  },\n);\n\n//@ts-ignore\nMenuFooter.__MENU_FOOTER__ = true;\n\nexport { MenuFooter };\n\nexport const isMenuFooter = (child: React.ReactNode): child is React.ReactElement<MenuFooterProps> => {\n  return React.isValidElement<MenuFooterProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_FOOTER__')\n    : false;\n};\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;;AAEA,IAAAK,WAAA,GAAAL,OAAA,wBAA6C,IAAAM,SAAA;;;;;;;;;;;;;AAatC,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,UAAU,GAAAF,OAAA,CAAAE,UAAA,GAAG,IAAAC,oCAAiB;EAClC,YAAY;EACZ,SAASD,UAAUA,CAAAE,IAAA;;EAEjBC,GAA8B;EAC9B,KAAAC,GAAA,KAFEC,EAAE,GAAAH,IAAA,CAAFG,EAAE,CAAAC,qBAAA,GAAAJ,IAAA,CAAEK,kBAAkB,CAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAEE,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAAC,SAAA,GAAAP,IAAA,CAAEQ,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAKE,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAX,IAAA,EAAAN,SAAA;IAGnE,IAAMkB,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;IACtC,SAASC,oBAAoBA,CAAA,EAAG;MAC9B,QAAQP,IAAI;QACV,KAAK,OAAO;UACV,OAAOQ,kBAAM,CAACC,SAAS,CAACL,KAAK,CAAC;QAChC,KAAK,QAAQ;UACX,OAAOI,kBAAM,CAACE,UAAU,CAACN,KAAK,CAAC;QACjC,KAAK,OAAO;QACZ;UACE,OAAOI,kBAAM,CAACG,SAAS,CAACP,KAAK,CAAC;MAClC;IACF;IACA,SAASQ,+BAA+BA,CAAA,EAAG;MACzC,QAAQZ,IAAI;QACV,KAAK,OAAO;UACV,OAAOQ,kBAAM,CAACK,oBAAoB,CAACT,KAAK,CAAC;QAC3C,KAAK,QAAQ;UACX,OAAOI,kBAAM,CAACM,qBAAqB,CAACV,KAAK,CAAC;QAC5C,KAAK,OAAO;QACZ;UACE,OAAOI,kBAAM,CAACK,oBAAoB,CAACT,KAAK,CAAC;MAC7C;IACF;;IAEA;MACE1B,MAAA,CAAAyB,OAAA,CAAAY,aAAA,CAACjC,cAAA,CAAAkC,aAAa,EAAKf,IAAI;MACrBvB,MAAA,CAAAyB,OAAA,CAAAY,aAAA;QACEpB,EAAE,EAAEA,EAAG;QACPF,GAAG,EAAEA,GAAI;QACT,YAAUN,kBAAkB,CAACE,IAAK;QAClC4B,SAAS,EAAE,IAAAC,WAAE,EAACX,oBAAoB,CAAC,CAAC,GAAAb,GAAA,OAAAA,GAAA;QACjCc,kBAAM,CAACnB,IAAI,CAACe,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;QACzBkB,+BAA+B,CAAC,CAAC,IAAGf,kBAAkB,EAAAH,GAAA;QACxD,CAAE;;MAEFI;MACE;MACQ,CAAC;;EAEpB;AACF,CAAC;;AAED;AACAR,UAAU,CAAC6B,eAAe,GAAG,IAAI;;;;AAI1B,IAAMC,YAAY,GAAAhC,OAAA,CAAAgC,YAAA,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAAC,cAAK,CAACC,cAAc,CAAkBF,KAAK,CAAC;EAC/CG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,KAAK,CAACO,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}

package/cjs/components/MenuFooter/MenuFooter.md

@@ -1,4 +1,4 @@
-Базовый пример меню с заголовками.
+### Базовый пример меню с заголовками
 
 ```jsx harmony
 import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
@@ -14,7 +14,7 @@ import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
 </DropdownMenu>
 ```
 
-У MenuFooter есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';

package/cjs/components/MenuFooter/MenuFooter.mixins.d.ts

@@ -1,2 +1,2 @@
-export declare const menuFooterSizeMixin: (menuFooterLegacyPaddingRight: string, menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string) => string;
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;
+export declare const menuFooterSizeMixin: (menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

package/cjs/components/MenuFooter/MenuFooter.mixins.js

@@ -1,16 +1,13 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.withIconSizeMixin = exports.menuFooterSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
 
 var menuFooterSizeMixin = exports.menuFooterSizeMixin = function menuFooterSizeMixin(
-menuFooterLegacyPaddingRight,
 menuFooterPaddingX,
 menuFooterFontSize,
 menuFooterLineHeight,
 menuFooterPaddingTop,
 menuFooterPaddingBottom)
 {
-  var legacyPaddingRight = parseFloat(menuFooterLegacyPaddingRight);
-  var paddingRight =
-  legacyPaddingRight !== 0 ? parseFloat(menuFooterPaddingX) + legacyPaddingRight + "px" : menuFooterPaddingX;
+  var paddingRight = menuFooterPaddingX;
 
   return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
   menuFooterFontSize,

package/cjs/components/MenuFooter/MenuFooter.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","menuFooterSizeMixin","exports","menuFooterLegacyPaddingRight","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","legacyPaddingRight","parseFloat","paddingRight","css","_taggedTemplateLiteralLoose2","default","withIconSizeMixin","menuItemPaddingForIcon"],"sources":["MenuFooter.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuFooterSizeMixin = (\n  menuFooterLegacyPaddingRight: string,\n  menuFooterPaddingX: string,\n  menuFooterFontSize: string,\n  menuFooterLineHeight: string,\n  menuFooterPaddingTop: string,\n  menuFooterPaddingBottom: string,\n) => {\n  const legacyPaddingRight = parseFloat(menuFooterLegacyPaddingRight);\n  const paddingRight =\n    legacyPaddingRight !== 0 ? `${parseFloat(menuFooterPaddingX) + legacyPaddingRight}px` : menuFooterPaddingX;\n\n  return css`\n    font-size: ${menuFooterFontSize};\n    line-height: ${menuFooterLineHeight};\n    padding: ${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"6TAAA,IAAAA,QAAA,GAAAC,OAAA,8BAAgD,IAAAC,eAAA,EAAAC,gBAAA;;AAEzC,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BE,4BAAoC;AACpCC,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,kBAAkB,GAAGC,UAAU,CAACP,4BAA4B,CAAC;EACnE,IAAMQ,YAAY;EAChBF,kBAAkB,KAAK,CAAC,GAAMC,UAAU,CAACN,kBAAkB,CAAC,GAAGK,kBAAkB,UAAOL,kBAAkB;;EAE5G,WAAOQ,YAAG,EAAAb,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;EACKT,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,EAAII,YAAY,EAAIH,uBAAuB,EAAIJ,kBAAkB;;AAEpG,CAAC;;AAEM,IAAMW,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,WAAOJ,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;EACQE,sBAAsB;;AAE1C,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","menuFooterSizeMixin","exports","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","paddingRight","css","_taggedTemplateLiteralLoose2","default","withIconSizeMixin","menuItemPaddingForIcon"],"sources":["MenuFooter.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const menuFooterSizeMixin = (\n  menuFooterPaddingX: string,\n  menuFooterFontSize: string,\n  menuFooterLineHeight: string,\n  menuFooterPaddingTop: string,\n  menuFooterPaddingBottom: string,\n) => {\n  const paddingRight = menuFooterPaddingX;\n\n  return css`\n    font-size: ${menuFooterFontSize};\n    line-height: ${menuFooterLineHeight};\n    padding: ${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX};\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"6TAAA,IAAAA,QAAA,GAAAC,OAAA,8BAAgD,IAAAC,eAAA,EAAAC,gBAAA;;AAEzC,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BE,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AAC5B;EACH,IAAMC,YAAY,GAAGL,kBAAkB;;EAEvC,WAAOM,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;EACKP,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,EAAIE,YAAY,EAAID,uBAAuB,EAAIJ,kBAAkB;;AAEpG,CAAC;;AAEM,IAAMS,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE,WAAOJ,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;EACQE,sBAAsB;;AAE1C,CAAC","ignoreList":[]}

package/cjs/components/MenuFooter/MenuFooter.styles.d.ts

@@ -1,10 +1,10 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    withLeftPaddingSmall(t: Theme): string;
-    withLeftPaddingMedium(t: Theme): string;
-    withLeftPaddingLarge(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    withLeftPaddingSmall(t: Theme): string;
+    withLeftPaddingMedium(t: Theme): string;
+    withLeftPaddingLarge(t: Theme): string;
+};

package/cjs/components/MenuFooter/MenuFooter.styles.js

@@ -14,7 +14,6 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   rootSmall: function rootSmall(t) {
     return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _MenuFooter.menuFooterSizeMixin)(
-      t.menuFooterLegacyPaddingRight,
       t.menuFooterPaddingXSmall,
       t.menuFooterFontSizeSmall,
       t.menuFooterLineHeightSmall,
@@ -26,7 +25,6 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   rootMedium: function rootMedium(t) {
     return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _MenuFooter.menuFooterSizeMixin)(
-      t.menuFooterLegacyPaddingRight,
       t.menuFooterPaddingXMedium,
       t.menuFooterFontSizeMedium,
       t.menuFooterLineHeightMedium,
@@ -38,7 +36,6 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   rootLarge: function rootLarge(t) {
     return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _MenuFooter.menuFooterSizeMixin)(
-      t.menuFooterLegacyPaddingRight,
       t.menuFooterPaddingXLarge,
       t.menuFooterFontSizeLarge,
       t.menuFooterLineHeightLarge,

package/cjs/components/MenuFooter/MenuFooter.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_MenuFooter","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuFooterColor","rootSmall","menuFooterSizeMixin","menuFooterLegacyPaddingRight","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"sources":["MenuFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuFooterColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXSmall,\n        t.menuFooterFontSizeSmall,\n        t.menuFooterLineHeightSmall,\n        t.menuFooterPaddingTopSmall,\n        t.menuFooterPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXMedium,\n        t.menuFooterFontSizeMedium,\n        t.menuFooterLineHeightMedium,\n        t.menuFooterPaddingTopMedium,\n        t.menuFooterPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterLegacyPaddingRight,\n        t.menuFooterPaddingXLarge,\n        t.menuFooterFontSizeLarge,\n        t.menuFooterLineHeightLarge,\n        t.menuFooterPaddingTopLarge,\n        t.menuFooterPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA,wBAA6E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAZ,eAAA,KAAAA,eAAA,OAAAa,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACI,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACL,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,CAAC,CAACO,4BAA4B;MAC9BP,CAAC,CAACQ,uBAAuB;MACzBR,CAAC,CAACS,uBAAuB;MACzBT,CAAC,CAACU,yBAAyB;MAC3BV,CAAC,CAACW,yBAAyB;MAC3BX,CAAC,CAACY;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACb,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,CAAC,CAACO,4BAA4B;MAC9BP,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,wBAAwB;MAC1Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB,0BAA0B;MAC5BjB,CAAC,CAACkB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAACnB,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,CAAC,CAACO,4BAA4B;MAC9BP,CAAC,CAACoB,uBAAuB;MACzBpB,CAAC,CAACqB,uBAAuB;MACzBrB,CAAC,CAACsB,yBAAyB;MAC3BtB,CAAC,CAACuB,yBAAyB;MAC3BvB,CAAC,CAACwB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACzB,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACN,IAAAuB,6BAAiB,EAAC1B,CAAC,CAAC2B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC5B,CAAQ,EAAE;IAC9B,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACN,IAAAuB,6BAAiB,EAAC1B,CAAC,CAAC6B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAC9B,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACN,IAAAuB,6BAAiB,EAAC1B,CAAC,CAAC+B,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_MenuFooter","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuFooterColor","rootSmall","menuFooterSizeMixin","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"sources":["MenuFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuFooterColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXSmall,\n        t.menuFooterFontSizeSmall,\n        t.menuFooterLineHeightSmall,\n        t.menuFooterPaddingTopSmall,\n        t.menuFooterPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXMedium,\n        t.menuFooterFontSizeMedium,\n        t.menuFooterLineHeightMedium,\n        t.menuFooterPaddingTopMedium,\n        t.menuFooterPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuFooterSizeMixin(\n        t.menuFooterPaddingXLarge,\n        t.menuFooterFontSizeLarge,\n        t.menuFooterLineHeightLarge,\n        t.menuFooterPaddingTopLarge,\n        t.menuFooterPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA,wBAA6E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAZ,eAAA,KAAAA,eAAA,OAAAa,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACI,eAAe;;;EAG9B,CAAC;;EAEDC,SAAS,WAAAA,UAACL,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,CAAC,CAACO,uBAAuB;MACzBP,CAAC,CAACQ,uBAAuB;MACzBR,CAAC,CAACS,yBAAyB;MAC3BT,CAAC,CAACU,yBAAyB;MAC3BV,CAAC,CAACW;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACZ,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,CAAC,CAACa,wBAAwB;MAC1Bb,CAAC,CAACc,wBAAwB;MAC1Bd,CAAC,CAACe,0BAA0B;MAC5Bf,CAAC,CAACgB,0BAA0B;MAC5BhB,CAAC,CAACiB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACN,IAAAG,+BAAmB;MACnBN,CAAC,CAACmB,uBAAuB;MACzBnB,CAAC,CAACoB,uBAAuB;MACzBpB,CAAC,CAACqB,yBAAyB;MAC3BrB,CAAC,CAACsB,yBAAyB;MAC3BtB,CAAC,CAACuB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,oBAAoB,WAAAA,qBAACxB,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACN,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC0B,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,qBAAqB,WAAAA,sBAAC3B,CAAQ,EAAE;IAC9B,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACN,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC4B,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,oBAAoB,WAAAA,qBAAC7B,CAAQ,EAAE;IAC7B,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACN,IAAAsB,6BAAiB,EAACzB,CAAC,CAAC8B,2BAA2B,CAAC;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/MenuFooter/index.d.ts

@@ -1 +1 @@
-export * from './MenuFooter';
+export * from './MenuFooter';