@foxford/ui 2.38.0-beta-4083fb5-20240814 → 2.39.0-beta-345ac6d-20240814

package/components/Input/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Input/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport InputMask from 'react-input-mask'\nimport tinycolor from 'tinycolor2'\nimport type { StyledProps } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { chooseWidthValue } from 'components/Input/helpers'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledBaseInputProps, StyledInputProps, StyledInputControlsProps, InputPalette } from './types'\n\nconst template = (\n  palette: Pick<\n    InputPalette,\n    'inputColor' | 'inputPlaceholderColor' | 'inputColorDisabled' | 'inputPlaceholderColorDisabled'\n  >\n) => `\n  color: ${palette.inputColor};\n  &::placeholder {\n    color: ${palette.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${palette.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.inputPlaceholderColorDisabled};\n  }\n`\n\nconst controlsTemplate = (\n  palette: Pick<\n    InputPalette,\n    | 'controlsColor'\n    | 'controlsBackgroundColor'\n    | 'controlsColorHover'\n    | 'controlsBackgroundColorHover'\n    | 'controlsColorActive'\n    | 'controlsBackgroundColorActive'\n    | 'controlsColorDisabled'\n    | 'controlsBackgroundColorDisabled'\n    | 'controlsSeparatorColor'\n  >\n) => `\n  color: ${palette.controlsColor};\n  background-color: ${palette.controlsBackgroundColor};\n  &:hover {\n    color: ${palette.controlsColorHover};\n    background-color: ${palette.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.controlsColorActive};\n    background-color: ${palette.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.controlsColorDisabled};\n    background-color: ${palette.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${palette.controlsSeparatorColor};\n  }\n`\n\nexport const errorStyle = css`\n  border: 1px solid ${(props) => props.theme.colors.pomegranate};\n  background-color: ${(props) => tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n`\n\nexport const disabledStyle = css`\n  background-color: rgba(0, 0, 0, 0.04);\n  border-color: rgba(0, 0, 0, 0.04);\n  color: rgba(0, 0, 0, 0.16);\n  cursor: not-allowed;\n  &:disabled {\n    background-color: rgba(0, 0, 0, 0.04);\n    border-color: rgba(0, 0, 0, 0.04);\n    color: rgba(0, 0, 0, 0.16);\n    cursor: not-allowed;\n  }\n`\n\nexport const focusStyle = css`\n  &:focus {\n    border: 1px solid ${(props) => props.theme.colors.accent};\n    outline: none;\n  }\n`\n\nexport const roundedStyle = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const baseInputStyle = (\n  props: StyledProps<\n    Pick<\n      StyledBaseInputProps,\n      | 'color'\n      | 'placeholderColor'\n      | 'disabled'\n      | 'rounded'\n      | 'width'\n      | 'widthXS'\n      | 'widthS'\n      | 'widthM'\n      | 'widthL'\n      | 'widthXL'\n      | 'fluid'\n      | 'error'\n    >\n  >\n) => css`\n  box-sizing: border-box;\n  display: block;\n  background-color: ${props.theme.colors.white};\n  border: solid 1px ${props.theme.colors.alto};\n  width: auto;\n  appearance: none;\n  font-size: 16px;\n  ${props.color ? color(props.color) : null};\n  &::placeholder {\n    ${props.placeholderColor ? color(props.placeholderColor) : null}\n  }\n  ${focusStyle}\n  ${props.disabled ? disabledStyle : null}\n  ${props.rounded ? roundedStyle : null}\n\n  ${props.width\n    ? property(chooseWidthValue(props.width), props.fluid && props.width !== 'auto' ? 'max-width' : 'width')\n    : null}\n  ${responsiveNamedProperty({\n    sizes: {\n      widthXS: props.widthXS,\n      widthS: props.widthS,\n      widthM: props.widthM,\n      widthL: props.widthL,\n      widthXL: props.widthXL,\n    },\n    cssProperty: props.fluid && props.width !== 'auto' ? 'max-width' : 'width',\n    customSizeHandler: chooseWidthValue,\n  })}\n  ${props.fluid\n    ? css`\n        width: 100%;\n      `\n    : null}\n  ${props.error ? errorStyle : null}\n`\n\nexport const Root: React.ComponentType<StyledBaseInputProps> = styled(InputMask).withConfig<StyledBaseInputProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n  line-height: 24px;\n  padding: 15px 20px 11px;\n  ${(props) => baseInputStyle(props)}\n`\n\nexport const Input: React.ComponentType<StyledInputProps> = styled(InputMask).withConfig<StyledInputProps>({\n  shouldForwardProp: (propKey) => !['palette', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &[type=\"number\"]::-webkit-outer-spin-button,\n      &[type=\"number\"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      inputColor: props.theme.colors['content-onmain-primary'],\n      inputPlaceholderColor: props.theme.colors['content-onmain-secondary'],\n      inputColorDisabled: props.theme.colors['content-disabled'],\n      inputPlaceholderColorDisabled: props.theme.colors['content-disabled'],\n      ...props.palette,\n    })}\n`\n\nexport const InputControl = styled.button.withConfig<StyledInputControlsProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  position: relative;\n  padding: 5px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 8px;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  &:first-child {\n    margin-left: 4px;\n  }\n  &:not(:first-child) {\n    margin-left: 9px;\n  }\n  &:not(:first-child)::before {\n    content: '';\n    position: absolute;\n    width: 1px;\n    height: 60%;\n    top: 50%;\n    left: -5px;\n    transform: translateY(-50%);\n  }\n  ${(props) =>\n    controlsTemplate({\n      controlsColor: props.theme.colors['content-onmain-tertiary'],\n      controlsColorHover: props.theme.colors['content-onmain-primary'],\n      controlsColorActive: props.theme.colors['content-onmain-primary'],\n      controlsColorDisabled: props.theme.colors['content-disabled'],\n      controlsBackgroundColor: props.theme.colors.transparent,\n      controlsBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover'])\n        .lighten(20)\n        .toString() as CSSColor,\n      controlsBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      controlsBackgroundColorDisabled: props.theme.colors.transparent,\n      controlsSeparatorColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["errorStyle","css","props","theme","colors","pomegranate","tinycolor","setAlpha","toString","disabledStyle","focusStyle","accent","roundedStyle","borderRadius","baseInputStyle","white","alto","color","placeholderColor","disabled","rounded","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","error","Root","styled","InputMask","withConfig","shouldForwardProp","prop","includes","componentId","Input","propKey","opacity","paddingTop","label","labelPosition","concat","active","template","palette","_objectSpread","inputColor","inputPlaceholderColor","inputColorDisabled","inputPlaceholderColorDisabled","InputControl","button","controlsTemplate","controlsColor","controlsColorHover","controlsColorActive","controlsColorDisabled","controlsBackgroundColor","transparent","controlsBackgroundColorHover","lighten","controlsBackgroundColorActive","controlsBackgroundColorDisabled","controlsSeparatorColor","focus"],"mappings":"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"}

package/components/Input.Phone/Input.Phone.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.Phone.js","sources":["../../../../src/components/Input.Phone/Input.Phone.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { PureComponent } from 'react'\nimport type { InputState } from 'react-input-mask'\nimport { Input } from '../Input/Input'\nimport type { InputProps } from '../Input'\nimport {\n  COUNTRY_DATA,\n  DEFAULT_MASK,\n  INITIAL_MASK,\n  REGEXPS,\n  RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH,\n} from './constants'\n\nconst onlyNumbers = (value = ''): string => value.replace(REGEXPS.NOT_NUMBERS, '')\n\nexport interface InputPhoneProps extends InputProps {\n  /**\n   * Settings for different country codes\n   */\n  countryData?: string[][]\n  /**\n   * Default field mask that is set when none of the countryData prop matches\n   */\n  defaultMask?: string\n  /**\n   * The default field mask when the phone field is empty is required to enable autocomplete in\n   * the browser\n   */\n  initialMask?: string\n  /** If event should return stripped phone value (not for redux forms) */\n  stripValue?: boolean\n}\n\ninterface InputPhoneState {\n  mask: string\n  regexp?: RegExp | null\n}\n\n/**\n * Расширен:\n * - `InputProps`\n */\nexport class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {\n  static displayName = 'Input.Phone'\n  static defaultProps = {\n    countryData: COUNTRY_DATA,\n    defaultMask: DEFAULT_MASK,\n    initialMask: INITIAL_MASK,\n    placeholder: '+9 (999) 999-99-99',\n    rounded: true,\n    type: 'text',\n    color: 'mineShaft',\n    mask: '',\n    placeholderColor: 'silver',\n  }\n\n  autocorrectOf8: boolean\n  autocorrectOf9: boolean\n\n  constructor(props: typeof InputPhone.defaultProps & InputPhoneProps) {\n    super(props)\n\n    this.autocorrectOf8 = true\n    this.autocorrectOf9 = true\n\n    const { mask } = this.getUpdates(props.value || '')\n\n    this.state = { mask, regexp: null }\n  }\n\n  componentDidUpdate(nextProps: InputPhoneProps) {\n    const { value } = this.props\n\n    if (value !== nextProps.value) {\n      this.change(value)\n    }\n  }\n\n  getUpdates = (\n    value: InputPhoneProps['value'],\n    prevValue: InputPhoneProps['value'] = undefined\n  ): {\n    mask: string\n    numbers: string\n    startsFrom8: boolean\n    startsFrom9: boolean\n    regexp: RegExp | null\n  } => {\n    const { countryData, defaultMask, initialMask } = this.props\n    const numbers = onlyNumbers(value as string)\n\n    let mask = initialMask\n    let regexp = null\n    let startsFrom8 = false\n    let startsFrom9 = false\n\n    if (!numbers)\n      return {\n        mask,\n        numbers,\n        startsFrom8,\n        startsFrom9,\n        regexp,\n      }\n\n    let isRussian = false\n\n    for (let i = 0; i < countryData.length; i++) {\n      if (numbers.startsWith(countryData[i][1])) {\n        ;[, , mask, regexp] = countryData[i]\n        isRussian = i === 0 || i === 1\n      }\n    }\n\n    startsFrom8 = isRussian && REGEXPS.FROM_8.test(numbers) && this.autocorrectOf8\n    startsFrom9 =\n      (!mask || (numbers.length === RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH && prevValue === '')) &&\n      this.autocorrectOf9 &&\n      REGEXPS.FROM_9.test(numbers)\n\n    if (startsFrom8) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf8 = false\n    }\n\n    if (startsFrom9) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf9 = false\n    }\n\n    if (!mask) {\n      mask = defaultMask\n    }\n\n    return {\n      mask,\n      numbers,\n      startsFrom8,\n      startsFrom9,\n      regexp,\n    }\n  }\n\n  change = (phone: InputPhoneProps['value']) => {\n    const { mask } = this.getUpdates(phone)\n\n    this.setState({ mask })\n  }\n\n  handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    e.persist()\n\n    const { onChange, stripValue } = this.props\n\n    if (onChange) {\n      const _e = e\n      if (stripValue) _e.target.value = onlyNumbers(e.target.value)\n      onChange(_e)\n    }\n  }\n\n  beforeMaskedValueChange = (newState: InputState, oldState: InputState) => {\n    const { mask, numbers, startsFrom8, startsFrom9, regexp } = this.getUpdates(newState.value, oldState.value)\n\n    this.setState({ mask, regexp })\n\n    /**\n     * For the correct caret position, when the user enters 9 in the phone field and it's replaced\n     * by '+7 (9'\n     */\n    if (startsFrom9) {\n      return {\n        selection: numbers.length === 1 ? { start: 5, end: 5 } : newState.selection,\n        value: newState.value.replace(REGEXPS.FROM_9, '+79$1'),\n      }\n    }\n\n    if (startsFrom8) {\n      return { selection: { start: 2, end: 2 }, value: newState.value.replace(REGEXPS.FROM_8, '+7$1') }\n    }\n\n    if (REGEXPS.FILLED.test(oldState.value) && numbers.length === 1) {\n      return { selection: { start: 2, end: 2 }, value: newState.value }\n    }\n\n    if (!REGEXPS.FILLED.test(oldState.value) && REGEXPS.FILLED.test(newState.value)) {\n      return {\n        ...newState,\n        selection: newState.selection ? { start: newState.selection.start + 1, end: newState.selection.end + 1 } : null,\n      }\n    }\n\n    return newState\n  }\n\n  render() {\n    const {\n      /* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */\n      countryData,\n      defaultMask,\n      initialMask,\n      stripValue,\n      /* eslint-enable no-unused-vars, @typescript-eslint/no-unused-vars */\n      ...props\n    } = this.props\n    const { mask, regexp } = this.state\n\n    return (\n      <Input\n        {...props}\n        beforeMaskedValueChange={this.beforeMaskedValueChange}\n        mask={mask}\n        data-regexp={regexp instanceof RegExp ? regexp.toString() : undefined}\n        onChange={this.handleChange}\n      />\n    )\n  }\n}\n"],"names":["onlyNumbers","e","value","replace","REGEXPS","NOT_NUMBERS","InputPhone","PureComponent","constructor","props","_this","super","this","autocorrectOf8","autocorrectOf9","getUpdates","t","prevValue","undefined","countryData","defaultMask","initialMask","numbers","mask","regexp","startsFrom8","startsFrom9","isRussian","i","length","startsWith","FROM_8","test","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","FROM_9","COUNTRY_DATA","change","phone","setState","handleChange","persist","onChange","stripValue","_e","target","beforeMaskedValueChange","newState","oldState","selection","start","end","FILLED","_objectSpread","state","componentDidUpdate","nextProps","render","_objectWithoutProperties","_excluded","_jsx","Input","RegExp","toString","displayName","defaultProps","DEFAULT_MASK","INITIAL_MASK","placeholder","rounded","type","color","placeholderColor"],"mappings":"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"}

package/components/Input.Phone/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Input.Phone/constants.ts"],"sourcesContent":["export const INITIAL_MASK = '99999999999999999999'\n\nexport const DEFAULT_MASK = `+${INITIAL_MASK}`\n\nexport const RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH = 10\n\nexport const COUNTRY_DATA: [string, string, string, RegExp][] = [\n  ['Россия', '7', '+9 (999) 999-99-99', /^(\\+?7|8)([0-9()\\-\\s]{8,20})$/],\n  ['Россия', '8', '+9 (999) 999-99-99', /^(\\+?7|8)([0-9()\\-\\s]{8,20})$/],\n  ['Украина', '380', '+999 (99) 999-99-99', /^(\\+?380)([0-9()\\-\\s]{8,20})$/],\n  ['Беларусь', '375', '+999 (999) 99-99-99', /^(\\+?375)([0-9()\\-\\s]{8,20})$/],\n  ['Узбекистан', '998', '+999 (99) 999-99-99', /^(\\+?998)([0-9()\\-\\s]{8,20})$/],\n  ['Молдова', '373', '+999 (99) 99-99-99', /^(\\+?373)([0-9()\\-\\s]{8,20})$/],\n  ['Азербайджан', '994', '+999 (99) 999-99-99', /^(\\+?994)([0-9()\\-\\s]{8,20})$/],\n  ['Киргизия', '996', '+999 (999) 99-99-99', /^(\\+?996)([0-9()\\-\\s]{8,20})$/],\n  ['Болгария', '359', '+999 (999) 99-99-99', /^(\\+?359)([0-9()\\-\\s]{8,20})$/],\n  ['Германия', '49', '+99 (999) 99999999', /^(\\+?49)([0-9()\\-\\s]{8,20})$/],\n  ['США', '1', '+9 (999) 999-99-99', /^(\\+?1)([0-9()\\-\\s]{8,20})$/],\n  ['Армения', '374', '+999 (99) 99-99-99', /^(\\+?374)([0-9()\\-\\s]{8,20})$/],\n  ['Израиль', '972', '+999 (99) 999-99-99', /^(\\+?972)([0-9()\\-\\s]{8,20})$/],\n  ['Испания', '34', '+99 (999) 99-99-99', /^(\\+?34)([0-9()\\-\\s]{8,20})$/],\n  ['Латвия', '371', '+999 (99) 999-999', /^(\\+?371)([0-9()\\-\\s]{8,20})$/],\n  ['Бахрейн', '973', '+999 (99) 999-999', /^(\\+?973)([0-9()\\-\\s]{8,20})$/],\n  ['Турция', '90', '+99 (999) 999-9999', /^(\\+?90)([0-9()\\-\\s]{8,20})$/],\n  ['Литва', '370', '+999 (999) 99999', /^(\\+?370)([0-9()\\-\\s]{8,20})$/],\n  ['Великобритания', '44', '+99 (99) 9999-9999', /^(\\+?44)([0-9()\\-\\s]{8,20})$/],\n  ['Индия', '91', '+99 (99) 99-999999', /^(\\+?91)([0-9()\\-\\s]{8,20})$/],\n  ['Черногория', '382', '+999 (99) 999-999', /^(\\+?382)([0-9()\\-\\s]{8,20})$/],\n  ['Мексика', '52', '+99 (999) 999-99-99', /^(\\+?52)([0-9()\\-\\s]{8,20})$/],\n  ['Польша', '48', '+99 999999999', /^(\\+?48)([0-9()\\-\\s]{8,20})$/],\n  ['Италия', '39', '+99 (999) 999-99-99', /^(\\+?39)([0-9()\\-\\s]{8,20})$/],\n  ['Таиланд', '66', '+99 999-999-999', /^(\\+?66)([0-9()\\-\\s]{8,20})$/],\n  ['Грузия', '995', '+999 (999) 999-999', /^(\\+?995)([0-9()\\-\\s]{8,20})$/],\n  ['Шри-Ланка', '94', '+99 (99) 9999999', /^(\\+?94)([0-9()\\-\\s]{8,20})$/],\n  ['Китай', '86', '+99 (999) 9999-9999', /^(\\+?86)([0-9()\\-\\s]{8,20})$/],\n  ['Кипр', '357', '+999 (99) 999999', /^(\\+?357)([0-9()\\-\\s]{8,20})$/],\n  ['ОАЭ', '971', '+999 99-999-9999', /^(\\+?971)([0-9()\\-\\s]{8,20})$/],\n  ['Франция', '33', '+33(999)999-999', /^(\\+?33)([0-9()\\-\\s]{8,20})$/],\n  ['Германия', '49', '+99(9999)999-9999', /^(\\+?49)([0-9()\\-\\s]{8,20})$/],\n  ['Япония', '81', '+99 99-9999-9999', /^(\\+?81)([0-9()\\-\\s]{8,20})$/],\n  ['Австрия', '43', '+99(999)999-99999', /^(\\+?43)([0-9()\\-\\s]{8,20})$/],\n  ['Южная Корея', '82', '+99(999)999-9999', /^(\\+?82)([0-9()\\-\\s]{8,20})$/],\n]\n\nexport const REGEXPS = {\n  FILLED: /^\\+\\d.*$/,\n  FROM_8: /^\\+?8(.*)$/,\n  FROM_9: /^\\+?9(.*)$/,\n  NOT_NUMBERS: /\\D/gim,\n}\n"],"names":["INITIAL_MASK","DEFAULT_MASK","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","COUNTRY_DATA","REGEXPS","FILLED","FROM_8","FROM_9","NOT_NUMBERS"],"mappings":"AAAO,IAAMA,EAAe,uBAEfC,IAAAA,EAAmBD,IAAAA,OAFJ,wBAIrB,IAAME,EAA2C,OAE3CC,EAAmD,CAC9D,CAAC,SAAU,IAAK,qBAAsB,iCACtC,CAAC,SAAU,IAAK,qBAAsB,iCACtC,CAAC,UAAW,MAAO,sBAAuB,iCAC1C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,aAAc,MAAO,sBAAuB,iCAC7C,CAAC,UAAW,MAAO,qBAAsB,iCACzC,CAAC,cAAe,MAAO,sBAAuB,iCAC9C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,WAAY,MAAO,sBAAuB,iCAC3C,CAAC,WAAY,KAAM,qBAAsB,gCACzC,CAAC,MAAO,IAAK,qBAAsB,+BACnC,CAAC,UAAW,MAAO,qBAAsB,iCACzC,CAAC,UAAW,MAAO,sBAAuB,iCAC1C,CAAC,UAAW,KAAM,qBAAsB,gCACxC,CAAC,SAAU,MAAO,oBAAqB,iCACvC,CAAC,UAAW,MAAO,oBAAqB,iCACxC,CAAC,SAAU,KAAM,qBAAsB,gCACvC,CAAC,QAAS,MAAO,mBAAoB,iCACrC,CAAC,iBAAkB,KAAM,qBAAsB,gCAC/C,CAAC,QAAS,KAAM,qBAAsB,gCACtC,CAAC,aAAc,MAAO,oBAAqB,iCAC3C,CAAC,UAAW,KAAM,sBAAuB,gCACzC,CAAC,SAAU,KAAM,gBAAiB,gCAClC,CAAC,SAAU,KAAM,sBAAuB,gCACxC,CAAC,UAAW,KAAM,kBAAmB,gCACrC,CAAC,SAAU,MAAO,qBAAsB,iCACxC,CAAC,YAAa,KAAM,mBAAoB,gCACxC,CAAC,QAAS,KAAM,sBAAuB,gCACvC,CAAC,OAAQ,MAAO,mBAAoB,iCACpC,CAAC,MAAO,MAAO,mBAAoB,iCACnC,CAAC,UAAW,KAAM,kBAAmB,gCACrC,CAAC,WAAY,KAAM,oBAAqB,gCACxC,CAAC,SAAU,KAAM,mBAAoB,gCACrC,CAAC,UAAW,KAAM,oBAAqB,gCACvC,CAAC,cAAe,KAAM,mBAAoB,iCAGrC,IAAMC,EAAU,CACrBC,OAAQ,WACRC,OAAQ,aACRC,OAAQ,aACRC,YAAa"}

package/components/InputCheckbox/InputCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputCheckbox.js","sources":["../../../../src/components/InputCheckbox/InputCheckbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputCheckboxProps } from './types'\n\nconst COMPONENT_NAME = 'InputCheckbox'\n\n/**\n *\n * Component accepts all \\<input\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputCheckboxProps](https://github.com/foxford/ui/blob/master/src/components/InputCheckbox/types.ts)\n *\n * @visibleName Checkbox\n */\nconst InputCheckbox: React.ForwardRefExoticComponent<InputCheckboxProps> = withMergedProps<\n  InputCheckboxProps,\n  HTMLInputElement\n>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        inline,\n        error,\n        success,\n        onColored,\n        palette,\n        style,\n        indeterminate,\n        className,\n        disabled,\n        ...inputProps\n      },\n      ref\n    ) => {\n      return (\n        <Styled.Root\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizes={sizes}\n          sizeUnits={sizeUnits}\n          inline={inline}\n          error={error}\n          success={success}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          indeterminate={indeterminate}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n          <Styled.InputMask>\n            {indeterminate === true ? <Styled.InputIndeterminate /> : <Styled.InputChecked />}\n          </Styled.InputMask>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputCheckbox, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputCheckbox","withMergedProps","forwardRef","_ref","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","style","indeterminate","className","disabled","inputProps","_objectWithoutProperties","_excluded","_jsxs","Styled.Root","children","_jsx","Styled.Input","type","Styled.InputMask","Styled.InputIndeterminate","Styled.InputChecked","displayName","SIZES"],"mappings":"2kBAMMA,IAAAA,EAAiB,gBAcjBC,IAAAA,EAAqEC,EAIzEC,GAAAA,CACEC,EAsBEC,KACG,IAtBHC,KACEA,EAAO,IADTC,QAEEA,EAFFC,OAGEA,EAHFC,MAIEA,EAJFC,MAKEA,EALFC,MAMEA,EANFC,OAOEA,EAPFC,MAQEA,EARFC,UASEA,EATFC,OAUEA,EAVFC,MAWEA,EAXFC,QAYEA,EAZFC,UAaEA,EAbFC,QAcEA,EAdFC,MAeEA,EAfFC,cAgBEA,EAhBFC,UAiBEA,EAjBFC,SAkBEA,GAICnB,EAHEoB,EAGFC,EAAArB,EAAAsB,GACH,OACEC,EAACC,EAAD,CACEtB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,cAAeA,EACfC,UAAWA,EACXC,SAAUA,EAlBZM,SAAA,CAoBEC,EAACC,SAAiBP,GAAlB,GAAA,CAA8BD,SAAUA,EAAUS,KAAK,WAAW3B,IAAKA,KACvEyB,EAACG,EAAD,CAAAJ,SAC4BC,GAAP,IAAlBT,EAA0Ba,EAAgCC,EAA1D,YAMX,CACEC,YAzEmB,gBA0EnBvB,MAAOwB"}

package/components/InputCheckbox/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/InputCheckbox/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    borderRadius: 8,\n  },\n  xxl: {\n    width: 36,\n    height: 36,\n    borderRadius: 8,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    borderRadius: 6,\n  },\n  m: {\n    width: 24,\n    height: 24,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    borderRadius: 4,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    borderRadius: 4,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n    borderRadius: 3,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,aAAc"}

package/components/InputCheckbox/images/checked.module.svg.js

@@ -1,2 +0,0 @@
-import*as r from'react';var e;function t(){return t=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(this,arguments)}var n=n=>r.createElement("svg",t({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),e||(e=r.createElement("path",{d:"M12.5 4.5 6.312 11 3.5 8.045",stroke:"currentcolor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})));export{n as default};
-//# sourceMappingURL=checked.module.svg.js.map

package/components/InputCheckbox/images/checked.module.svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checked.module.svg.js","sources":["../../../../../src/components/InputCheckbox/images/checked.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.5 4.5 6.312 11 3.5 8.045\" stroke=\"currentcolor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgCheckedmodule","props","React","createElement","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAAA,IAA+BE,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA6CC,GAC3BC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,KAAM,OACNC,MAAO,8BACNL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG,+BACHC,OAAQ,eACRC,YAAa,IACbC,cAAe,QACfC,eAAgB"}

package/components/InputCheckbox/images/indeterminate.module.svg.js

@@ -1,2 +0,0 @@
-import*as r from'react';var e;function t(){return t=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(this,arguments)}var n=n=>r.createElement("svg",t({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),e||(e=r.createElement("path",{clipRule:"evenodd",d:"M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z",stroke:"currentcolor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})));export{n as default};
-//# sourceMappingURL=indeterminate.module.svg.js.map

package/components/InputCheckbox/images/indeterminate.module.svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"indeterminate.module.svg.js","sources":["../../../../../src/components/InputCheckbox/images/indeterminate.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path clip-rule=\"evenodd\" d=\"M3.5 8a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5z\" stroke=\"currentcolor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgIndeterminatemodule","props","React","createElement","viewBox","fill","xmlns","clipRule","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAyDC,GACvCC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,KAAM,OACNC,MAAO,8BACNL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,SAAU,UACVC,EAAG,+DACHC,OAAQ,eACRC,YAAa,IACbC,cAAe,QACfC,eAAgB"}

package/components/InputCheckbox/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/InputCheckbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport Checked from './images/checked.module.svg'\nimport Indeterminate from './images/indeterminate.module.svg'\nimport type { StyledInputCheckboxProps, InputCheckboxPalette } from './types'\n\nconst shouldForwardInputCheckboxProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'indeterminate', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n`\n\nexport const InputChecked = styled(Checked)`\n  box-sizing: border-box;\n  width: 90%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n`\n\nexport const InputIndeterminate = styled(Indeterminate)`\n  box-sizing: border-box;\n  width: 90%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\nconst template = (palette: InputCheckboxPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n    color: ${palette.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n    color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n    color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n    color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n    color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-error-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-error-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-success-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-success-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['bg-brand-primary-basic'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: theme.colors['bg-brand-primary-basic'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n  onColored: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-error-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['bg-brand-primary-basic'],\n          backgroundColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: theme.colors['bg-oncolor-primary'],\n          borderColorChecked: theme.colors['bg-oncolor-primary'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledInputCheckboxProps>({\n    shouldForwardProp: shouldForwardInputCheckboxProp,\n  })\n  .attrs(<Required<Pick<StyledInputCheckboxProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        height: '1em',\n        width: '1em',\n        borderRadius: '0.2em',\n      }\n    },\n  })`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      flex-shrink: 0;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputCheckboxProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","componentId","InputMask","span","InputChecked","Checked","InputIndeterminate","Indeterminate","template","palette","backgroundColor","concat","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","_ref","theme","indeterminate","_objectSpread","colors","success","_ref2","_ref3","onColored","_ref4","_ref5","_ref6","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","borderRadius","props","inline","disabled","white","schema","responsiveSize"],"mappings":"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"}

package/components/InputRadio/InputRadio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputRadio.js","sources":["../../../../src/components/InputRadio/InputRadio.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * Component accepts all \\<input\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputRadioProps](https://github.com/foxford/ui/blob/master/src/components/InputRadio/types.ts)\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        inline,\n        error,\n        success,\n        onColored,\n        palette,\n        style,\n        className,\n        disabled,\n        ...inputProps\n      },\n      ref\n    ) => {\n      return (\n        <Styled.Root\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizes={sizes}\n          sizeUnits={sizeUnits}\n          inline={inline}\n          error={error}\n          success={success}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='radio' ref={ref} />\n          <Styled.InputMask />\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputRadio, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputRadio","withMergedProps","forwardRef","_ref","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","style","className","disabled","inputProps","_objectWithoutProperties","_excluded","_jsxs","Styled.Root","children","_jsx","Styled.Input","type","Styled.InputMask","displayName","SIZES"],"mappings":"ihBAMMA,IAAAA,EAAiB,aAcjBC,IAAAA,EAA+DC,EACnEC,IACEC,EAqBEC,KACG,IArBHC,KACEA,EAAO,IADTC,QAEEA,EAFFC,OAGEA,EAHFC,MAIEA,EAJFC,MAKEA,EALFC,MAMEA,EANFC,OAOEA,EAPFC,MAQEA,EARFC,UASEA,EATFC,OAUEA,EAVFC,MAWEA,EAXFC,QAYEA,EAZFC,UAaEA,EAbFC,QAcEA,EAdFC,MAeEA,EAfFC,UAgBEA,EAhBFC,SAiBEA,GAIClB,EAHEmB,EAGFC,EAAApB,EAAAqB,GACH,OACEC,EAACC,EAAD,CACErB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAjBZM,SAAA,CAmBEC,EAACC,SAAiBP,GAAlB,GAAA,CAA8BD,SAAUA,EAAUS,KAAK,QAAQ1B,IAAKA,KACpEwB,EAACG,EApBH,UAyBN,CACEC,YAlEmB,aAmEnBpB,MAAOqB"}

package/components/InputRadio/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/InputRadio/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 40,\n    height: 40,\n  },\n  xxl: {\n    width: 36,\n    height: 36,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n  },\n  l: {\n    width: 28,\n    height: 28,\n  },\n  m: {\n    width: 24,\n    height: 24,\n  },\n  s: {\n    width: 20,\n    height: 20,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,IAEVC,IAAK,CACHF,MAAO,GACPC,OAAQ,IAEVE,GAAI,CACFH,MAAO,GACPC,OAAQ,IAEVG,EAAG,CACDJ,MAAO,GACPC,OAAQ,IAEVI,EAAG,CACDL,MAAO,GACPC,OAAQ,IAEVK,EAAG,CACDN,MAAO,GACPC,OAAQ,IAEVM,GAAI,CACFP,MAAO,GACPC,OAAQ,IAEVO,IAAK,CACHR,MAAO,GACPC,OAAQ,IAEVQ,KAAM,CACJT,MAAO,GACPC,OAAQ"}

package/components/InputRadio/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/InputRadio/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledInputRadioProps, InputRadioPalette } from './types'\n\nconst shouldForwardInputRadioProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n  &::before {\n    content: '';\n    position: absolute;\n    width: 40%;\n    height: 40%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    opacity: 0;\n  }\n`\n\nconst template = (palette: InputRadioPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${InputMask}::before {\n    background-color: ${palette.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-error'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-error'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-success'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: props.theme.colors['bg-oncolor-primary'],\n          borderColorChecked: props.theme.colors['bg-oncolor-primary'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledInputRadioProps>({\n    shouldForwardProp: shouldForwardInputRadioProp,\n  })\n  .attrs(<Required<Pick<StyledInputRadioProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        height: '1em',\n        width: '1em',\n      }\n    },\n  })`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      border-radius: 50%;\n      flex-shrink: 0;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask}::before {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputRadioProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","componentId","InputMask","span","template","palette","concat","backgroundColor","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","props","_objectSpread","theme","colors","success","onColored","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","inline","disabled","white","schema","responsiveSize"],"mappings":"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"}

package/components/ListItem/ListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { forwardRef, cloneElement, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ListItemProps } from './types'\n\nconst COMPONENT_NAME = 'ListItem'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ListItemProps](https://github.com/foxford/ui/blob/master/src/components/ListItem/types.ts)\n */\nconst ListItem: React.ForwardRefExoticComponent<ListItemProps> = withMergedProps<ListItemProps>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 0,\n      mediaBorderRadius = '50%',\n      controlPosition = 'left',\n      captionPosition = 'bottom',\n      ellipsis = true,\n      iconProps = {},\n      textProps = {},\n      captionProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      text,\n      children,\n      control,\n      icon,\n      media,\n      caption,\n      addon,\n      onColored,\n      disabled,\n      loading,\n      ...restProps\n    } = props\n\n    let rootNode: ListItemProps['as']\n\n    if (control) rootNode = 'label'\n    if (restProps.href) rootNode = 'a'\n    if (restProps.as) rootNode = restProps.as\n\n    let rootType: ListItemProps['type']\n\n    if (!rootNode) rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const stateProps = {\n      onColored,\n      disabled,\n    }\n\n    const controlProps =\n      typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n    const captionBaseProps: TextProps = { appearance: 'body', size: 0.9, sizeUnits: 'em', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        {...stateProps}\n        {...restProps}\n        as={rootNode}\n        type={rootType}\n        borderRadius={borderRadius}\n        mediaBorderRadius={mediaBorderRadius}\n        ref={ref}\n      >\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n          })\n        ) : (\n          <>\n            {loading ? (\n              <>\n                {media && (\n                  <Styled.Media>\n                    <Skeleton width='100%' height='100%' borderRadius='inherit' />\n                  </Styled.Media>\n                )}\n                <Styled.Content>\n                  <Skeleton width='100%' borderRadius={4}>\n                    <Text {...textBaseProps} {...textProps} />\n                  </Skeleton>\n                </Styled.Content>\n              </>\n            ) : (\n              <>\n                {control &&\n                  controlPosition === 'left' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n                {before && (\n                  <Icon\n                    preset='brand'\n                    name={typeof before === 'string' ? before : undefined}\n                    icon={typeof before !== 'string' ? before : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {media && (\n                  <Styled.Media>{isValidElement(media) ? media : <Styled.Img alt='' {...media} />}</Styled.Media>\n                )}\n                {(children || text || caption) && (\n                  <Styled.Content>\n                    {caption && captionPosition === 'top' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                    {(children || text) && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...textBaseProps} {...textProps}>\n                        {children ?? text}\n                      </Styled.Typography>\n                    )}\n                    {caption && captionPosition === 'bottom' && (\n                      <Styled.Typography forwardedAs='span' ellipsis={ellipsis} {...captionBaseProps} {...captionProps}>\n                        {caption}\n                      </Styled.Typography>\n                    )}\n                  </Styled.Content>\n                )}\n                {addon}\n                {after && (\n                  <Icon\n                    preset='brand'\n                    name={typeof after === 'string' ? after : undefined}\n                    icon={typeof after !== 'string' ? after : undefined}\n                    {...iconProps}\n                  />\n                )}\n                {control &&\n                  controlPosition === 'right' &&\n                  (typeof control === 'function'\n                    ? control({ ...sizeProps, ...stateProps })\n                    : cloneElement(control, { ...sizeProps, ...stateProps, ...controlProps }))}\n              </>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ListItem }\n"],"names":["ListItem","withMergedProps","forwardRef","props","ref","size","borderRadius","mediaBorderRadius","controlPosition","captionPosition","ellipsis","iconProps","textProps","captionProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","text","children","control","icon","media","caption","addon","onColored","disabled","loading","restProps","_excluded","rootNode","rootType","href","as","type","sizeProps","stateProps","controlProps","before","after","Array","isArray","textBaseProps","appearance","color","captionBaseProps","sizeUnits","_jsx","Styled.Root","_Fragment","_jsxs","Styled.Media","Skeleton","width","height","Styled.Content","Text","_objectSpread","cloneElement","Icon","preset","name","undefined","isValidElement","Styled.Img","alt","Styled.Typography","forwardedAs","displayName","sizes","SIZES"],"mappings":"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"}

package/components/ListItem/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/ListItem/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  xxl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 16,\n    paddingRight: 20,\n    paddingBottom: 16,\n    paddingLeft: 20,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 10,\n    paddingRight: 16,\n    paddingBottom: 10,\n    paddingLeft: 16,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 8,\n    paddingRight: 12,\n    paddingBottom: 8,\n    paddingLeft: 12,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xxs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n  xxxs: {\n    fontSize: 14,\n    paddingTop: 6,\n    paddingRight: 10,\n    paddingBottom: 6,\n    paddingLeft: 10,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfC,IAAK,CACHL,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfE,GAAI,CACFN,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfG,EAAG,CACDP,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,IAEfI,EAAG,CACDR,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfK,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfM,GAAI,CACFV,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfO,IAAK,CACHX,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa,IAEfQ,KAAM,CACJZ,SAAU,GACVC,WAAY,EACZC,aAAc,GACdC,cAAe,EACfC,YAAa"}

package/components/ListItem/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ListItem/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { Text } from 'components/Text'\nimport type { StyledListItemProps, ListItemPalette, TypographyProps } from './types'\n\nconst shouldForwardListItemProp = createShouldForwardProp(\n  (propKey) => !['danger', 'success', 'active', 'onColored', 'mediaBorderRadius', 'borderRadius'].includes(propKey)\n)\n\nexport const Media = styled.span`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 2.2em;\n  height: 2.2em;\n\n  & > * {\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n  }\n`\n\nconst template = (palette: ListItemPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n\n  & ${Media} img {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-oncolor-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-oncolor-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncontrast-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n  default: {\n    danger: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors['alert-bg-error-100'],\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-error'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-error'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    success: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors['alert-bg-success-100'],\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['alert-success'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['alert-success'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    secondary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n    primary: {\n      disabled: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-disabled'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-disabled'],\n            backgroundColorHover: props.theme.colors.transparent,\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      active: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-brand-primary'],\n            backgroundColor: props.theme.colors['bg-brand-primary-100-active'],\n            colorHover: props.theme.colors['content-brand-primary'],\n            backgroundColorHover: props.theme.colors['bg-brand-primary-100-active'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n      default: css<StyledListItemProps>`\n        ${(props) =>\n          template({\n            color: props.theme.colors['content-onmain-primary'],\n            backgroundColor: props.theme.colors.transparent,\n            colorHover: props.theme.colors['content-onmain-primary'],\n            backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n            mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n            ...props.palette,\n          })}\n      `,\n    },\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledListItemProps>({\n    shouldForwardProp: shouldForwardListItemProp,\n  })\n  .attrs<StyledListItemProps>(<Required<Pick<StyledListItemProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em 0.8em',\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    position: relative;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: ${typeof props.borderRadius === 'string' ? props.borderRadius : `${props.borderRadius}px`};\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    text-align: start;\n    width: 100%;\n    min-width: min-content;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n\n    & ${Media} {\n      border-radius: ${\n        typeof props.mediaBorderRadius === 'string' ? props.mediaBorderRadius : `${props.mediaBorderRadius}px`\n      };\n    }\n\n    & > *:not(:last-child) {\n      margin-right: 12px;\n    }\n  `}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n    let schemaVariant = schema.primary\n\n    if (props.secondary) schemaVariant = schema.secondary\n    if (props.success) schemaVariant = schema.success\n    if (props.danger) schemaVariant = schema.danger\n\n    if (props.disabled) return schemaVariant.disabled\n    if (props.active) return schemaVariant.active\n\n    return schemaVariant.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n`\n\nexport const Img = styled.img`\n  box-sizing: border-box;\n  border-radius: inherit;\n  object-fit: contain;\n`\n\nexport const Typography = styled(Text).withConfig<TypographyProps>({\n  shouldForwardProp: (propKey) => propKey !== 'ellipsis',\n})`\n  ${(props) =>\n    props.ellipsis &&\n    `\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      min-width: 100%;\n      width: 5ch;\n    `}\n`\n"],"names":["shouldForwardListItemProp","createShouldForwardProp","propKey","includes","Media","styled","span","withConfig","componentId","template","palette","color","concat","backgroundColor","colorHover","backgroundColorHover","mediaPlaceholderColor","COLOR_SCHEMA","onColored","danger","disabled","css","props","_objectSpread","theme","colors","transparent","active","default","success","secondary","primary","Root","button","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","mediaBorderRadius","schema","schemaVariant","focus","responsiveSize","responsiveMargin","Content","Img","img","Typography","Text","ellipsis"],"mappings":"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"}

package/components/Menu/Menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { Tooltip } from 'components/Tooltip'\nimport { MenuComponent, SIZES } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { MenuProps } from './types'\n\nconst COMPONENT_NAME = 'Menu'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to menu component root.\n *\n * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)\n */\nconst Menu: React.ForwardRefExoticComponent<MenuProps> & {\n  Component: typeof MenuComponent\n  List: typeof MenuList\n  Container: typeof MenuContainer\n  Divider: typeof MenuDivider\n} = Object.assign(\n  withMergedProps<MenuProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 'm',\n        disableFlip = true,\n        offset = 8,\n        placement = 'bottom-start',\n        styles = {},\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        maxHeight,\n        ...restProps\n      } = props\n\n      const trigger = useRef<HTMLElement | null>(null)\n\n      return (\n        <Tooltip\n          {...restProps}\n          ref={ref}\n          preset='brand'\n          size={size}\n          hideArrow\n          getPopper={(popper, origin) => {\n            if (popper.state.elements.reference instanceof HTMLElement) {\n              trigger.current = popper.state.elements.reference\n            }\n\n            if (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={mergeDeepLeft(\n            styles,\n            secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }\n          )}\n          component={\n            <MenuComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n              maxHeight={maxHeight}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","maxHeight","restProps","_excluded","trigger","useRef","_jsx","Tooltip","_objectSpread","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","mergeDeepLeft","floater","filter","wrapper","cursor","component","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"22BAuBA,IAAMA,EAKFC,OAAOC,OACTC,EACEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,YAEJA,KAFIC,OAGJA,EAAS,EAHLC,UAIJA,EAAY,eAJRC,OAKJA,EAAS,GALLC,MAMJA,EANIC,UAOJA,EAPIC,OAQJA,EARIC,QASJA,EATIC,UAUJA,EAVIC,QAWJA,EAXIC,UAYJA,EAZIC,iBAaJA,EAbIC,UAcJA,GAEEf,EADCgB,IACDhB,EAhBJiB,GAkBA,IAAMC,EAAUC,EAA2B,MAE3C,OACEC,EAACC,EAADC,EAAAA,EAAA,GACMN,GADN,GAAA,CAEEf,IAAKA,EACLsB,OAAO,QACPrB,KAAMA,EACNsB,WAAAA,EACAC,UAAW,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7Cb,EAAQc,QAAUN,EAAOE,MAAMC,SAASC,WAGtCd,EAAUS,WACZT,EAAUS,UAAUC,EAAQC,IAGhCM,SAAU,CAACC,EAAQC,KACF,UAAXD,GAAsBhB,EAAQc,mBAAmBD,aACnDK,EAAoBlB,EAAQc,SAG1BhB,EAAUiB,UACZjB,EAAUiB,SAASC,EAAQC,IAG/BhC,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQ+B,EACN/B,EACAK,EACI,CAAE2B,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,aAE3BC,UACEtB,EAACuB,EAAD,CACEpC,MAAOA,EACPC,UAAWA,EACXK,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTG,UAAWA,EARb6B,SAUGnC,UAMX,CACEoC,YA5FiB,OA6FjBtC,MAAOuC,IAGX,CACEC,UAAWJ,EACXK,KAAMC,EACNC,UAAWC,EACXC,QAASC"}

package/components/MenuComponent/MenuComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuComponent.js","sources":["../../../../src/components/MenuComponent/MenuComponent.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useEffect, isValidElement, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { MenuComponentProps } from './types'\n\nconst COMPONENT_NAME = 'MenuComponent'\n\nconst noop = () => undefined\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuComponentProps](https://github.com/foxford/ui/blob/master/src/components/MenuComponent/types.ts)\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = withMergedProps<\n  MenuComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, forwardedRef) => {\n    const {\n      size = 'm',\n      maxHeight = 240,\n      closeFn = noop,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      autoFocus,\n      disableAutoFocus,\n      showCloseButton,\n      closeButtonProps,\n      onUnmount,\n      ...restProps\n    } = props\n\n    const ref = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n    useEffect(() => {\n      return () => {\n        if (onUnmount) onUnmount()\n      }\n    }, [])\n\n    useEffect(() => {\n      const timerId = setTimeout(() => {\n        if (!disableAutoFocus && ref.current) focusFirstFocusable(ref.current)\n      }, 0)\n\n      return () => {\n        clearTimeout(timerId)\n      }\n    }, [autoFocus, disableAutoFocus])\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const forwardProps = {\n      showCloseButton,\n      closeButtonProps,\n      closeFn,\n    }\n\n    const elementProps =\n      isValidElement(children) && typeof children.props === 'object' && children.props !== null ? children.props : {}\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} maxHeight={maxHeight} ref={ref}>\n        {isValidElement(children)\n          ? cloneElement(children, { ...sizeProps, ...forwardProps, ...elementProps })\n          : typeof children === 'function'\n          ? children({ ...sizeProps, ...forwardProps })\n          : undefined}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { MenuComponent }\n\nexport { SIZES }\n"],"names":["noop","MenuComponent","withMergedProps","forwardRef","props","forwardedRef","size","maxHeight","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","onUnmount","restProps","_excluded","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled.Root","cloneElement","_objectSpread","displayName","sizes","SIZES"],"mappings":"srBASA,IAAMA,EAAO,OAYPC,IAAAA,EAAqEC,EAIzEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,UAEJA,EAAY,IAFRC,QAGJA,EAAUR,EAHNS,QAIJA,EAJIC,OAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,MAQJA,EARIC,OASJA,EATIC,SAUJA,EAVIC,UAWJA,EAXIC,iBAYJA,EAZIC,gBAaJA,EAbIC,iBAcJA,EAdIC,UAeJA,GAEEhB,EADCiB,IACDjB,EAjBJkB,GAmBA,IAAMC,EAAMC,EAAuB,MAEnCC,EAAkEpB,OAAoBkB,EAAIG,UAE1FC,GAAAA,IACS,KACDP,GAAWA,MAEhB,IAEHO,QACE,IAAMC,EAAUC,YAAW,MACpBZ,GAAoBM,EAAIG,SAASI,EAAoBP,EAAIG,WAC7D,GAEH,MAAO,KACLK,aAAaH,MAEd,CAACZ,EAAWC,IAEf,IAAMe,EAAY,CAChB1B,KAAAA,EACAG,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,GAGF,IAAMmB,EAAe,CACnBf,gBAAAA,EACAC,iBAAAA,EACAX,QAAAA,GAGF,IAAM0B,EACJC,EAAepB,IAAuC,iBAAnBA,EAASX,OAAyC,OAAnBW,EAASX,MAAiBW,EAASX,MAAQ,GAE/G,OACEgC,EAACC,EAAgBhB,EAAAA,EAAAA,EAAAA,GAAAA,GAAeW,GAAhC,GAAA,CAA2CzB,UAAWA,EAAWgB,IAAKA,EAAtER,SACGoB,EAAepB,GACZuB,EAAavB,EAADwB,EAAAA,EAAAA,EAAA,GAAgBP,GAAcC,GAAiBC,IACvC,mBAAbnB,EACPA,EAAQwB,EAAAA,EAAA,GAAMP,GAAcC,SAAAA,QAKtC,CACEO,YAxFmB,gBAyFnBC,MAAOC"}

package/components/MenuComponent/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  l: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  m: {\n    maxWidth: 480,\n    minWidth: 'min-content',\n  },\n  s: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n}\n"],"names":["SIZES","xxxl","maxWidth","minWidth","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,IACVC,SAAU,eAEZC,IAAK,CACHF,SAAU,IACVC,SAAU,eAEZE,GAAI,CACFH,SAAU,IACVC,SAAU,eAEZG,EAAG,CACDJ,SAAU,IACVC,SAAU,eAEZI,EAAG,CACDL,SAAU,IACVC,SAAU,eAEZK,EAAG,CACDN,SAAU,IACVC,SAAU,eAEZM,GAAI,CACFP,SAAU,IACVC,SAAU,eAEZO,IAAK,CACHR,SAAU,IACVC,SAAU,eAEZQ,KAAM,CACJT,SAAU,IACVC,SAAU"}

package/components/MenuComponent/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/MenuComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledMenuComponentProps, MenuComponentPalette } from './types'\n\nconst shouldForwardMenuComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'elevated', 'maxHeight'].includes(propKey)\n)\n\nconst template = (palette: MenuComponentPalette) => `\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  box-shadow: 0 6px 20px ${palette.shadowColor};\n`\n\nexport const COLOR_SCHEMA = {\n  primary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        borderColor: props.theme.colors.transparent,\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-secondary'],\n        borderColor: props.theme.colors['border-onmain-default-large'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledMenuComponentProps>({\n    shouldForwardProp: shouldForwardMenuComponentProp,\n  })\n  .attrs(<Required<Pick<StyledMenuComponentProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      width: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    overflow-x: hidden;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    max-height: ${typeof props.maxHeight === 'string' ? props.maxHeight : `${props.maxHeight}px`};\n  `}\n\n  ${(props) => {\n    return props.secondary ? COLOR_SCHEMA.secondary : COLOR_SCHEMA.primary\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardMenuComponentProp","createShouldForwardProp","propKey","includes","template","palette","concat","backgroundColor","borderColor","shadowColor","COLOR_SCHEMA","primary","css","props","_objectSpread","theme","colors","transparent","elevated","secondary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","componentId","maxHeight","responsiveSize"],"mappings":"sOAKA,IAAMA,EAAiCC,GACpCC,IAAa,CAAC,QAAS,WAAY,aAAaC,SAASD,KAG5D,IAAME,EAAYC,GAAD,yBAAAC,OACKD,EAAQE,gBACZF,uBAAAA,OAAAA,EAAQG,YAFT,gCAAAF,OAGUD,EAAQI,YAHnC,OAMO,IAAMC,EAAe,CAC1BC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNP,gBAAiBM,EAAME,MAAMC,OAAO,qBACpCR,YAAaK,EAAME,MAAMC,OAAOC,YAChCR,YAAaI,EAAMK,SAAWL,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOC,aACvFJ,EAAMR,YAGfc,UAAWP,EACNC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNP,gBAAiBM,EAAME,MAAMC,OAAO,uBACpCR,YAAaK,EAAME,MAAMC,OAAO,+BAChCP,YAAaI,EAAMK,SAAWL,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOC,aACvFJ,EAAMR,aAKV,IAAMe,EAAOC,EAAOC,IACxBC,WAAqC,CACpCC,kBAAmBxB,IAEpByB,MAA0E,CACzEC,uBAAwB,CAACC,EAAMC,KAAAA,CAC7BC,MAAuB,iBAATF,EAAoBA,EAA3B,GAAArB,OAAqCqB,GAArCrB,OAA4CsB,OANxCL,WAAA,CAAAO,YAAA,wBAAGT,CASfR,CAAAA,GAAAA,IAAAA,IAAAA,KAAAA,+NAQwC,iBAApBA,EAAMkB,UAAyBlB,EAAMkB,UAA5C,GAAAzB,OAA2DO,EAAMkB,gBAjBlE,WAoBZlB,GACMA,EAAMM,UAAYT,EAAaS,UAAYT,EAAaC,SAG/DqB"}

package/components/MenuContainer/MenuContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuContainer.js","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n  HTMLDivElement,\n  MenuContainerProps\n>((props, ref) => {\n  const { closeButtonProps = {}, children, showCloseButton, closeFn } = props\n\n  return (\n    <Styled.Root ref={ref}>\n      {showCloseButton && (\n        <Styled.CloseButton\n          square\n          size='m'\n          icon='close'\n          {...closeButtonProps}\n          onClick={(evt) => {\n            if (closeFn) closeFn()\n            if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n          }}\n        />\n      )}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["MenuContainer","forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","_jsxs","Styled.Root","_jsx","Styled.CloseButton","_objectSpread","square","size","icon","onClick","evt"],"mappings":"4LAYMA,IAAAA,EAAqEC,GAGzE,CAACC,EAAOC,KACR,IAAMC,iBAAEA,EAAmB,GAArBC,SAAyBA,EAAzBC,gBAAmCA,EAAnCC,QAAoDA,GAAYL,EAEtE,OACEM,EAACC,EAAD,CAAaN,IAAKA,EAAlBE,SAAA,CACGC,GACCI,EAACC,EAADC,EAAAA,EAAA,CACEC,QADF,EAEEC,KAAK,IACLC,KAAK,SACDX,GAJN,GAAA,CAKEY,QAAUC,IACJV,GAASA,IACTH,EAAiBY,SAASZ,EAAiBY,QAAQC,OAI5DZ"}

package/components/MenuContainer/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/MenuContainer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport type { StyledMenuContainerProps } from './types'\n\nconst shouldForwardMenuContainerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledMenuContainerProps>({\n  shouldForwardProp: shouldForwardMenuContainerProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n  border-radius: inherit;\n`\n\nexport const CloseButton = styled(IconButton)`\n  position: absolute;\n  top: 8px;\n  right: 8px;\n`\n"],"names":["shouldForwardMenuContainerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","componentId","CloseButton","IconButton"],"mappings":"gKAKA,IAAMA,EAAiCC,IAEhC,IAAMC,EAAOC,EAAOC,IAAIC,WAAqC,CAClEC,kBAAmBN,IADJK,WAAA,CAAAE,YAAA,wBAAGJ,CAAb,CAAA,mFASMK,EAAcL,EAAOM,GAAVJ,WAAA,CAAAE,YAAA,wBAAGJ,CAApB,CAAA"}

package/components/MenuDivider/MenuDivider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { Text } from 'components/Text'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuDividerProps](https://github.com/foxford/ui/blob/master/src/components/MenuDivider/types.ts)\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = forwardRef<HTMLDivElement, MenuDividerProps>(\n  (props, ref) => {\n    const { textProps = {}, children, text, ...restProps } = props\n\n    const palette = useMergedPalette(restProps)\n\n    return (\n      <Styled.Root {...restProps} palette={palette} ref={ref}>\n        {(children || text) && (\n          <Text appearance='body' size='xs' color='inherit' marginTop={8} marginBottom={4} {...textProps}>\n            {children ?? text}\n          </Text>\n        )}\n        <Styled.HorizontalLine />\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","forwardRef","props","ref","textProps","children","text","restProps","_excluded","palette","useMergedPalette","_jsxs","Styled.Root","_jsx","Text","_objectSpread","appearance","size","color","marginTop","marginBottom","Styled.HorizontalLine"],"mappings":"6YAcMA,IAAAA,EAAiEC,GACrE,CAACC,EAAOC,KACN,IAAMC,UAAEA,EAAY,GAAdC,SAAkBA,EAAlBC,KAA4BA,GAAuBJ,EAAdK,IAAcL,EAAzDM,GAEA,IAAMC,EAAUC,EAAiBH,GAEjC,OACEI,EAACC,SAAgBL,GAAjB,GAAA,CAA4BE,QAASA,EAASN,IAAKA,EAAnDE,SAAA,EACIA,GAAYC,IACZO,EAACC,EAADC,EAAAA,EAAA,CAAMC,WAAW,OAAOC,KAAK,KAAKC,MAAM,UAAUC,UAAW,EAAGC,aAAc,GAAOhB,GAArF,GAAA,CAAAC,SACGA,MAAAA,EAAAA,EAAYC,KAGjBO,EAACQ,EANH"}

package/components/MenuDivider/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledMenuDividerProps, MenuDividerPalette } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div`\n  box-sizing: border-box;\n  height: 1px;\n`\n\nconst template = (palette: MenuDividerPalette) => `\n  color: ${palette.color};\n\n  & > ${HorizontalLine} {\n    background-color: ${palette.lineColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  width: 100%;\n  min-width: min-content;\n  padding: 4px 16px;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-tertiary'],\n      lineColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","componentId","Root","shouldForwardProp","props","template","palette","_objectSpread","color","theme","colors","lineColor","concat"],"mappings":"2JAIA,IAAMA,EAA+BC,IAExBC,IAAAA,EAAiBC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAvB,CAAA,sCAaA,IAAMI,EAAOJ,EAAOC,IAAIC,WAAmC,CAChEG,kBAAmBR,IADJK,WAAA,CAAAC,YAAA,uBAAGH,CAQfM,CAAAA,2EAAAA,KAAAA,IACDC,OAjBcC,EAiBNC,EAAA,CACNC,MAAOJ,EAAMK,MAAMC,OAAO,2BAC1BC,UAAWP,EAAMK,MAAMC,OAAO,gCAC3BN,EAAME,SApBE,cAAAM,OACNN,EAAQE,MADF,eAAAI,OAGTf,EAHS,8BAAAe,OAION,EAAQK,UAJhC,YAAkBL,IAAAA"}

package/components/MenuList/MenuList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuList.js","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst HOT_KEYS = [keyboardKeys.ArrowUp.key, keyboardKeys.ArrowDown.key]\n\n/**\n *\n * Component accepts all \\<ul\\> attributes.\n *\n * Responsive \"size\" props are forwarded to children elements.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuListProps](https://github.com/foxford/ui/blob/master/src/components/MenuList/types.ts)\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n  (props, ref) => {\n    const {\n      role = 'list',\n      gap = 4,\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n    }\n\n    const children =\n      isValidElement(restProps.children) &&\n      restProps.children.type === Fragment &&\n      typeof restProps.children.props === 'object' &&\n      restProps.children.props !== null\n        ? restProps.children.props.children\n        : restProps.children\n\n    return (\n      <Styled.Root\n        {...restProps}\n        role={role}\n        gap={gap}\n        onKeyDown={(evt) => {\n          if (restProps.onKeyDown) restProps.onKeyDown(evt)\n\n          if (HOT_KEYS.includes(evt.key)) {\n            evt.preventDefault()\n\n            const listItems = [...evt.currentTarget.children]\n            let idx = listItems.findIndex((item) => item.contains(evt.target as Node))\n\n            while (idx >= 0 && idx < listItems.length) {\n              idx = keyboardKeys.ArrowUp.validate(evt.key) ? --idx : ++idx\n\n              const nextItem = listItems[idx]\n\n              if (nextItem instanceof HTMLElement && focusFirstFocusable(nextItem)) {\n                break\n              }\n            }\n          }\n        }}\n        ref={ref}\n      >\n        {Children.map(children, (child, idx) => {\n          if (isValidElement(child)) {\n            const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n            return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n          }\n\n          return <li key={idx}>{child}</li>\n        })}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuList }\n"],"names":["HOT_KEYS","keyboardKeys","ArrowUp","key","ArrowDown","MenuList","forwardRef","props","ref","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","_excluded","sizeProps","children","isValidElement","type","Fragment","_jsx","Styled.Root","onKeyDown","evt","includes","preventDefault","listItems","currentTarget","idx","findIndex","item","contains","target","length","nextItem","validate","HTMLElement","focusFirstFocusable","Children","map","child","childProps","cloneElement"],"mappings":"8fAMA,IAAMA,EAAW,CAACC,EAAaC,QAAQC,IAAKF,EAAaG,UAAUD,KAY7DE,IAAAA,EAA2DC,GAC/D,CAACC,EAAOC,KACN,IAAMC,KACJA,EAAO,OADHC,IAEJA,EAAM,EAFFC,KAGJA,EAHIC,QAIJA,EAJIC,OAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,MAQJA,EARIC,OASJA,EATIC,UAUJA,EAVIC,MAWJA,GAEEZ,EADCa,IACDb,EAbJc,GAeA,IAAMC,EAAY,CAChBX,KAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,MAAAA,GAGF,IAAMI,EACJC,EAAeJ,EAAUG,WACzBH,EAAUG,SAASE,OAASC,GACQ,iBAA7BN,EAAUG,SAAShB,OACG,OAA7Ba,EAAUG,SAAShB,MACfa,EAAUG,SAAShB,MAAMgB,SACzBH,EAAUG,SAEhB,OACEI,EAACC,SACKR,GADN,GAAA,CAEEX,KAAMA,EACNC,IAAKA,EACLmB,UAAYC,IAGV,GAFIV,EAAUS,WAAWT,EAAUS,UAAUC,GAEzC9B,EAAS+B,SAASD,EAAI3B,KAAM,CAC9B2B,EAAIE,iBAEJ,IAAMC,EAAY,IAAIH,EAAII,cAAcX,UACxC,IAAIY,EAAMF,EAAUG,WAAWC,GAASA,EAAKC,SAASR,EAAIS,UAE1D,KAAOJ,GAAO,GAAKA,EAAMF,EAAUO,QAAQ,CAGzC,IAAMC,EAAWR,EAFjBE,EAAMlC,EAAaC,QAAQwC,SAASZ,EAAI3B,OAASgC,IAAQA,GAIzD,GAAIM,aAAoBE,aAAeC,EAAoBH,GACzD,SAKRjC,IAAKA,EAxBPe,SA0BGsB,EAASC,IAAIvB,GAAU,CAACwB,EAAOZ,KAC9B,GAAIX,EAAeuB,GAAQ,CACzB,IAAMC,EAAoC,iBAAhBD,EAAMxC,OAAsC,OAAhBwC,EAAMxC,MAAiBwC,EAAMxC,MAAQ,GAE3F,OAAOoB,EAAA,KAAA,CAAAJ,SAAe0B,EAAaF,EAAYzB,EAAAA,EAAAA,GAAAA,GAAc0B,KAA7Cb,GAGlB,OAAOR,EAAA,KAAA,CAAAJ,SAAewB,GAANZ"}

package/components/MenuList/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/MenuList/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { StyledMenuListProps } from './types'\n\nexport const Root = styled.ul.withConfig<StyledMenuListProps>({\n  shouldForwardProp: (propKey) => !['showCloseButton', 'closeButtonProps', 'closeFn', 'gap'].includes(propKey),\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    list-style-type: none;\n    margin: 0;\n    padding: 8px;\n    border-radius: inherit;\n\n    & > li:not(:last-child) {\n      margin-bottom: ${typeof props.gap === 'string' ? props.gap : `${props.gap}px`};\n    }  \n  `}\n`\n"],"names":["Root","styled","ul","withConfig","shouldForwardProp","propKey","includes","componentId","props","concat","gap"],"mappings":"iCAGO,IAAMA,EAAOC,EAAOC,GAAGC,WAAgC,CAC5DC,kBAAoBC,IAAa,CAAC,kBAAmB,mBAAoB,UAAW,OAAOC,SAASD,KADrFF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,GAAA,KAGZO,GASkB,2MAAAC,OAAqB,iBAAdD,EAAME,IAAmBF,EAAME,IAASF,GAAAA,OAAAA,EAAME,IAArD"}

package/components/Modal/Close.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Close.js","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n  className?: string\n  onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n  return (\n    <Styled.ModalClose className={className} onClick={onClick}>\n      <Icon name='tinyCross' color='#D9D9D9' />\n    </Styled.ModalClose>\n  )\n}\n"],"names":["ModalClose","_ref","className","onClick","_jsx","Styled.ModalClose","children","Icon","name","color"],"mappings":"gJAQO,SAASA,EAAoDC,GAAA,IAAzCC,UAAEA,EAAFC,QAAaA,GAA4BF,EAClE,OACEG,EAACC,EAAD,CAAmBH,UAAWA,EAAWC,QAASA,EAAlDG,SACEF,EAACG,EAAD,CAAMC,KAAK,YAAYC,MAAM"}

package/components/Modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import ReactModal, { Classes } from 'react-modal'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport { ModalClose } from './Close'\nimport * as Styled from './style'\n\nfunction setAppModalElement() {\n  const appElement = document.body\n\n  if (appElement && appElement instanceof HTMLElement) ReactModal.setAppElement(appElement)\n}\n\n// eslint-disable-next-line prettier/prettier\nif (typeof window !== 'undefined') {\n  setAppModalElement()\n}\n\nexport interface ModalProps extends BaseProps, ResponsiveNamedProperty<'width'> {\n  /**\n   * Primary content.\n   */\n  /**\n   * Boolean indicating if the overlay background should be blurred\n   */\n  blurredOverlay?: boolean\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Modal class name\n   */\n  className?: string\n  /**\n   * Number indicating the milliseconds to wait before closing the modal.\n   */\n  closeTimeoutMS?: number\n  /**\n   * String indicating how the content container should be announced to screenreaders\n   */\n  contentLabel?: string\n  /**\n   * Boolean describing if the modal should be shown or not.\n   */\n  isOpen?: boolean\n  /**\n   * Function that will be run after the modal has opened.\n   */\n  onAfterOpen?(): void\n  /**\n   * Function that will be run when the modal is requested to be closed, prior to actually closing.\n   */\n  onRequestClose?(): void\n  /**\n   * Custom overlay CSS class name\n   */\n  overlayClassName?: string | Classes\n  /**\n   * String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.\n   */\n  role?: string\n  /**\n   * Boolean indicating if the overlay should close the modal\n   */\n  shouldCloseOnOverlayClick?: boolean\n  /**\n   * Vertical align\n   */\n  valign?: 'top' | 'center' | 'bottom'\n  /**\n   * z-index\n   */\n  zIndex?: number\n}\n\nModal.defaultProps = {\n  blurredOverlay: false,\n  closeTimeoutMS: 0,\n  zIndex: 9000,\n  contentLabel: '',\n  isOpen: false,\n  role: 'dialog',\n  shouldCloseOnOverlayClick: true,\n  width: 'm',\n  valign: 'center',\n  className: 'modal',\n}\n\nModal.Close = ModalClose\nModal.displayName = 'Modal'\n\n/**\n * Основан на [react-modal](https://github.com/reactjs/react-modal).\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n */\nexport function Modal(props: ModalProps) {\n  const {\n    blurredOverlay,\n    children,\n    closeTimeoutMS,\n    contentLabel,\n    isOpen,\n    onAfterOpen,\n    onRequestClose,\n    overlayClassName,\n    role,\n    shouldCloseOnOverlayClick,\n    width,\n    valign,\n    className,\n    style,\n    zIndex,\n  } = props\n\n  return (\n    <Styled.Modal\n      blurredOverlay={blurredOverlay}\n      closeTimeoutMS={closeTimeoutMS}\n      contentLabel={contentLabel}\n      isOpen={Boolean(isOpen)}\n      onAfterOpen={onAfterOpen}\n      onRequestClose={onRequestClose}\n      portalClassName={className}\n      overlayClassName={overlayClassName}\n      bodyOpenClassName='modal--open'\n      role={role}\n      zIndex={zIndex}\n      valign={valign}\n      width={width}\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n    >\n      <div style={style}>{children}</div>\n    </Styled.Modal>\n  )\n}\n"],"names":["appElement","Modal","props","blurredOverlay","children","closeTimeoutMS","contentLabel","isOpen","onAfterOpen","onRequestClose","overlayClassName","role","shouldCloseOnOverlayClick","width","valign","className","style","zIndex","_jsx","Styled.Modal","Boolean","portalClassName","bodyOpenClassName","window","document","body","HTMLElement","ReactModal","setAppElement","defaultProps","Close","ModalClose","displayName"],"mappings":"8IAMA,IACQA,EA2FD,SAASC,EAAMC,GACpB,IAAMC,eACJA,EADIC,SAEJA,EAFIC,eAGJA,EAHIC,aAIJA,EAJIC,OAKJA,EALIC,YAMJA,EANIC,eAOJA,EAPIC,iBAQJA,EARIC,KASJA,EATIC,0BAUJA,EAVIC,MAWJA,EAXIC,OAYJA,EAZIC,UAaJA,EAbIC,MAcJA,EAdIC,OAeJA,GACEf,EAEJ,OACEgB,EAACC,EAAD,CACEhB,eAAgBA,EAChBE,eAAgBA,EAChBC,aAAcA,EACdC,OAAQa,QAAQb,GAChBC,YAAaA,EACbC,eAAgBA,EAChBY,gBAAiBN,EACjBL,iBAAkBA,EAClBY,kBAAkB,cAClBX,KAAMA,EACNM,OAAQA,EACRH,OAAQA,EACRD,MAAOA,EACPD,0BAA2BA,EAd7BR,SAgBEc,EAAA,MAAA,CAAKF,MAAOA,EAAZZ,SAAoBA,MAzHJ,oBAAXmB,SANHvB,EAAawB,SAASC,OAEVzB,aAAsB0B,aAAaC,EAAWC,cAAc5B,GAkEhFC,EAAM4B,aAAe,CACnB1B,gBAAAA,EACAE,eAAgB,EAChBY,OAAQ,IACRX,aAAc,GACdC,QAAAA,EACAI,KAAM,SACNC,2BAAAA,EACAC,MAAO,IACPC,OAAQ,SACRC,UAAW,SAGbd,EAAM6B,MAAQC,EACd9B,EAAM+B,YAAc"}

package/components/Modal/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport cx from 'clsx'\nimport { ModalProps } from './Modal'\n\nexport const ReactModalAdapter: React.FC<ModalProps> = ({\n  className,\n  isOpen,\n  overlayClassName,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  style: _style,\n  ...props\n}: ModalProps) => {\n  const contentClassName = `${className}__content`\n  const overlayClassNameLocal = `${className}__overlay`\n\n  return (\n    <ReactModal\n      portalClassName={className}\n      className={contentClassName}\n      isOpen={Boolean(isOpen)}\n      overlayClassName={cx(overlayClassNameLocal, overlayClassName)}\n      {...props}\n    />\n  )\n}\n"],"names":["ReactModalAdapter","_ref","className","isOpen","overlayClassName","props","_objectWithoutProperties","_excluded","contentClassName","overlayClassNameLocal","_jsx","ReactModal","_objectSpread","portalClassName","Boolean","cx"],"mappings":"iQAIO,IAAMA,EAA0CC,IAOrC,IAPsCC,UACtDA,EADsDC,OAEtDA,EAFsDC,iBAGtDA,GAIgBH,EADbI,EACaC,EAAAL,EAAAM,GAChB,IAAMC,EAAsBN,GAAAA,OAAAA,EAA5B,aACA,IAAMO,EAA2BP,GAAAA,OAAAA,EAAjC,aAEA,OACEQ,EAACC,EAADC,EAAA,CACEC,gBAAiBX,EACjBA,UAAWM,EACXL,OAAQW,QAAQX,GAChBC,iBAAkBW,EAAGN,EAAuBL,IACxCC"}

package/components/Modal/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\nimport ReactModal from 'react-modal'\nimport { property, PossibleValues } from 'mixins/responsive-property'\nimport { ModalProps } from './Modal'\nimport { ReactModalAdapter } from './adapter'\n\ninterface ReactModalProps extends ReactModal.Props {\n  zIndex?: ModalProps['zIndex']\n  valign?: ModalProps['valign']\n}\n\nconst WIDTHS = {\n  xxxs: 100,\n  xxs: 200,\n  xs: 300,\n  s: 400,\n  m: 500,\n  l: 600,\n  xl: 740,\n  xxl: 800,\n  xxxl: 900,\n}\n\nconst chooseWidthValue = (props: ModalProps): PossibleValues => {\n  if (typeof props.width === 'number') return props.width\n\n  if (props.width && typeof props.width === 'string' && WIDTHS[props.width]) return WIDTHS[props.width]\n\n  return 'auto'\n}\n\nconst getPosition = (valign: ModalProps['valign']) => {\n  switch (valign) {\n    case 'top':\n      return 'flex-start'\n    case 'bottom':\n      return 'flex-end'\n    case 'center':\n      return 'center'\n    default:\n      return 'center'\n  }\n}\n\nexport const Modal = styled(ReactModalAdapter)<ReactModalProps>`\n  &__overlay {\n    z-index: ${(props) => props.zIndex || props.theme.zIndex.modal};\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    overflow-x: none;\n    overflow-y: auto;\n    ${(props) =>\n      props.valign\n        ? css`\n            align-items: ${getPosition(props.valign)};\n          `\n        : null}\n    &.ReactModal__Overlay--after-open {\n      ${(props) => {\n        if (props.overlayClassName) return null\n\n        if (props.blurredOverlay) {\n          return css`\n            background: rgba(246, 247, 251, 0.3);\n            backdrop-filter: blur(3.5px);\n          `\n        }\n\n        return css`\n          background: rgba(246, 247, 251, 0.9);\n        `\n      }}\n    }\n    &.ReactModal__Overlay--before-close {\n    }\n  }\n\n  &__content {\n    width: 100%;\n    max-height: 100%;\n    position: relative;\n    &:focus {\n      outline: 0;\n    }\n    ${(props) => (props.width ? property(chooseWidthValue(props), 'max-width') : null)}\n    &.ReactModal__Content--after-open {\n    }\n    &.ReactModal__Content--before-close {\n    }\n  }\n`\n\nexport const ModalClose = styled.span`\n  opacity: 1;\n  transition: 0.3s;\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  cursor: pointer;\n  z-index: 10;\n  svg {\n    width: 18px;\n    height: 18px;\n  }\n  &:hover {\n    opacity: 0.5;\n  }\n`\n\nexport const GlobalRoot = createGlobalStyle`\n  .bodyOpen {\n    overflow: hidden;\n  }\n`\n"],"names":["WIDTHS","xxxs","xxs","xs","s","m","l","xl","xxl","xxxl","Modal","styled","ReactModalAdapter","withConfig","componentId","props","zIndex","theme","modal","valign","css","overlayClassName","blurredOverlay","width","property","ModalClose","span","createGlobalStyle"],"mappings":"kLAWA,IAAMA,EAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,SAwBKC,EAAQC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,sBAAA,wIAAA,sCAAA,qHAAA,+EAEFI,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAWtDH,GACDA,EAAMI,OACFC,EADJ,CAAA,eAAA,KA3BeD,CAAAA,IACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,WATQA,CA6BkBJ,EAAMI,SAEnC,OAEDJ,GACGA,EAAMM,iBAAyB,KAG1BD,EADLL,EAAMO,eACR,CAAA,iEAMF,CAAA,wCAgBDP,GAAWA,EAAMQ,MAAQC,EAnENT,CAAAA,GACG,iBAAhBA,EAAMQ,MAA2BR,EAAMQ,MAE9CR,EAAMQ,OAAgC,iBAAhBR,EAAMQ,OAAsBvB,EAAOe,EAAMQ,OAAevB,EAAOe,EAAMQ,OAExF,OALiBR,CAmEgCA,GAAQ,aAAe,OAQpEU,IAAAA,EAAad,EAAOe,KAAVb,WAAA,CAAAC,YAAA,wBAAGH,CAAnB,CAAA,gJAiBmBgB,EAAnB,CAAA"}

package/components/Paper/Paper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Paper.js","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { useClassname } from 'hooks/useClassname'\nimport { SpacerProps } from 'components/Spacer'\nimport * as Styled from './style'\n\nexport interface PaperProps extends SpacerProps, ColorProperty, ResponsiveNamedProperty<'padding'> {\n  /**\n   * Set to true to generate a circlular paper container\n   */\n  circle?: boolean\n  /**\n   * Paper with rounded corners\n   */\n  rounded?: boolean\n  /**\n   * Paper with shadow\n   */\n  shadow?: boolean\n  /**\n   * This number represents the zDepth of the paper shadow\n   */\n  zDepth?: false | 0 | 1 | 2 | 3 | 4\n  /**\n   * Text align\n   */\n  textAlign?: 'left' | 'center' | 'right'\n}\n\nPaper.displayName = 'Paper'\n\n/**\n * Расширен:\n * - [`SpacerProps`](#/Разметка%20и%20позиционирование/Spacer)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Paper({ padding = 'm', rounded = true, shadow = true, className, ...props }: PaperProps) {\n  const _className = useClassname(Paper.displayName, className)\n\n  return <Styled.Root padding={padding} rounded={rounded} shadow={shadow} className={_className} {...props} />\n}\n"],"names":["Paper","_ref","padding","rounded","shadow","className","props","_objectWithoutProperties","_excluded","_className","useClassname","displayName","_jsx","Styled.Root","_objectSpread"],"mappings":"wSAqCO,SAASA,EAAyFC,GAAA,IAAnFC,QAAEA,EAAU,IAAZC,QAAiBA,GAAAA,EAAjBC,OAAiCA,GAAS,EAA1CC,UAAgDA,GAAmCJ,EAArBK,EAAqBC,EAAAN,EAAAO,GACvG,IAAMC,EAAaC,EAAaV,EAAMW,YAAaN,GAEnD,OAAOO,EAACC,EAADC,EAAA,CAAaZ,QAASA,EAASC,QAASA,EAASC,OAAQA,EAAQC,UAAWI,GAAgBH,IAXrGN,EAAMW,YAAc"}

package/components/Paper/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Paper/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport { PaperProps } from './Paper'\n\nconst zDepth = {\n  0: css`\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.11);\n  `,\n  1: css`\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  `,\n  2: css`\n    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);\n  `,\n  3: css`\n    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);\n  `,\n  4: css`\n    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.14);\n  `,\n}\n\nconst circle = css`\n  border-radius: 50%;\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  min-width: 100px;\n  min-height: 100px;\n`\n\nconst rounded = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const Root = styled(Spacer)<PaperProps>`\n  box-sizing: border-box;\n  background-color: ${(props) => props.theme.colors.white};\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) => (typeof props.zDepth === 'number' && props.shadow ? zDepth[props.zDepth] : null)}\n  ${(props) => (props.rounded ? rounded : null)}\n  ${(props) => (props.circle ? circle : null)}\n`\n"],"names":["zDepth","css","circle","rounded","props","theme","borderRadius","Root","styled","Spacer","withConfig","componentId","colors","white","textAlign","color","shadow"],"mappings":"sIAKA,IAAMA,EAAS,CACb,EAAGC,EADU,CAAA,2CAIb,EAAGA,EAJU,CAAA,6CAOb,EAAGA,EAPU,CAAA,6CAUb,EAAGA,EAVU,CAAA,+CAab,EAAGA,EAAH,CAAA,gDAKF,IAAMC,EAASD,EAAf,CAAA,+GASA,IAAME,EAAUF,EACIG,CAAAA,iBAAAA,MAAAA,GAAUA,EAAMC,MAAMC,mBAG7BC,EAAOC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAEMJ,GAAUA,EAAMC,MAAMO,OAAOC,QAC/CT,GACDA,EAAMU,UACFb,EACgBG,CAAAA,cAAAA,KAAAA,EAAMU,WAEtB,OACHV,GAAWA,EAAMW,MAAQA,EAAMX,EAAMW,MAAO,oBAAsB,OAClEX,GAAmC,iBAAjBA,EAAMJ,QAAuBI,EAAMY,OAAShB,EAAOI,EAAMJ,QAAU,OACrFI,GAAWA,EAAMD,QAAUA,EAAU,OACrCC,GAAWA,EAAMF,OAASA,EAAS"}

package/components/Popover/Popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent, SIZES_LANDSCAPE, SIZES } from 'components/PopoverComponent'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to popover component root.\n *\n * See full [PopoverProps](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts)\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        sizes,\n        sizeUnits,\n        palette,\n        orientation,\n        loading,\n        badge,\n        caption,\n        captionProps,\n        titleProps,\n        contentProps,\n        controlsDirection,\n        media,\n        controls,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          size={size}\n          ref={ref}\n          styles={mergeDeepLeft(styles, {\n            arrow: {\n              spread: 20,\n              length: 12,\n            },\n          })}\n          component={\n            <PopoverComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              palette={palette}\n              orientation={orientation}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              captionProps={captionProps}\n              title={restProps.title}\n              titleProps={titleProps}\n              content={restProps.content}\n              contentProps={contentProps}\n              controlsDirection={controlsDirection}\n              media={media}\n              controls={controls}\n            />\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: (props) => {\n        return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n      },\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n\nexport { COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","sizes","sizeUnits","palette","orientation","loading","badge","caption","captionProps","titleProps","contentProps","controlsDirection","media","controls","restProps","_excluded","_jsx","Tooltip","_objectSpread","preset","mergeDeepLeft","arrow","spread","length","component","PopoverComponent","title","content","displayName","SIZES_LANDSCAPE","SIZES","Component"],"mappings":"8pBAOMA,IAAAA,EAAiB,UAYvB,IAAMC,EAAkGC,OAAOC,OAC7GC,EACEC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,OAEJA,EAAS,GAFLC,MAGJA,EAHIC,UAIJA,EAJIC,QAKJA,EALIC,YAMJA,EANIC,QAOJA,EAPIC,MAQJA,EARIC,QASJA,EATIC,aAUJA,EAVIC,WAWJA,EAXIC,aAYJA,EAZIC,kBAaJA,EAbIC,MAcJA,EAdIC,SAeJA,GAEEhB,EADCiB,IACDjB,EAjBJkB,GAmBA,OACEC,EAACC,EAADC,EAAAA,EAAA,GACMJ,GADN,GAAA,CAEEK,OAAO,QACPpB,KAAMA,EACND,IAAKA,EACLE,OAAQoB,EAAcpB,EAAQ,CAC5BqB,MAAO,CACLC,OAAQ,GACRC,OAAQ,MAGZC,UACER,EAACS,EAAD,CACExB,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,YAAaA,EACbC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,aAAcA,EACdkB,MAAOZ,EAAUY,MACjBjB,WAAYA,EACZkB,QAASb,EAAUa,QACnBjB,aAAcA,EACdC,kBAAmBA,EACnBC,MAAOA,EACPC,SAAUA,UAMpB,CACEe,YArEiB,UAsEjB3B,MAAQJ,GACuB,cAAtBA,EAAMO,YAA8ByB,EAAkBC,IAInE,CACEC,UAAWN"}

package/components/PopoverComponent/PopoverComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n *\n */\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      orientation = 'portrait',\n      controlsDirection = 'row',\n      badge = {},\n      captionProps = {},\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      media = {},\n      controls = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      loading,\n      caption,\n      title,\n      content,\n      closeFn,\n      palette,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const { badgeProps = {} } = badge\n\n    const { imgProps = {}, videoProps = {} } = media\n\n    const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n    const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        palette={palette}\n        orientation={orientation}\n        controlsDirection={controlsDirection}\n        ref={ref}\n      >\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n            }}\n            palette={palette}\n            type='button'\n          >\n            <Icon as='span' name='close' size={24} />\n          </Styled.CloseButton>\n        )}\n        {orientation === 'landscape' && (\n          <>\n            {loading && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  <Skeleton />\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n            {!loading && (imgProps.src || videoProps.src) && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  {imgProps.src ? (\n                    <img alt='' {...imgProps} />\n                  ) : (\n                    <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                  )}\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n          </>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {(badge.text || caption || loading || showCloseButton) && (\n              <Styled.Header>\n                {loading ? (\n                  <Skeleton width='20%'>\n                    <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n                  </Skeleton>\n                ) : (\n                  <>\n                    {badge.text && (\n                      <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n                        {badge.text}\n                      </Badge>\n                    )}\n                    {caption && (\n                      <Text\n                        as='span'\n                        appearance='caption'\n                        size={0.9}\n                        sizeUnits='em'\n                        color='content-onmain-tertiary'\n                        weight={700}\n                        {...captionProps}\n                      >\n                        {caption}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </Styled.Header>\n            )}\n            {orientation === 'portrait' && (\n              <>\n                {loading && (\n                  <Styled.Media aspectRatio='16:9'>\n                    <Skeleton />\n                  </Styled.Media>\n                )}\n                {!loading && (imgProps.src || videoProps.src) && (\n                  <Styled.Media aspectRatio='16:9'>\n                    {imgProps.src ? (\n                      <img alt='' {...imgProps} />\n                    ) : (\n                      <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                    )}\n                  </Styled.Media>\n                )}\n              </>\n            )}\n            {(title || content || loading) && (\n              <div>\n                {loading ? (\n                  <>\n                    <Skeleton borderRadius={4} marginBottom={0.6} marginUnits='em'>\n                      <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%' marginBottom={0.4} marginUnits='em'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                  </>\n                ) : (\n                  <>\n                    {title && (\n                      <Text\n                        as='h2'\n                        appearance='subheading'\n                        size={1.4}\n                        color='inherit'\n                        marginBottom={content ? 0.4 : undefined}\n                        sizeUnits='em'\n                        marginUnits='em'\n                        {...titleProps}\n                      >\n                        {title}\n                      </Text>\n                    )}\n                    {content && (\n                      <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n                        {content}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </div>\n            )}\n          </Styled.Content>\n          {(secondaryButtonText || primaryButtonText || loading) && (\n            <Styled.Footer>\n              {loading ? (\n                <Skeleton width='100%'>\n                  <Button preset='brand' {...sizeProps} />\n                </Skeleton>\n              ) : (\n                <>\n                  {secondaryButtonText && (\n                    <Button\n                      preset='brand'\n                      black\n                      outline\n                      type='button'\n                      marginRight={controlsDirection === 'row' ? 6 : undefined}\n                      marginBottom={controlsDirection === 'column' ? 6 : undefined}\n                      {...sizeProps}\n                      {...secondaryButtonProps}\n                    >\n                      {secondaryButtonText}\n                    </Button>\n                  )}\n                  {primaryButtonText && (\n                    <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n                      {primaryButtonText}\n                    </Button>\n                  )}\n                </>\n              )}\n            </Styled.Footer>\n          )}\n        </Styled.Container>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n    },\n  }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["COMPONENT_NAME","PopoverComponent","withMergedProps","forwardRef","props","ref","_controls$secondary","_controls$primary","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","_excluded","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled.Root","children","_jsx","Styled.CloseButton","onClick","evt","type","Icon","as","name","_Fragment","Styled.MediaLandscape","Styled.Media","aspectRatio","Skeleton","src","_objectSpread","alt","Styled.Video","controlsList","disablePictureInPicture","Styled.Container","Styled.Content","Styled.Header","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","marginUnits","undefined","Styled.Footer","Button","preset","black","outline","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}

package/components/PopoverComponent/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/PopoverComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xxl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  l: {\n    width: 560,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 20,\n  },\n  m: {\n    width: 356,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 16,\n  },\n  s: {\n    width: 280,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 14,\n  },\n  xs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n}\n\nexport const SIZES_LANDSCAPE: Sizes = {\n  xxxl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xxl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  l: {\n    width: 792,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 20,\n  },\n  m: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 16,\n  },\n  s: {\n    width: 520,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 14,\n  },\n  xs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n}\n"],"names":["SIZES","xxxl","width","padding","borderRadius","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_LANDSCAPE"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,KAIP,IAAMS,EAAyB,CACpCb,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU"}