@vkontakte/vkui 4.36.1 → 4.37.1

package/dist/components/DateRangeInput/DateRangeInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DateRangeInput/DateRangeInput.tsx"],"names":["React","format","isMatch","parse","isAfter","Icon16Clear","Icon20CalendarOutline","CalendarRange","Popper","IconButton","useDateInput","useAdaptivity","classNames","multiRef","FormField","InputLike","InputLikeDivider","callMultiple","elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","DateRangeInput","shouldDisableDate","disableFuture","disablePast","onChange","calendarPlacement","style","className","closeOnChange","disablePickers","getRootRef","name","autoFocus","disabled","onClick","onFocus","prevMonthAriaLabel","nextMonthAriaLabel","changeDayAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeStartDayAriaLabel","changeStartMonthAriaLabel","changeStartYearAriaLabel","changeEndDayAriaLabel","changeEndMonthAriaLabel","changeEndYearAriaLabel","clearFieldAriaLabel","showCalendarAriaLabel","prevMonthIcon","nextMonthIcon","disableCalendar","props","daysStartRef","useRef","monthsStartRef","yearsStartRef","daysEndRef","monthsEndRef","yearsEndRef","onInternalValueChange","useCallback","internalValue","isStartValid","isEndValid","i","formattedStartValue","formattedEndValue","mask","valueExists","Array","isArray","now","Date","start","end","refs","useMemo","maxElement","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","sizeY","onCalendarChange"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { format, isMatch, parse, isAfter } from \"../../lib/date\";\nimport { Icon16Clear, Icon20CalendarOutline } from \"@vkontakte/icons\";\nimport {\n  CalendarRange,\n  CalendarRangeProps,\n} from \"../CalendarRange/CalendarRange\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { HasRootRef } from \"../../types\";\nimport { useDateInput } from \"../../hooks/useDateInput\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport { multiRef } from \"../../lib/utils\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { InputLike } from \"../InputLike/InputLike\";\nimport { InputLikeDivider } from \"../InputLike/InputLikeDivider\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport \"./DateRangeInput.css\";\n\nexport interface DateRangeInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLDivElement>, \"value\" | \"onChange\">,\n    Pick<\n      CalendarRangeProps,\n      | \"disablePast\"\n      | \"disableFuture\"\n      | \"shouldDisableDate\"\n      | \"onChange\"\n      | \"value\"\n      | \"weekStartsOn\"\n      | \"disablePickers\"\n      | \"prevMonthAriaLabel\"\n      | \"nextMonthAriaLabel\"\n      | \"changeMonthAriaLabel\"\n      | \"changeYearAriaLabel\"\n      | \"changeDayAriaLabel\"\n      | \"prevMonthIcon\"\n      | \"nextMonthIcon\"\n    >,\n    HasRootRef<HTMLDivElement>,\n    FormFieldProps {\n  calendarPlacement?: Placement;\n  closeOnChange?: boolean;\n  clearFieldAriaLabel?: string;\n  showCalendarAriaLabel?: string;\n  changeStartDayAriaLabel?: string;\n  changeStartMonthAriaLabel?: string;\n  changeStartYearAriaLabel?: string;\n  changeEndDayAriaLabel?: string;\n  changeEndMonthAriaLabel?: string;\n  changeEndYearAriaLabel?: string;\n  disableCalendar?: boolean;\n}\n\nconst elementsConfig = (index: number) => {\n  let length = 2;\n  let min = 1;\n  let max = 0;\n\n  switch (index) {\n    case 0:\n    case 3:\n      max = 31;\n      break;\n    case 1:\n    case 4:\n      max = 12;\n      break;\n    case 2:\n    case 5:\n      max = 2100;\n      min = 1900;\n      length = 4;\n      break;\n  }\n\n  return { length, min, max };\n};\n\nconst getInternalValue = (value: CalendarRangeProps[\"value\"]) => {\n  const newValue = [\"\", \"\", \"\", \"\", \"\", \"\"];\n  if (value?.[0]) {\n    newValue[0] = String(value[0].getDate()).padStart(2, \"0\");\n    newValue[1] = String(value[0].getMonth() + 1).padStart(2, \"0\");\n    newValue[2] = String(value[0].getFullYear()).padStart(4, \"0\");\n  }\n  if (value?.[1]) {\n    newValue[3] = String(value[1].getDate()).padStart(2, \"0\");\n    newValue[4] = String(value[1].getMonth() + 1).padStart(2, \"0\");\n    newValue[5] = String(value[1].getFullYear()).padStart(4, \"0\");\n  }\n  return newValue;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/DateRangeInput\n */\nexport const DateRangeInput = ({\n  shouldDisableDate,\n  disableFuture,\n  disablePast,\n  value,\n  onChange,\n  calendarPlacement = \"bottom-start\",\n  style,\n  className,\n  closeOnChange = true,\n  disablePickers,\n  getRootRef,\n  name,\n  autoFocus,\n  disabled,\n  onClick,\n  onFocus,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeDayAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  changeStartDayAriaLabel = \"Изменить день начала\",\n  changeStartMonthAriaLabel = \"Изменить месяц начала\",\n  changeStartYearAriaLabel = \"Изменить год начала\",\n  changeEndDayAriaLabel = \"Изменить день окончания\",\n  changeEndMonthAriaLabel = \"Изменить месяц окончания\",\n  changeEndYearAriaLabel = \"Изменить год окончания\",\n  clearFieldAriaLabel = \"Очистить поле\",\n  showCalendarAriaLabel = \"Показать календарь\",\n  prevMonthIcon,\n  nextMonthIcon,\n  disableCalendar = false,\n  ...props\n}: DateRangeInputProps) => {\n  const daysStartRef = React.useRef<HTMLSpanElement>(null);\n  const monthsStartRef = React.useRef<HTMLSpanElement>(null);\n  const yearsStartRef = React.useRef<HTMLSpanElement>(null);\n  const daysEndRef = React.useRef<HTMLSpanElement>(null);\n  const monthsEndRef = React.useRef<HTMLSpanElement>(null);\n  const yearsEndRef = React.useRef<HTMLSpanElement>(null);\n\n  const onInternalValueChange = React.useCallback(\n    (internalValue: string[]) => {\n      let isStartValid = true;\n      let isEndValid = true;\n      for (let i = 0; i <= 2; i += 1) {\n        if (internalValue[i].length < elementsConfig(i).length) {\n          isStartValid = false;\n        }\n      }\n      for (let i = 3; i <= 5; i += 1) {\n        if (internalValue[i].length < elementsConfig(i).length) {\n          isEndValid = false;\n        }\n      }\n      const formattedStartValue = `${internalValue[0]}.${internalValue[1]}.${internalValue[2]}`;\n      const formattedEndValue = `${internalValue[3]}.${internalValue[4]}.${internalValue[5]}`;\n      const mask = \"dd.MM.yyyy\";\n\n      if (!isMatch(formattedStartValue, mask)) {\n        isStartValid = false;\n      }\n      if (!isMatch(formattedEndValue, mask)) {\n        isEndValid = false;\n      }\n\n      if (!isStartValid && !isEndValid) {\n        return;\n      }\n\n      const valueExists = Array.isArray(value);\n      const now = new Date();\n      const start = isStartValid\n        ? parse(formattedStartValue, mask, (valueExists && value?.[0]) || now)\n        : null;\n      const end = isEndValid\n        ? parse(formattedEndValue, mask, (valueExists && value?.[1]) || now)\n        : null;\n      if (start && end && isAfter(end, start)) {\n        onChange?.([start, end]);\n      }\n    },\n    [onChange, value]\n  );\n\n  const refs = React.useMemo(\n    () => [\n      daysStartRef,\n      monthsStartRef,\n      yearsStartRef,\n      daysEndRef,\n      monthsEndRef,\n      yearsEndRef,\n    ],\n    [\n      daysStartRef,\n      monthsStartRef,\n      yearsStartRef,\n      daysEndRef,\n      monthsEndRef,\n      yearsEndRef,\n    ]\n  );\n\n  const {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    handleKeyDown,\n    setFocusedElement,\n    handleFieldEnter,\n    clear,\n    removeFocusFromField,\n  } = useDateInput({\n    maxElement: 5,\n    refs,\n    autoFocus,\n    disabled,\n    elementsConfig,\n    onChange,\n    onInternalValueChange,\n    getInternalValue,\n    value,\n  });\n\n  const { sizeY } = useAdaptivity();\n\n  const onCalendarChange = React.useCallback(\n    (newValue?: Array<Date | null> | undefined) => {\n      onChange?.(newValue);\n      if (closeOnChange && newValue?.[1] && newValue[1] !== value?.[1]) {\n        removeFocusFromField();\n      }\n    },\n    [onChange, closeOnChange, value, removeFocusFromField]\n  );\n\n  return (\n    <FormField\n      vkuiClass={classNames(\"DateRangeInput\", `DateRangeInput--sizeY-${sizeY}`)}\n      style={style}\n      className={className}\n      getRootRef={multiRef(rootRef, getRootRef)}\n      after={\n        value ? (\n          <IconButton\n            hoverMode=\"opacity\"\n            aria-label={clearFieldAriaLabel}\n            onClick={clear}\n          >\n            <Icon16Clear />\n          </IconButton>\n        ) : (\n          <IconButton\n            hoverMode=\"opacity\"\n            aria-label={showCalendarAriaLabel}\n            onClick={openCalendar}\n          >\n            <Icon20CalendarOutline />\n          </IconButton>\n        )\n      }\n      disabled={disabled}\n      onClick={callMultiple(handleFieldEnter, onClick)}\n      onFocus={callMultiple(handleFieldEnter, onFocus)}\n      {...props}\n    >\n      <input\n        type=\"hidden\"\n        name={name}\n        value={\n          value\n            ? `${value[0] ? format(value[0], \"DD.MM.YYYY\") : \"\"} - ${\n                value[1] ? format(value[1], \"DD.MM.YYYY\") : \"\"\n              }`\n            : \"\"\n        }\n      />\n      <span vkuiClass=\"DateInput__input\" onKeyDown={handleKeyDown}>\n        <InputLike\n          length={2}\n          getRootRef={daysStartRef}\n          index={0}\n          onElementSelect={setFocusedElement}\n          value={internalValue[0]}\n          aria-label={changeStartDayAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={monthsStartRef}\n          index={1}\n          onElementSelect={setFocusedElement}\n          value={internalValue[1]}\n          aria-label={changeStartMonthAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={4}\n          getRootRef={yearsStartRef}\n          index={2}\n          onElementSelect={setFocusedElement}\n          value={internalValue[2]}\n          aria-label={changeStartYearAriaLabel}\n        />\n        <InputLikeDivider>{\" — \"}</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={daysEndRef}\n          index={3}\n          onElementSelect={setFocusedElement}\n          value={internalValue[3]}\n          aria-label={changeEndDayAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={monthsEndRef}\n          index={4}\n          onElementSelect={setFocusedElement}\n          value={internalValue[4]}\n          aria-label={changeEndMonthAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={4}\n          getRootRef={yearsEndRef}\n          index={5}\n          onElementSelect={setFocusedElement}\n          value={internalValue[5]}\n          aria-label={changeEndYearAriaLabel}\n        />\n      </span>\n      {open && !disableCalendar && (\n        <Popper\n          targetRef={rootRef}\n          offsetDistance={8}\n          placement={calendarPlacement}\n        >\n          <CalendarRange\n            value={value}\n            onChange={onCalendarChange}\n            disablePast={disablePast}\n            disableFuture={disableFuture}\n            shouldDisableDate={shouldDisableDate}\n            onClose={closeCalendar}\n            getRootRef={calendarRef}\n            disablePickers={disablePickers}\n            prevMonthAriaLabel={prevMonthAriaLabel}\n            nextMonthAriaLabel={nextMonthAriaLabel}\n            changeMonthAriaLabel={changeMonthAriaLabel}\n            changeYearAriaLabel={changeYearAriaLabel}\n            changeDayAriaLabel={changeDayAriaLabel}\n            prevMonthIcon={prevMonthIcon}\n            nextMonthIcon={nextMonthIcon}\n          />\n        </Popper>\n      )}\n    </FormField>\n  );\n};\n"],"file":"DateRangeInput.js"}
+{"version":3,"file":"DateRangeInput.js","names":["React","format","isMatch","parse","isAfter","Icon16Clear","Icon20CalendarOutline","CalendarRange","Popper","IconButton","useDateInput","useAdaptivity","classNames","multiRef","FormField","InputLike","InputLikeDivider","callMultiple","elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","DateRangeInput","shouldDisableDate","disableFuture","disablePast","onChange","calendarPlacement","style","className","closeOnChange","disablePickers","getRootRef","name","autoFocus","disabled","onClick","onFocus","prevMonthAriaLabel","nextMonthAriaLabel","changeDayAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeStartDayAriaLabel","changeStartMonthAriaLabel","changeStartYearAriaLabel","changeEndDayAriaLabel","changeEndMonthAriaLabel","changeEndYearAriaLabel","clearFieldAriaLabel","showCalendarAriaLabel","prevMonthIcon","nextMonthIcon","disableCalendar","props","daysStartRef","useRef","monthsStartRef","yearsStartRef","daysEndRef","monthsEndRef","yearsEndRef","onInternalValueChange","useCallback","internalValue","isStartValid","isEndValid","i","formattedStartValue","formattedEndValue","mask","valueExists","Array","isArray","now","Date","start","end","refs","useMemo","maxElement","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","sizeY","onCalendarChange"],"sources":["../../../src/components/DateRangeInput/DateRangeInput.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { format, isMatch, parse, isAfter } from \"../../lib/date\";\nimport { Icon16Clear, Icon20CalendarOutline } from \"@vkontakte/icons\";\nimport {\n  CalendarRange,\n  CalendarRangeProps,\n} from \"../CalendarRange/CalendarRange\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { HasRootRef } from \"../../types\";\nimport { useDateInput } from \"../../hooks/useDateInput\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport { multiRef } from \"../../lib/utils\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { InputLike } from \"../InputLike/InputLike\";\nimport { InputLikeDivider } from \"../InputLike/InputLikeDivider\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport \"./DateRangeInput.css\";\n\nexport interface DateRangeInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLDivElement>, \"value\" | \"onChange\">,\n    Pick<\n      CalendarRangeProps,\n      | \"disablePast\"\n      | \"disableFuture\"\n      | \"shouldDisableDate\"\n      | \"onChange\"\n      | \"value\"\n      | \"weekStartsOn\"\n      | \"disablePickers\"\n      | \"prevMonthAriaLabel\"\n      | \"nextMonthAriaLabel\"\n      | \"changeMonthAriaLabel\"\n      | \"changeYearAriaLabel\"\n      | \"changeDayAriaLabel\"\n      | \"prevMonthIcon\"\n      | \"nextMonthIcon\"\n    >,\n    HasRootRef<HTMLDivElement>,\n    FormFieldProps {\n  calendarPlacement?: Placement;\n  closeOnChange?: boolean;\n  clearFieldAriaLabel?: string;\n  showCalendarAriaLabel?: string;\n  changeStartDayAriaLabel?: string;\n  changeStartMonthAriaLabel?: string;\n  changeStartYearAriaLabel?: string;\n  changeEndDayAriaLabel?: string;\n  changeEndMonthAriaLabel?: string;\n  changeEndYearAriaLabel?: string;\n  disableCalendar?: boolean;\n}\n\nconst elementsConfig = (index: number) => {\n  let length = 2;\n  let min = 1;\n  let max = 0;\n\n  switch (index) {\n    case 0:\n    case 3:\n      max = 31;\n      break;\n    case 1:\n    case 4:\n      max = 12;\n      break;\n    case 2:\n    case 5:\n      max = 2100;\n      min = 1900;\n      length = 4;\n      break;\n  }\n\n  return { length, min, max };\n};\n\nconst getInternalValue = (value: CalendarRangeProps[\"value\"]) => {\n  const newValue = [\"\", \"\", \"\", \"\", \"\", \"\"];\n  if (value?.[0]) {\n    newValue[0] = String(value[0].getDate()).padStart(2, \"0\");\n    newValue[1] = String(value[0].getMonth() + 1).padStart(2, \"0\");\n    newValue[2] = String(value[0].getFullYear()).padStart(4, \"0\");\n  }\n  if (value?.[1]) {\n    newValue[3] = String(value[1].getDate()).padStart(2, \"0\");\n    newValue[4] = String(value[1].getMonth() + 1).padStart(2, \"0\");\n    newValue[5] = String(value[1].getFullYear()).padStart(4, \"0\");\n  }\n  return newValue;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/DateRangeInput\n */\nexport const DateRangeInput = ({\n  shouldDisableDate,\n  disableFuture,\n  disablePast,\n  value,\n  onChange,\n  calendarPlacement = \"bottom-start\",\n  style,\n  className,\n  closeOnChange = true,\n  disablePickers,\n  getRootRef,\n  name,\n  autoFocus,\n  disabled,\n  onClick,\n  onFocus,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeDayAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  changeStartDayAriaLabel = \"Изменить день начала\",\n  changeStartMonthAriaLabel = \"Изменить месяц начала\",\n  changeStartYearAriaLabel = \"Изменить год начала\",\n  changeEndDayAriaLabel = \"Изменить день окончания\",\n  changeEndMonthAriaLabel = \"Изменить месяц окончания\",\n  changeEndYearAriaLabel = \"Изменить год окончания\",\n  clearFieldAriaLabel = \"Очистить поле\",\n  showCalendarAriaLabel = \"Показать календарь\",\n  prevMonthIcon,\n  nextMonthIcon,\n  disableCalendar = false,\n  ...props\n}: DateRangeInputProps) => {\n  const daysStartRef = React.useRef<HTMLSpanElement>(null);\n  const monthsStartRef = React.useRef<HTMLSpanElement>(null);\n  const yearsStartRef = React.useRef<HTMLSpanElement>(null);\n  const daysEndRef = React.useRef<HTMLSpanElement>(null);\n  const monthsEndRef = React.useRef<HTMLSpanElement>(null);\n  const yearsEndRef = React.useRef<HTMLSpanElement>(null);\n\n  const onInternalValueChange = React.useCallback(\n    (internalValue: string[]) => {\n      let isStartValid = true;\n      let isEndValid = true;\n      for (let i = 0; i <= 2; i += 1) {\n        if (internalValue[i].length < elementsConfig(i).length) {\n          isStartValid = false;\n        }\n      }\n      for (let i = 3; i <= 5; i += 1) {\n        if (internalValue[i].length < elementsConfig(i).length) {\n          isEndValid = false;\n        }\n      }\n      const formattedStartValue = `${internalValue[0]}.${internalValue[1]}.${internalValue[2]}`;\n      const formattedEndValue = `${internalValue[3]}.${internalValue[4]}.${internalValue[5]}`;\n      const mask = \"dd.MM.yyyy\";\n\n      if (!isMatch(formattedStartValue, mask)) {\n        isStartValid = false;\n      }\n      if (!isMatch(formattedEndValue, mask)) {\n        isEndValid = false;\n      }\n\n      if (!isStartValid && !isEndValid) {\n        return;\n      }\n\n      const valueExists = Array.isArray(value);\n      const now = new Date();\n      const start = isStartValid\n        ? parse(formattedStartValue, mask, (valueExists && value?.[0]) || now)\n        : null;\n      const end = isEndValid\n        ? parse(formattedEndValue, mask, (valueExists && value?.[1]) || now)\n        : null;\n      if (start && end && isAfter(end, start)) {\n        onChange?.([start, end]);\n      }\n    },\n    [onChange, value]\n  );\n\n  const refs = React.useMemo(\n    () => [\n      daysStartRef,\n      monthsStartRef,\n      yearsStartRef,\n      daysEndRef,\n      monthsEndRef,\n      yearsEndRef,\n    ],\n    [\n      daysStartRef,\n      monthsStartRef,\n      yearsStartRef,\n      daysEndRef,\n      monthsEndRef,\n      yearsEndRef,\n    ]\n  );\n\n  const {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    handleKeyDown,\n    setFocusedElement,\n    handleFieldEnter,\n    clear,\n    removeFocusFromField,\n  } = useDateInput({\n    maxElement: 5,\n    refs,\n    autoFocus,\n    disabled,\n    elementsConfig,\n    onChange,\n    onInternalValueChange,\n    getInternalValue,\n    value,\n  });\n\n  const { sizeY } = useAdaptivity();\n\n  const onCalendarChange = React.useCallback(\n    (newValue?: Array<Date | null> | undefined) => {\n      onChange?.(newValue);\n      if (closeOnChange && newValue?.[1] && newValue[1] !== value?.[1]) {\n        removeFocusFromField();\n      }\n    },\n    [onChange, closeOnChange, value, removeFocusFromField]\n  );\n\n  return (\n    <FormField\n      vkuiClass={classNames(\"DateRangeInput\", `DateRangeInput--sizeY-${sizeY}`)}\n      style={style}\n      className={className}\n      getRootRef={multiRef(rootRef, getRootRef)}\n      after={\n        value ? (\n          <IconButton\n            hoverMode=\"opacity\"\n            aria-label={clearFieldAriaLabel}\n            onClick={clear}\n          >\n            <Icon16Clear />\n          </IconButton>\n        ) : (\n          <IconButton\n            hoverMode=\"opacity\"\n            aria-label={showCalendarAriaLabel}\n            onClick={openCalendar}\n          >\n            <Icon20CalendarOutline />\n          </IconButton>\n        )\n      }\n      disabled={disabled}\n      onClick={callMultiple(handleFieldEnter, onClick)}\n      onFocus={callMultiple(handleFieldEnter, onFocus)}\n      {...props}\n    >\n      <input\n        type=\"hidden\"\n        name={name}\n        value={\n          value\n            ? `${value[0] ? format(value[0], \"DD.MM.YYYY\") : \"\"} - ${\n                value[1] ? format(value[1], \"DD.MM.YYYY\") : \"\"\n              }`\n            : \"\"\n        }\n      />\n      <span vkuiClass=\"DateInput__input\" onKeyDown={handleKeyDown}>\n        <InputLike\n          length={2}\n          getRootRef={daysStartRef}\n          index={0}\n          onElementSelect={setFocusedElement}\n          value={internalValue[0]}\n          aria-label={changeStartDayAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={monthsStartRef}\n          index={1}\n          onElementSelect={setFocusedElement}\n          value={internalValue[1]}\n          aria-label={changeStartMonthAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={4}\n          getRootRef={yearsStartRef}\n          index={2}\n          onElementSelect={setFocusedElement}\n          value={internalValue[2]}\n          aria-label={changeStartYearAriaLabel}\n        />\n        <InputLikeDivider>{\" — \"}</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={daysEndRef}\n          index={3}\n          onElementSelect={setFocusedElement}\n          value={internalValue[3]}\n          aria-label={changeEndDayAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={monthsEndRef}\n          index={4}\n          onElementSelect={setFocusedElement}\n          value={internalValue[4]}\n          aria-label={changeEndMonthAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={4}\n          getRootRef={yearsEndRef}\n          index={5}\n          onElementSelect={setFocusedElement}\n          value={internalValue[5]}\n          aria-label={changeEndYearAriaLabel}\n        />\n      </span>\n      {open && !disableCalendar && (\n        <Popper\n          targetRef={rootRef}\n          offsetDistance={8}\n          placement={calendarPlacement}\n        >\n          <CalendarRange\n            value={value}\n            onChange={onCalendarChange}\n            disablePast={disablePast}\n            disableFuture={disableFuture}\n            shouldDisableDate={shouldDisableDate}\n            onClose={closeCalendar}\n            getRootRef={calendarRef}\n            disablePickers={disablePickers}\n            prevMonthAriaLabel={prevMonthAriaLabel}\n            nextMonthAriaLabel={nextMonthAriaLabel}\n            changeMonthAriaLabel={changeMonthAriaLabel}\n            changeYearAriaLabel={changeYearAriaLabel}\n            changeDayAriaLabel={changeDayAriaLabel}\n            prevMonthIcon={prevMonthIcon}\n            nextMonthIcon={nextMonthIcon}\n          />\n        </Popper>\n      )}\n    </FormField>\n  );\n};\n"],"mappings":"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"}

package/dist/components/Div/Div.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Div/Div.tsx"],"names":["Div","children","getRootRef","restProps"],"mappings":";;;;;AAQA;AACA;AACA;AACA,OAAO,IAAMA,GAAG,GAAG,SAANA,GAAM,OAAsD;AAAA,MAAnDC,QAAmD,QAAnDA,QAAmD;AAAA,MAAzCC,UAAyC,QAAzCA,UAAyC;AAAA,MAA1BC,SAA0B;;AACvE,SACE,wCAASA,SAAT;AAAoB,IAAA,GAAG,EAAED,UAAzB;AAAqC,IAAA,SAAS,EAAC;AAA/C,MACGD,QADH,CADF;AAKD,CANM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Div.css\";\n\nexport interface DivProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Div\n */\nexport const Div = ({ children, getRootRef, ...restProps }: DivProps) => {\n  return (\n    <div {...restProps} ref={getRootRef} vkuiClass=\"Div\">\n      {children}\n    </div>\n  );\n};\n"],"file":"Div.js"}
+{"version":3,"file":"Div.js","names":["Div","children","getRootRef","restProps"],"sources":["../../../src/components/Div/Div.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Div.css\";\n\nexport interface DivProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Div\n */\nexport const Div = ({ children, getRootRef, ...restProps }: DivProps) => {\n  return (\n    <div {...restProps} ref={getRootRef} vkuiClass=\"Div\">\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAQA;AACA;AACA;AACA,OAAO,IAAMA,GAAG,GAAG,SAANA,GAAM,OAAsD;EAAA,IAAnDC,QAAmD,QAAnDA,QAAmD;EAAA,IAAzCC,UAAyC,QAAzCA,UAAyC;EAAA,IAA1BC,SAA0B;;EACvE,OACE,wCAASA,SAAT;IAAoB,GAAG,EAAED,UAAzB;IAAqC,SAAS,EAAC;EAA/C,IACGD,QADH,CADF;AAKD,CANM"}

package/dist/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":["React","useDOM","Popper","FocusTrap","useTimeout","useExternRef","useEventListener","useGlobalEventListener","usePatchChildrenRef","Dropdown","action","shownProp","shown","showDelay","hideDelay","offsetDistance","content","children","style","getRef","onShownChange","restProps","document","hoverable","hovered","useRef","useState","computedShown","setComputedShown","dropdownNode","setPopperNode","styles","patchedPopperRef","childRef","child","setShown","value","showTimeout","hideTimeout","handleTargetEnter","current","clear","set","handleTargetClick","handleTargetLeave","handleContentKeyDownEscape","handleOutsideClick","e","contains","target","targetEnterListener","targetClickEvent","targetLeaveListener","useEffect","add","className","undefined"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAA4BC,MAA5B;AACA,SAASC,SAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,gBAAT;AACA,SAASC,sBAAT;AACA,SAASC,mBAAT;;AAgDA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAYH;AAAA,yBAXnBC,MAWmB;AAAA,MAXnBA,MAWmB,4BAXV,OAWU;AAAA,MAVZC,SAUY,QAVnBC,KAUmB;AAAA,4BATnBC,SASmB;AAAA,MATnBA,SASmB,+BATP,GASO;AAAA,4BARnBC,SAQmB;AAAA,MARnBA,SAQmB,+BARP,GAQO;AAAA,iCAPnBC,cAOmB;AAAA,MAPnBA,cAOmB,oCAPF,CAOE;AAAA,MANnBC,OAMmB,QANnBA,OAMmB;AAAA,MALnBC,QAKmB,QALnBA,QAKmB;AAAA,MAJnBC,KAImB,QAJnBA,KAImB;AAAA,MAHnBC,MAGmB,QAHnBA,MAGmB;AAAA,MAFnBC,aAEmB,QAFnBA,aAEmB;AAAA,MADhBC,SACgB;;AACnB,gBAAqBpB,MAAM,EAA3B;AAAA,MAAQqB,QAAR,WAAQA,QAAR;;AAEA,MAAMC,SAAS,GAAGb,MAAM,KAAK,OAA7B;AACA,MAAMc,OAAO,GAAGxB,KAAK,CAACyB,MAAN,CAAa,KAAb,CAAhB;;AACA,wBAA0CzB,KAAK,CAAC0B,QAAN,CAAef,SAAS,IAAI,KAA5B,CAA1C;AAAA;AAAA,MAAOgB,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,yBAAsC5B,KAAK,CAAC0B,QAAN,CACpC,IADoC,CAAtC;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,aAArB,uBANmB,CAUnB;AACA;;;AACA,MAAMC,MAAM,mCACPb,KADO;AAEV,6CAAkCH,cAAlC;AAFU,IAAZ;;AAKA,MAAMH,KAAK,GAAG,OAAOD,SAAP,KAAqB,SAArB,GAAiCA,SAAjC,GAA6CgB,aAA3D;AAEA,MAAMK,gBAAgB,GAAG3B,YAAY,CAAiByB,aAAjB,EAAgCX,MAAhC,CAArC;;AAEA,6BAA0BX,mBAAmB,CAACS,QAAD,CAA7C;AAAA;AAAA,MAAOgB,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOzB,SAAP,KAAqB,SAAzB,EAAoC;AAClCiB,MAAAA,gBAAgB,CAACQ,KAAD,CAAhB;AACD;;AACD,WAAOhB,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACgB,KAAD,CAApD;AACD,GALD;;AAOA,MAAMC,WAAW,GAAGjC,UAAU,CAAC;AAAA,WAAM+B,QAAQ,CAAC,IAAD,CAAd;AAAA,GAAD,EAAuBtB,SAAvB,CAA9B;AAEA,MAAMyB,WAAW,GAAGlC,UAAU,CAAC;AAAA,WAAM+B,QAAQ,CAAC,KAAD,CAAd;AAAA,GAAD,EAAwBrB,SAAxB,CAA9B;;AAEA,MAAMyB,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9Bf,IAAAA,OAAO,CAACgB,OAAR,GAAkB,IAAlB;AACAF,IAAAA,WAAW,CAACG,KAAZ;AACAJ,IAAAA,WAAW,CAACK,GAAZ;AACD,GAJD;;AAMA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9B,QAAInB,OAAO,CAACgB,OAAR,IAAmB5B,KAAvB,EAA8B;AAC5B;AACD;;AACDuB,IAAAA,QAAQ,CAAC,CAACvB,KAAF,CAAR;AACD,GALD;;AAOA,MAAMgC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9BpB,IAAAA,OAAO,CAACgB,OAAR,GAAkB,KAAlB;AACAH,IAAAA,WAAW,CAACI,KAAZ;AACAH,IAAAA,WAAW,CAACI,GAAZ;AACD,GAJD;;AAMA,MAAMG,0BAA0B,GAAG,SAA7BA,0BAA6B,GAAM;AACvCV,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAFD;;AAIA,MAAMW,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,CAAD,EAAmB;AAAA;;AAC5C,QACElB,YAAY,IACZ,uBAACI,QAAQ,CAACO,OAAV,8CAAC,kBAAkBQ,QAAlB,CAA2BD,CAAC,CAACE,MAA7B,CAAD,CADA,IAEA,CAACpB,YAAY,CAACmB,QAAb,CAAsBD,CAAC,CAACE,MAAxB,CAHH,EAIE;AACAd,MAAAA,QAAQ,CAAC,KAAD,CAAR;AACD;AACF,GARD;;AAUA5B,EAAAA,sBAAsB,CAACe,QAAD,EAAW,OAAX,EAAoBwB,kBAApB,CAAtB;AACA,MAAMI,mBAAmB,GAAG5C,gBAAgB,CAAC,YAAD,EAAeiC,iBAAf,CAA5C;AACA,MAAMY,gBAAgB,GAAG7C,gBAAgB,CAAC,OAAD,EAAUqC,iBAAV,CAAzC;AACA,MAAMS,mBAAmB,GAAG9C,gBAAgB,CAAC,YAAD,EAAesC,iBAAf,CAA5C;AAEA5C,EAAAA,KAAK,CAACqD,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACpB,QAAQ,CAACO,OAAd,EAAuB;AACrB;AACD;;AAEDW,IAAAA,gBAAgB,CAACG,GAAjB,CAAqBrB,QAAQ,CAACO,OAA9B;;AAEA,QAAIjB,SAAJ,EAAe;AACb2B,MAAAA,mBAAmB,CAACI,GAApB,CAAwBrB,QAAQ,CAACO,OAAjC;AACAY,MAAAA,mBAAmB,CAACE,GAApB,CAAwBrB,QAAQ,CAACO,OAAjC;AACD;AACF,GAXD,EAWG,CACDP,QADC,EAEDV,SAFC,EAGD4B,gBAHC,EAIDD,mBAJC,EAKDE,mBALC,CAXH;AAmBA,SACE,oBAAC,KAAD,CAAO,QAAP,QACGlB,KADH,EAEGtB,KAAK,IACJ,oBAAC,MAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAC,UAFZ;AAGE,IAAA,SAAS,EAAEY,QAHb;AAIE,IAAA,MAAM,EAAED,gBAJV;AAKE,IAAA,cAAc,EAAEjB,cALlB;AAME,IAAA,KAAK,EAAEgB,MANT;AAOE,IAAA,aAAa,EAAE;AAAA,UAAGwB,SAAH,SAAGA,SAAH;AAAA,aACb,oBAAC,SAAD;AACE,QAAA,SAAS,EAAEA,SADb;AAEE,QAAA,OAAO,EAAEV;AAFX,SAIG7B,OAJH,CADa;AAAA,KAPjB;AAeE,IAAA,WAAW,EAAEO,SAAS,GAAGe,WAAW,CAACG,KAAf,GAAuBe,SAf/C;AAgBE,IAAA,UAAU,EAAEjC,SAAS,GAAGqB,iBAAH,GAAuBY;AAhB9C,KAHJ,CADF;AAyBD,CAhIM","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { PopperCommonProps, Popper } from \"../Popper/Popper\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport \"./Dropdown.css\";\n\nexport interface DropdownProps\n  extends Omit<PopperCommonProps, \"arrow\" | \"arrowClassName\"> {\n  /**\n   * Механика вызова всплывающего окна.\n   *\n   * - `\"click\"` – показывается/скрывается только при нажатии.\n   * - `\"hover\"` – помимо нажатия, будет показываться/скрывается при наведении/отведении мыши.\n   *\n   * > ⚠️`\"hover\"` на тач-устройствах будет работать как `\"click\"`, с одним лишь нюансом, что не будет закрываться\n   * > при повторном нажатии на целевой элемент. Для закрытия необходимо нажать на область вне целевого элемента\n   * > и выпадающего окна.\n   */\n  action?: \"click\" | \"hover\";\n  /**\n   * Если передан, то всплывающее окно будет показан/скрыт в зависимости от значения свойства.\n   */\n  shown?: boolean;\n  /**\n   * Количество миллисекунд, после которых произойдёт показ всплывающего окна.\n   *\n   * > Используется только для `action=\"hover\"` при наведении/отведении мыши.\n   */\n  showDelay?: number;\n  /**\n   * Количество миллисекунд, после которых произойдёт скрытие всплывающего окна.\n   *\n   * > Используется только для `action=\"hover\"` при наведении/отведении мыши.\n   */\n  hideDelay?: number;\n  /**\n   * Содержимое всплывающего окна.\n   */\n  content?: React.ReactNode;\n  /**\n   * Целевой элемент. Всплывающее окно появится возле него.\n   *\n   * > ⚠️ Если это пользовательский компонент, то он должен предоставлять параметры либо `getRootRef`, либо `ref` для получения ссылки на DOM-узел.\n   */\n  children?: React.ReactElement;\n  /**\n   * Вызывается при каждом изменении видимости всплывающего окна.\n   */\n  onShownChange?(shown: boolean): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Dropdown\n *\n * TODO v5.0.0 Переименовать в `Popover` (см. https://github.com/VKCOM/VKUI/issues/2523)\n */\nexport const Dropdown = ({\n  action = \"click\",\n  shown: shownProp,\n  showDelay = 150,\n  hideDelay = 150,\n  offsetDistance = 8,\n  content,\n  children,\n  style,\n  getRef,\n  onShownChange,\n  ...restProps\n}: DropdownProps) => {\n  const { document } = useDOM();\n\n  const hoverable = action === \"hover\";\n  const hovered = React.useRef(false);\n  const [computedShown, setComputedShown] = React.useState(shownProp || false);\n  const [dropdownNode, setPopperNode] = React.useState<HTMLElement | null>(\n    null\n  );\n\n  // Reason: Typescript ругается на CSS Custom Properties в объекте\n  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n  const styles = {\n    ...style,\n    \"--popover-safe-zone-padding\": `${offsetDistance}px`,\n  } as React.CSSProperties;\n\n  const shown = typeof shownProp === \"boolean\" ? shownProp : computedShown;\n\n  const patchedPopperRef = useExternRef<HTMLDivElement>(setPopperNode, getRef);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const setShown = (value: boolean) => {\n    if (typeof shownProp !== \"boolean\") {\n      setComputedShown(value);\n    }\n    typeof onShownChange === \"function\" && onShownChange(value);\n  };\n\n  const showTimeout = useTimeout(() => setShown(true), showDelay);\n\n  const hideTimeout = useTimeout(() => setShown(false), hideDelay);\n\n  const handleTargetEnter = () => {\n    hovered.current = true;\n    hideTimeout.clear();\n    showTimeout.set();\n  };\n\n  const handleTargetClick = () => {\n    if (hovered.current && shown) {\n      return;\n    }\n    setShown(!shown);\n  };\n\n  const handleTargetLeave = () => {\n    hovered.current = false;\n    showTimeout.clear();\n    hideTimeout.set();\n  };\n\n  const handleContentKeyDownEscape = () => {\n    setShown(false);\n  };\n\n  const handleOutsideClick = (e: MouseEvent) => {\n    if (\n      dropdownNode &&\n      !childRef.current?.contains(e.target as Node) &&\n      !dropdownNode.contains(e.target as Node)\n    ) {\n      setShown(false);\n    }\n  };\n\n  useGlobalEventListener(document, \"click\", handleOutsideClick);\n  const targetEnterListener = useEventListener(\"mouseenter\", handleTargetEnter);\n  const targetClickEvent = useEventListener(\"click\", handleTargetClick);\n  const targetLeaveListener = useEventListener(\"mouseleave\", handleTargetLeave);\n\n  React.useEffect(() => {\n    if (!childRef.current) {\n      return;\n    }\n\n    targetClickEvent.add(childRef.current);\n\n    if (hoverable) {\n      targetEnterListener.add(childRef.current);\n      targetLeaveListener.add(childRef.current);\n    }\n  }, [\n    childRef,\n    hoverable,\n    targetClickEvent,\n    targetEnterListener,\n    targetLeaveListener,\n  ]);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper\n          {...restProps}\n          vkuiClass=\"Dropdown\"\n          targetRef={childRef}\n          getRef={patchedPopperRef}\n          offsetDistance={offsetDistance}\n          style={styles}\n          renderContent={({ className }) => (\n            <FocusTrap\n              vkuiClass={className}\n              onClose={handleContentKeyDownEscape}\n            >\n              {content}\n            </FocusTrap>\n          )}\n          onMouseOver={hoverable ? hideTimeout.clear : undefined}\n          onMouseOut={hoverable ? handleTargetLeave : undefined}\n        />\n      )}\n    </React.Fragment>\n  );\n};\n"],"file":"Dropdown.js"}
+{"version":3,"file":"Dropdown.js","names":["React","useDOM","Popper","FocusTrap","useTimeout","useExternRef","useEventListener","useGlobalEventListener","usePatchChildrenRef","Dropdown","action","shownProp","shown","showDelay","hideDelay","offsetDistance","content","children","style","getRef","onShownChange","restProps","document","hoverable","hovered","useRef","useState","computedShown","setComputedShown","dropdownNode","setPopperNode","styles","patchedPopperRef","childRef","child","setShown","value","showTimeout","hideTimeout","handleTargetEnter","current","clear","set","handleTargetClick","handleTargetLeave","handleContentKeyDownEscape","handleOutsideClick","e","contains","target","targetEnterListener","targetClickEvent","targetLeaveListener","useEffect","add","className","undefined"],"sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { PopperCommonProps, Popper } from \"../Popper/Popper\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport \"./Dropdown.css\";\n\nexport interface DropdownProps\n  extends Omit<PopperCommonProps, \"arrow\" | \"arrowClassName\"> {\n  /**\n   * Механика вызова всплывающего окна.\n   *\n   * - `\"click\"` – показывается/скрывается только при нажатии.\n   * - `\"hover\"` – помимо нажатия, будет показываться/скрывается при наведении/отведении мыши.\n   *\n   * > ⚠️`\"hover\"` на тач-устройствах будет работать как `\"click\"`, с одним лишь нюансом, что не будет закрываться\n   * > при повторном нажатии на целевой элемент. Для закрытия необходимо нажать на область вне целевого элемента\n   * > и выпадающего окна.\n   */\n  action?: \"click\" | \"hover\";\n  /**\n   * Если передан, то всплывающее окно будет показан/скрыт в зависимости от значения свойства.\n   */\n  shown?: boolean;\n  /**\n   * Количество миллисекунд, после которых произойдёт показ всплывающего окна.\n   *\n   * > Используется только для `action=\"hover\"` при наведении/отведении мыши.\n   */\n  showDelay?: number;\n  /**\n   * Количество миллисекунд, после которых произойдёт скрытие всплывающего окна.\n   *\n   * > Используется только для `action=\"hover\"` при наведении/отведении мыши.\n   */\n  hideDelay?: number;\n  /**\n   * Содержимое всплывающего окна.\n   */\n  content?: React.ReactNode;\n  /**\n   * Целевой элемент. Всплывающее окно появится возле него.\n   *\n   * > ⚠️ Если это пользовательский компонент, то он должен предоставлять параметры либо `getRootRef`, либо `ref` для получения ссылки на DOM-узел.\n   */\n  children?: React.ReactElement;\n  /**\n   * Вызывается при каждом изменении видимости всплывающего окна.\n   */\n  onShownChange?(shown: boolean): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Dropdown\n *\n * TODO v5.0.0 Переименовать в `Popover` (см. https://github.com/VKCOM/VKUI/issues/2523)\n */\nexport const Dropdown = ({\n  action = \"click\",\n  shown: shownProp,\n  showDelay = 150,\n  hideDelay = 150,\n  offsetDistance = 8,\n  content,\n  children,\n  style,\n  getRef,\n  onShownChange,\n  ...restProps\n}: DropdownProps) => {\n  const { document } = useDOM();\n\n  const hoverable = action === \"hover\";\n  const hovered = React.useRef(false);\n  const [computedShown, setComputedShown] = React.useState(shownProp || false);\n  const [dropdownNode, setPopperNode] = React.useState<HTMLElement | null>(\n    null\n  );\n\n  // Reason: Typescript ругается на CSS Custom Properties в объекте\n  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n  const styles = {\n    ...style,\n    \"--popover-safe-zone-padding\": `${offsetDistance}px`,\n  } as React.CSSProperties;\n\n  const shown = typeof shownProp === \"boolean\" ? shownProp : computedShown;\n\n  const patchedPopperRef = useExternRef<HTMLDivElement>(setPopperNode, getRef);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const setShown = (value: boolean) => {\n    if (typeof shownProp !== \"boolean\") {\n      setComputedShown(value);\n    }\n    typeof onShownChange === \"function\" && onShownChange(value);\n  };\n\n  const showTimeout = useTimeout(() => setShown(true), showDelay);\n\n  const hideTimeout = useTimeout(() => setShown(false), hideDelay);\n\n  const handleTargetEnter = () => {\n    hovered.current = true;\n    hideTimeout.clear();\n    showTimeout.set();\n  };\n\n  const handleTargetClick = () => {\n    if (hovered.current && shown) {\n      return;\n    }\n    setShown(!shown);\n  };\n\n  const handleTargetLeave = () => {\n    hovered.current = false;\n    showTimeout.clear();\n    hideTimeout.set();\n  };\n\n  const handleContentKeyDownEscape = () => {\n    setShown(false);\n  };\n\n  const handleOutsideClick = (e: MouseEvent) => {\n    if (\n      dropdownNode &&\n      !childRef.current?.contains(e.target as Node) &&\n      !dropdownNode.contains(e.target as Node)\n    ) {\n      setShown(false);\n    }\n  };\n\n  useGlobalEventListener(document, \"click\", handleOutsideClick);\n  const targetEnterListener = useEventListener(\"mouseenter\", handleTargetEnter);\n  const targetClickEvent = useEventListener(\"click\", handleTargetClick);\n  const targetLeaveListener = useEventListener(\"mouseleave\", handleTargetLeave);\n\n  React.useEffect(() => {\n    if (!childRef.current) {\n      return;\n    }\n\n    targetClickEvent.add(childRef.current);\n\n    if (hoverable) {\n      targetEnterListener.add(childRef.current);\n      targetLeaveListener.add(childRef.current);\n    }\n  }, [\n    childRef,\n    hoverable,\n    targetClickEvent,\n    targetEnterListener,\n    targetLeaveListener,\n  ]);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper\n          {...restProps}\n          vkuiClass=\"Dropdown\"\n          targetRef={childRef}\n          getRef={patchedPopperRef}\n          offsetDistance={offsetDistance}\n          style={styles}\n          renderContent={({ className }) => (\n            <FocusTrap\n              vkuiClass={className}\n              onClose={handleContentKeyDownEscape}\n            >\n              {content}\n            </FocusTrap>\n          )}\n          onMouseOver={hoverable ? hideTimeout.clear : undefined}\n          onMouseOut={hoverable ? handleTargetLeave : undefined}\n        />\n      )}\n    </React.Fragment>\n  );\n};\n"],"mappings":"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"}

package/dist/components/DropdownIcon/DropdownIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":["Icon20Dropdown","Icon24ChevronDown","Icon24ChevronUp","Icon20ChevronUp","classNames","SizeType","useAdaptivity","DropdownIcon","opened","restProps","sizeY","Icon","COMPACT"],"mappings":";;;;AACA,SACEA,cADF,EAEEC,iBAFF,EAGEC,eAHF,EAIEC,eAJF,QAKO,kBALP;AAMA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AAOA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAGH;AAAA,yBAFvBC,MAEuB;AAAA,MAFvBA,MAEuB,4BAFd,KAEc;AAAA,MADpBC,SACoB;;AACvB,uBAAkBH,aAAa,EAA/B;AAAA,MAAQI,KAAR,kBAAQA,KAAR;;AAEA,MAAIC,IAAI,GAAGD,KAAK,KAAKL,QAAQ,CAACO,OAAnB,GAA6BZ,cAA7B,GAA8CC,iBAAzD;;AAEA,MAAIO,MAAJ,EAAY;AACVG,IAAAA,IAAI,GAAGD,KAAK,KAAKL,QAAQ,CAACO,OAAnB,GAA6BT,eAA7B,GAA+CD,eAAtD;AACD;;AAED,SAAO,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEE,UAAU,CAAC,cAAD;AAA3B,KAAiDK,SAAjD,EAAP;AACD,CAbM","sourcesContent":["import * as React from \"react\";\nimport {\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n  Icon20ChevronUp,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { SizeType } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\n\nexport interface DropdownIconProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  opened?: boolean;\n}\n\nexport const DropdownIcon = ({\n  opened = false,\n  ...restProps\n}: DropdownIconProps) => {\n  const { sizeY } = useAdaptivity();\n\n  let Icon = sizeY === SizeType.COMPACT ? Icon20Dropdown : Icon24ChevronDown;\n\n  if (opened) {\n    Icon = sizeY === SizeType.COMPACT ? Icon20ChevronUp : Icon24ChevronUp;\n  }\n\n  return <Icon vkuiClass={classNames(\"DropdownIcon\")} {...restProps} />;\n};\n"],"file":"DropdownIcon.js"}
+{"version":3,"file":"DropdownIcon.js","names":["Icon20Dropdown","Icon24ChevronDown","Icon24ChevronUp","Icon20ChevronUp","classNames","SizeType","useAdaptivity","DropdownIcon","opened","restProps","sizeY","Icon","COMPACT"],"sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n  Icon20ChevronUp,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { SizeType } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\n\nexport interface DropdownIconProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  opened?: boolean;\n}\n\nexport const DropdownIcon = ({\n  opened = false,\n  ...restProps\n}: DropdownIconProps) => {\n  const { sizeY } = useAdaptivity();\n\n  let Icon = sizeY === SizeType.COMPACT ? Icon20Dropdown : Icon24ChevronDown;\n\n  if (opened) {\n    Icon = sizeY === SizeType.COMPACT ? Icon20ChevronUp : Icon24ChevronUp;\n  }\n\n  return <Icon vkuiClass={classNames(\"DropdownIcon\")} {...restProps} />;\n};\n"],"mappings":";;;;AACA,SACEA,cADF,EAEEC,iBAFF,EAGEC,eAHF,EAIEC,eAJF,QAKO,kBALP;AAMA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AAOA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAGH;EAAA,uBAFvBC,MAEuB;EAAA,IAFvBA,MAEuB,4BAFd,KAEc;EAAA,IADpBC,SACoB;;EACvB,qBAAkBH,aAAa,EAA/B;EAAA,IAAQI,KAAR,kBAAQA,KAAR;;EAEA,IAAIC,IAAI,GAAGD,KAAK,KAAKL,QAAQ,CAACO,OAAnB,GAA6BZ,cAA7B,GAA8CC,iBAAzD;;EAEA,IAAIO,MAAJ,EAAY;IACVG,IAAI,GAAGD,KAAK,KAAKL,QAAQ,CAACO,OAAnB,GAA6BT,eAA7B,GAA+CD,eAAtD;EACD;;EAED,OAAO,oBAAC,IAAD;IAAM,SAAS,EAAEE,UAAU,CAAC,cAAD;EAA3B,GAAiDK,SAAjD,EAAP;AACD,CAbM"}

package/dist/components/Epic/Epic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Epic/Epic.tsx"],"names":["React","withAdaptivity","ViewWidth","ScrollSaver","getNavId","warnOnce","SMALL_TABLET_SIZE","warn","EpicComponent","activeStory","tabbar","children","viewWidth","restProps","scroll","useRef","current","process","env","NODE_ENV","SMALL_TABLET","story","Children","toArray","find","isValidElement","props","value","Epic","displayName"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,cAAT,EAAyBC,SAAzB;AACA,SAASC,WAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AAKA,SAASC,iBAAT;AAUA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,MAAD,CAArB;;AAEA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,OAMwB;AAAA;;AAAA,MAL5CC,WAK4C,QAL5CA,WAK4C;AAAA,MAJ5CC,MAI4C,QAJ5CA,MAI4C;AAAA,MAH5CC,QAG4C,QAH5CA,QAG4C;AAAA,MAF5CC,SAE4C,QAF5CA,SAE4C;AAAA,MADzCC,SACyC;;AAC5C,MAAMC,MAAM,GAAGd,KAAK,CAACe,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;;AAEA,MACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,CAACT,MADD,IAEAE,SAAS,GAAGV,SAAS,CAACkB,YAHxB,EAIE;AACAb,IAAAA,IAAI,qUACsED,iBADtE,QAAJ;AAGD;;AACD,MAAMe,KAAK,YACRrB,KAAK,CAACsB,QAAN,CAAeC,OAAf,CAAuBZ,QAAvB,EAAiCa,IAAjC,CACC,UAACH,KAAD;AAAA,WACE,aAAArB,KAAK,CAACyB,cAAN,CAAqBJ,KAArB,KACAjB,QAAQ,CAACiB,KAAK,CAACK,KAAP,EAAcnB,IAAd,CAAR,KAAgCE,WAFlC;AAAA,GADD,CADQ,yCAK+B,IAL1C;AAOA,SACE,wCAASI,SAAT;AAAoB,IAAA,SAAS,EAAC;AAA9B,MACE,oBAAC,WAAD;AACE,IAAA,GAAG,EAAEJ,WADP;AAEE,IAAA,aAAa,EAAEK,MAAM,CAACL,WAAD,CAAN,IAAuB,CAFxC;AAGE,IAAA,UAAU,EAAE,oBAACkB,KAAD;AAAA,aAAYb,MAAM,CAACL,WAAD,CAAN,GAAsBkB,KAAlC;AAAA;AAHd,KAKGN,KALH,CADF,EAQGX,MARH,CADF;AAYD,CArCD;AAuCA;AACA;AACA;;;AACA,OAAO,IAAMkB,IAAI,GAAG3B,cAAc,CAACO,aAAD,EAAgB;AAChDI,EAAAA,SAAS,EAAE;AADqC,CAAhB,CAA3B;AAIPgB,IAAI,CAACC,WAAL,GAAmB,MAAnB","sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { ScrollSaver } from \"./ScrollSaver\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { SMALL_TABLET_SIZE } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./Epic.css\";\n\nexport interface EpicProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce(\"Epic\");\n\nconst EpicComponent = ({\n  activeStory,\n  tabbar,\n  children,\n  viewWidth,\n  ...restProps\n}: EpicProps & AdaptivityContextInterface) => {\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    !tabbar &&\n    viewWidth < ViewWidth.SMALL_TABLET\n  ) {\n    warn(\n      `Не рекомендуется использовать Epic без Tabbar при ширине окна меньше ${SMALL_TABLET_SIZE}px`\n    );\n  }\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId(story.props, warn) === activeStory\n    ) as React.ReactElement | undefined) ?? null;\n\n  return (\n    <div {...restProps} vkuiClass=\"Epic\">\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => (scroll[activeStory] = value)}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic = withAdaptivity(EpicComponent, {\n  viewWidth: true,\n});\n\nEpic.displayName = \"Epic\";\n"],"file":"Epic.js"}
+{"version":3,"file":"Epic.js","names":["React","withAdaptivity","ViewWidth","ScrollSaver","getNavId","warnOnce","SMALL_TABLET_SIZE","warn","EpicComponent","activeStory","tabbar","children","viewWidth","restProps","scroll","useRef","current","process","env","NODE_ENV","SMALL_TABLET","story","Children","toArray","find","isValidElement","props","value","Epic","displayName"],"sources":["../../../src/components/Epic/Epic.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { ScrollSaver } from \"./ScrollSaver\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { SMALL_TABLET_SIZE } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./Epic.css\";\n\nexport interface EpicProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce(\"Epic\");\n\nconst EpicComponent = ({\n  activeStory,\n  tabbar,\n  children,\n  viewWidth,\n  ...restProps\n}: EpicProps & AdaptivityContextInterface) => {\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    !tabbar &&\n    viewWidth < ViewWidth.SMALL_TABLET\n  ) {\n    warn(\n      `Не рекомендуется использовать Epic без Tabbar при ширине окна меньше ${SMALL_TABLET_SIZE}px`\n    );\n  }\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId(story.props, warn) === activeStory\n    ) as React.ReactElement | undefined) ?? null;\n\n  return (\n    <div {...restProps} vkuiClass=\"Epic\">\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => (scroll[activeStory] = value)}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic = withAdaptivity(EpicComponent, {\n  viewWidth: true,\n});\n\nEpic.displayName = \"Epic\";\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,cAAT,EAAyBC,SAAzB;AACA,SAASC,WAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AAKA,SAASC,iBAAT;AAUA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,MAAD,CAArB;;AAEA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,OAMwB;EAAA;;EAAA,IAL5CC,WAK4C,QAL5CA,WAK4C;EAAA,IAJ5CC,MAI4C,QAJ5CA,MAI4C;EAAA,IAH5CC,QAG4C,QAH5CA,QAG4C;EAAA,IAF5CC,SAE4C,QAF5CA,SAE4C;EAAA,IADzCC,SACyC;;EAC5C,IAAMC,MAAM,GAAGd,KAAK,CAACe,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;;EAEA,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,CAACT,MADD,IAEAE,SAAS,GAAGV,SAAS,CAACkB,YAHxB,EAIE;IACAb,IAAI,qUACsED,iBADtE,QAAJ;EAGD;;EACD,IAAMe,KAAK,YACRrB,KAAK,CAACsB,QAAN,CAAeC,OAAf,CAAuBZ,QAAvB,EAAiCa,IAAjC,CACC,UAACH,KAAD;IAAA,OACE,aAAArB,KAAK,CAACyB,cAAN,CAAqBJ,KAArB,KACAjB,QAAQ,CAACiB,KAAK,CAACK,KAAP,EAAcnB,IAAd,CAAR,KAAgCE,WAFlC;EAAA,CADD,CADQ,yCAK+B,IAL1C;EAOA,OACE,wCAASI,SAAT;IAAoB,SAAS,EAAC;EAA9B,IACE,oBAAC,WAAD;IACE,GAAG,EAAEJ,WADP;IAEE,aAAa,EAAEK,MAAM,CAACL,WAAD,CAAN,IAAuB,CAFxC;IAGE,UAAU,EAAE,oBAACkB,KAAD;MAAA,OAAYb,MAAM,CAACL,WAAD,CAAN,GAAsBkB,KAAlC;IAAA;EAHd,GAKGN,KALH,CADF,EAQGX,MARH,CADF;AAYD,CArCD;AAuCA;AACA;AACA;;;AACA,OAAO,IAAMkB,IAAI,GAAG3B,cAAc,CAACO,aAAD,EAAgB;EAChDI,SAAS,EAAE;AADqC,CAAhB,CAA3B;AAIPgB,IAAI,CAACC,WAAL,GAAmB,MAAnB"}

package/dist/components/Epic/ScrollSaver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Epic/ScrollSaver.tsx"],"names":["React","ScrollContext","useIsomorphicLayoutEffect","ScrollSaver","children","initialScroll","saveScroll","useContext","getScroll","scrollTo","y"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,yBAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAIH;AAAA,MAHtBC,QAGsB,QAHtBA,QAGsB;AAAA,MAFtBC,aAEsB,QAFtBA,aAEsB;AAAA,MADtBC,UACsB,QADtBA,UACsB;;AACtB,0BAAgCN,KAAK,CAACO,UAAN,CAAiBN,aAAjB,CAAhC;AAAA,MAAQO,SAAR,qBAAQA,SAAR;AAAA,MAAmBC,QAAnB,qBAAmBA,QAAnB;;AACAP,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAI,OAAOG,aAAP,KAAyB,QAA7B,EAAuC;AACrCI,MAAAA,QAAQ,CAAC,CAAD,EAAIJ,aAAJ,CAAR;AACD;;AACD,WAAO;AAAA,aAAMC,UAAU,CAACE,SAAS,GAAGE,CAAb,CAAhB;AAAA,KAAP;AACD,GALwB,EAKtB,EALsB,CAAzB;AAMA,SAAO,oBAAC,KAAD,CAAO,QAAP,QAAiBN,QAAjB,CAAP;AACD,CAbM","sourcesContent":["import * as React from \"react\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface ScrollSaverProps {\n  initialScroll?: number;\n  saveScroll: (scroll: number) => any;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScrollSaver\n */\nexport const ScrollSaver = ({\n  children,\n  initialScroll,\n  saveScroll,\n}: ScrollSaverProps) => {\n  const { getScroll, scrollTo } = React.useContext(ScrollContext);\n  useIsomorphicLayoutEffect(() => {\n    if (typeof initialScroll === \"number\") {\n      scrollTo(0, initialScroll);\n    }\n    return () => saveScroll(getScroll().y);\n  }, []);\n  return <React.Fragment>{children}</React.Fragment>;\n};\n"],"file":"ScrollSaver.js"}
+{"version":3,"file":"ScrollSaver.js","names":["React","ScrollContext","useIsomorphicLayoutEffect","ScrollSaver","children","initialScroll","saveScroll","useContext","getScroll","scrollTo","y"],"sources":["../../../src/components/Epic/ScrollSaver.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface ScrollSaverProps {\n  initialScroll?: number;\n  saveScroll: (scroll: number) => any;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScrollSaver\n */\nexport const ScrollSaver = ({\n  children,\n  initialScroll,\n  saveScroll,\n}: ScrollSaverProps) => {\n  const { getScroll, scrollTo } = React.useContext(ScrollContext);\n  useIsomorphicLayoutEffect(() => {\n    if (typeof initialScroll === \"number\") {\n      scrollTo(0, initialScroll);\n    }\n    return () => saveScroll(getScroll().y);\n  }, []);\n  return <React.Fragment>{children}</React.Fragment>;\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,yBAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAIH;EAAA,IAHtBC,QAGsB,QAHtBA,QAGsB;EAAA,IAFtBC,aAEsB,QAFtBA,aAEsB;EAAA,IADtBC,UACsB,QADtBA,UACsB;;EACtB,wBAAgCN,KAAK,CAACO,UAAN,CAAiBN,aAAjB,CAAhC;EAAA,IAAQO,SAAR,qBAAQA,SAAR;EAAA,IAAmBC,QAAnB,qBAAmBA,QAAnB;;EACAP,yBAAyB,CAAC,YAAM;IAC9B,IAAI,OAAOG,aAAP,KAAyB,QAA7B,EAAuC;MACrCI,QAAQ,CAAC,CAAD,EAAIJ,aAAJ,CAAR;IACD;;IACD,OAAO;MAAA,OAAMC,UAAU,CAACE,SAAS,GAAGE,CAAb,CAAhB;IAAA,CAAP;EACD,CALwB,EAKtB,EALsB,CAAzB;EAMA,OAAO,oBAAC,KAAD,CAAO,QAAP,QAAiBN,QAAjB,CAAP;AACD,CAbM"}

package/dist/components/File/File.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/File/File.tsx"],"names":["getClassName","Button","usePlatform","VisuallyHiddenInput","File","children","align","controlSize","size","mode","stretched","before","after","loading","className","style","getRef","getRootRef","appearance","restProps","platform","disabled"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,MAAT;AAEA,SAASC,WAAT;AACA,SAASC,mBAAT;;AAaA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAiBH;AAAA,2BAhBfC,QAgBe;AAAA,MAhBfA,QAgBe,8BAhBJ,eAgBI;AAAA,wBAffC,KAee;AAAA,MAffA,KAee,2BAfP,MAeO;AAAA,MAbfC,WAae,QAbfA,WAae;AAAA,MAZfC,IAYe,QAZfA,IAYe;AAAA,MAXfC,IAWe,QAXfA,IAWe;AAAA,MAVfC,SAUe,QAVfA,SAUe;AAAA,MATfC,MASe,QATfA,MASe;AAAA,MARfC,KAQe,QARfA,KAQe;AAAA,MAPfC,OAOe,QAPfA,OAOe;AAAA,MANfC,SAMe,QANfA,SAMe;AAAA,MALfC,KAKe,QALfA,KAKe;AAAA,MAJfC,MAIe,QAJfA,MAIe;AAAA,MAHfC,UAGe,QAHfA,UAGe;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;;AACf,MAAMC,QAAQ,GAAGlB,WAAW,EAA5B;AAEA,SACE,oBAAC,MAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,KAAK,EAAEI,KAFT;AAGE,IAAA,SAAS,EAAEN,YAAY,CAAC,MAAD,EAASoB,QAAT,CAHzB;AAIE,IAAA,SAAS,EAAEN,SAJb;AAKE,IAAA,SAAS,EAAEJ,SALb;AAME,IAAA,IAAI,EAAED,IANR;AAOE,IAAA,UAAU,EAAES,UAPd,CAQE;AARF;AASE,IAAA,IAAI,EAAEV,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUD,WAThB;AAUE,IAAA,MAAM,EAAEI,MAVV;AAWE,IAAA,KAAK,EAAEC,KAXT;AAYE,IAAA,OAAO,EAAEC,OAZX;AAaE,IAAA,KAAK,EAAEE,KAbT;AAcE,IAAA,UAAU,EAAEE,UAdd;AAeE,IAAA,QAAQ,EAAEE,SAAS,CAACE;AAftB,KAiBE,oBAAC,mBAAD,eACMF,SADN;AAEE,IAAA,SAAS,EAAC,aAFZ;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,MAAM,EAAEH;AAJV,KAjBF,EAuBGX,QAvBH,CADF;AA2BD,CA/CM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Button, VKUIButtonProps } from \"../Button/Button\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, \"type\">,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\">,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLElement> {\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте size\n   */\n  controlSize?: VKUIButtonProps[\"size\"];\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/File\n */\nexport const File = ({\n  children = \"Выберите файл\",\n  align = \"left\",\n  // TODO: v5.0.0 удалить controlSize\n  controlSize,\n  size,\n  mode,\n  stretched,\n  before,\n  after,\n  loading,\n  className,\n  style,\n  getRef,\n  getRootRef,\n  appearance,\n  ...restProps\n}: FileProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Button\n      Component=\"label\"\n      align={align}\n      vkuiClass={getClassName(\"File\", platform)}\n      className={className}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      // TODO: v5.0.0 удалить controlSize\n      size={size ?? controlSize}\n      before={before}\n      after={after}\n      loading={loading}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"File__input\"\n        type=\"file\"\n        getRef={getRef}\n      />\n      {children}\n    </Button>\n  );\n};\n"],"file":"File.js"}
+{"version":3,"file":"File.js","names":["getClassName","Button","usePlatform","VisuallyHiddenInput","File","children","align","controlSize","size","mode","stretched","before","after","loading","className","style","getRef","getRootRef","appearance","restProps","platform","disabled"],"sources":["../../../src/components/File/File.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Button, VKUIButtonProps } from \"../Button/Button\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, \"type\">,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\">,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLElement> {\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте size\n   */\n  controlSize?: VKUIButtonProps[\"size\"];\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/File\n */\nexport const File = ({\n  children = \"Выберите файл\",\n  align = \"left\",\n  // TODO: v5.0.0 удалить controlSize\n  controlSize,\n  size,\n  mode,\n  stretched,\n  before,\n  after,\n  loading,\n  className,\n  style,\n  getRef,\n  getRootRef,\n  appearance,\n  ...restProps\n}: FileProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Button\n      Component=\"label\"\n      align={align}\n      vkuiClass={getClassName(\"File\", platform)}\n      className={className}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      // TODO: v5.0.0 удалить controlSize\n      size={size ?? controlSize}\n      before={before}\n      after={after}\n      loading={loading}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"File__input\"\n        type=\"file\"\n        getRef={getRef}\n      />\n      {children}\n    </Button>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,MAAT;AAEA,SAASC,WAAT;AACA,SAASC,mBAAT;;AAaA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAiBH;EAAA,yBAhBfC,QAgBe;EAAA,IAhBfA,QAgBe,8BAhBJ,eAgBI;EAAA,sBAffC,KAee;EAAA,IAffA,KAee,2BAfP,MAeO;EAAA,IAbfC,WAae,QAbfA,WAae;EAAA,IAZfC,IAYe,QAZfA,IAYe;EAAA,IAXfC,IAWe,QAXfA,IAWe;EAAA,IAVfC,SAUe,QAVfA,SAUe;EAAA,IATfC,MASe,QATfA,MASe;EAAA,IARfC,KAQe,QARfA,KAQe;EAAA,IAPfC,OAOe,QAPfA,OAOe;EAAA,IANfC,SAMe,QANfA,SAMe;EAAA,IALfC,KAKe,QALfA,KAKe;EAAA,IAJfC,MAIe,QAJfA,MAIe;EAAA,IAHfC,UAGe,QAHfA,UAGe;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,IAAMC,QAAQ,GAAGlB,WAAW,EAA5B;EAEA,OACE,oBAAC,MAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEI,KAFT;IAGE,SAAS,EAAEN,YAAY,CAAC,MAAD,EAASoB,QAAT,CAHzB;IAIE,SAAS,EAAEN,SAJb;IAKE,SAAS,EAAEJ,SALb;IAME,IAAI,EAAED,IANR;IAOE,UAAU,EAAES,UAPd,CAQE;IARF;IASE,IAAI,EAAEV,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUD,WAThB;IAUE,MAAM,EAAEI,MAVV;IAWE,KAAK,EAAEC,KAXT;IAYE,OAAO,EAAEC,OAZX;IAaE,KAAK,EAAEE,KAbT;IAcE,UAAU,EAAEE,UAdd;IAeE,QAAQ,EAAEE,SAAS,CAACE;EAftB,GAiBE,oBAAC,mBAAD,eACMF,SADN;IAEE,SAAS,EAAC,aAFZ;IAGE,IAAI,EAAC,MAHP;IAIE,MAAM,EAAEH;EAJV,GAjBF,EAuBGX,QAvBH,CADF;AA2BD,CA/CM"}

package/dist/components/FixedLayout/FixedLayout.js

@@ -42,7 +42,7 @@ export var FixedLayout = function FixedLayout(_ref) {
     return setWidth(colRef !== null && colRef !== void 0 && colRef.current ? "".concat(colRef.current.offsetWidth, "px") : undefined);
   };
 
-  React.useEffect(doResize, [colRef]);
+  React.useEffect(doResize, [colRef, platform]);
   useGlobalEventListener(window, "resize", doResize);
   return createScopedElement(TooltipContainer, _extends({}, restProps, {
     fixed: true,

package/dist/components/FixedLayout/FixedLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"names":["React","IOS","classNames","SplitColContext","TooltipContainer","useDOM","useGlobalEventListener","usePlatform","FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","useState","undefined","width","setWidth","window","useContext","colRef","doResize","current","offsetWidth","useEffect"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT;AACA,SAASC,UAAT;AAEA,SAASC,eAAT;AACA,SAASC,gBAAT;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AACA,SAASC,WAAT;;AAsBA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAQH;AAAA,MAPtBC,QAOsB,QAPtBA,QAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,QAKsB,QALtBA,QAKsB;AAAA,MAJtBC,UAIsB,QAJtBA,UAIsB;AAAA,MAHtBC,MAGsB,QAHtBA,MAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;;AACtB,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;;AACA,wBAA0BP,KAAK,CAACiB,QAAN,CAAmCC,SAAnC,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmBf,MAAM,EAAzB;AAAA,MAAQgB,MAAR,WAAQA,MAAR;;AACA,0BAAmBrB,KAAK,CAACsB,UAAN,CAAiBnB,eAAjB,CAAnB;AAAA,MAAQoB,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,WACfJ,QAAQ,CAACG,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsDR,SAAvD,CADO;AAAA,GAAjB;;AAEAlB,EAAAA,KAAK,CAAC2B,SAAN,CAAgBH,QAAhB,EAA0B,CAACD,MAAD,CAA1B;AACAjB,EAAAA,sBAAsB,CAACe,MAAD,EAAS,QAAT,EAAmBG,QAAnB,CAAtB;AAEA,SACE,oBAAC,gBAAD,eACMT,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,SAAS,EAAEV,UAAU,CACnB,aADmB,EAEnBc,QAAQ,KAAKf,GAAb,IAAoB,kBAFD,EAGnBa,MAAM,IAAI,qBAHS,yBAIHH,QAJG,EAJvB;AAUE,IAAA,KAAK,kCAAOD,KAAP;AAAcS,MAAAA,KAAK,EAALA;AAAd;AAVP,MAYE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,EAAEN;AAAtC,KACGJ,QADH,CAZF,CADF;AAkBD,CApCM","sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : undefined);\n  React.useEffect(doResize, [colRef]);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"FixedLayout\",\n        platform === IOS && \"FixedLayout--ios\",\n        filled && \"FixedLayout--filled\",\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n"],"file":"FixedLayout.js"}
+{"version":3,"file":"FixedLayout.js","names":["React","IOS","classNames","SplitColContext","TooltipContainer","useDOM","useGlobalEventListener","usePlatform","FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","useState","undefined","width","setWidth","window","useContext","colRef","doResize","current","offsetWidth","useEffect"],"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : undefined);\n  React.useEffect(doResize, [colRef, platform]);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"FixedLayout\",\n        platform === IOS && \"FixedLayout--ios\",\n        filled && \"FixedLayout--filled\",\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT;AACA,SAASC,UAAT;AAEA,SAASC,eAAT;AACA,SAASC,gBAAT;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AACA,SAASC,WAAT;;AAsBA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAQH;EAAA,IAPtBC,QAOsB,QAPtBA,QAOsB;EAAA,IANtBC,KAMsB,QANtBA,KAMsB;EAAA,IALtBC,QAKsB,QALtBA,QAKsB;EAAA,IAJtBC,UAIsB,QAJtBA,UAIsB;EAAA,IAHtBC,MAGsB,QAHtBA,MAGsB;EAAA,IAFtBC,MAEsB,QAFtBA,MAEsB;EAAA,IADnBC,SACmB;;EACtB,IAAMC,QAAQ,GAAGT,WAAW,EAA5B;;EACA,sBAA0BP,KAAK,CAACiB,QAAN,CAAmCC,SAAnC,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,cAAmBf,MAAM,EAAzB;EAAA,IAAQgB,MAAR,WAAQA,MAAR;;EACA,wBAAmBrB,KAAK,CAACsB,UAAN,CAAiBnB,eAAjB,CAAnB;EAAA,IAAQoB,MAAR,qBAAQA,MAAR;;EACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW;IAAA,OACfJ,QAAQ,CAACG,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsDR,SAAvD,CADO;EAAA,CAAjB;;EAEAlB,KAAK,CAAC2B,SAAN,CAAgBH,QAAhB,EAA0B,CAACD,MAAD,EAASP,QAAT,CAA1B;EACAV,sBAAsB,CAACe,MAAD,EAAS,QAAT,EAAmBG,QAAnB,CAAtB;EAEA,OACE,oBAAC,gBAAD,eACMT,SADN;IAEE,KAAK,MAFP;IAGE,GAAG,EAAEH,UAHP;IAIE,SAAS,EAAEV,UAAU,CACnB,aADmB,EAEnBc,QAAQ,KAAKf,GAAb,IAAoB,kBAFD,EAGnBa,MAAM,IAAI,qBAHS,yBAIHH,QAJG,EAJvB;IAUE,KAAK,kCAAOD,KAAP;MAAcS,KAAK,EAALA;IAAd;EAVP,IAYE;IAAK,SAAS,EAAC,iBAAf;IAAiC,GAAG,EAAEN;EAAtC,GACGJ,QADH,CAZF,CADF;AAkBD,CApCM"}

package/dist/components/FocusTrap/FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["React","useExternRef","useGlobalEventListener","useTimeout","FOCUSABLE_ELEMENTS_LIST","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","AppRootContext","FOCUSABLE_ELEMENTS","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","keyboardInput","focusOnTrapMount","current","contains","activeElement","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n  FOCUSABLE_ELEMENTS_LIST,\n  Keys,\n  pressedKey,\n} from \"../../lib/accessibility\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { AppRootContext } from \"../AppRoot/AppRootContext\";\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  restoreFocus?: boolean;\n  timeout?: number;\n  onClose?(): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = ({\n  Component = \"div\",\n  onClose,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}: FocusTrapProps) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] = React.useState<\n    HTMLElement[] | null\n  >(null);\n  const [restoreFocusTo, setRestoreFocusTo] =\n    React.useState<HTMLElement | null>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document!.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window!.getComputedStyle(focusableEl);\n\n        if (display !== \"none\" && visibility !== \"hidden\") {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      }\n    );\n\n    if (nodes.length === 0) {\n      // Чтобы фокус был хотя бы на родителе\n      nodes.push(ref.current);\n    }\n\n    setFocusableNodes(nodes);\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document!.activeElement) {\n      setRestoreFocusTo(document!.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return;\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode =\n        targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document!.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (onClose && pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, \"keydown\", onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component tabIndex={-1} ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}
+{"version":3,"file":"FocusTrap.js","names":["React","useExternRef","useGlobalEventListener","useTimeout","FOCUSABLE_ELEMENTS_LIST","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","AppRootContext","FOCUSABLE_ELEMENTS","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","keyboardInput","focusOnTrapMount","current","contains","activeElement","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n  FOCUSABLE_ELEMENTS_LIST,\n  Keys,\n  pressedKey,\n} from \"../../lib/accessibility\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { AppRootContext } from \"../AppRoot/AppRootContext\";\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  restoreFocus?: boolean;\n  timeout?: number;\n  onClose?(): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = ({\n  Component = \"div\",\n  onClose,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}: FocusTrapProps) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] = React.useState<\n    HTMLElement[] | null\n  >(null);\n  const [restoreFocusTo, setRestoreFocusTo] =\n    React.useState<HTMLElement | null>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document!.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window!.getComputedStyle(focusableEl);\n\n        if (display !== \"none\" && visibility !== \"hidden\") {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      }\n    );\n\n    if (nodes.length === 0) {\n      // Чтобы фокус был хотя бы на родителе\n      nodes.push(ref.current);\n    }\n\n    setFocusableNodes(nodes);\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document!.activeElement) {\n      setRestoreFocusTo(document!.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return;\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode =\n        targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document!.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (onClose && pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, \"keydown\", onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component tabIndex={-1} ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":"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"}

package/dist/components/FocusVisible/FocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FocusVisible/FocusVisible.tsx"],"names":["classNames","FocusVisible","mode"],"mappings":";AAAA,SAASA,UAAT;;AASA;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,SAC1B;AACE,mBAAY,MADd;AAEE,IAAA,SAAS,EAAEF,UAAU,CAAC,cAAD,0BAAkCE,IAAlC;AAFvB,IAD0B;AAAA,CAArB","sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport \"./FocusVisible.css\";\n\nexport type FocusVisibleMode = \"inside\" | \"outside\";\n\nexport interface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n  <span\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\"FocusVisible\", `FocusVisible--${mode}`)}\n  />\n);\n"],"file":"FocusVisible.js"}
+{"version":3,"file":"FocusVisible.js","names":["classNames","FocusVisible","mode"],"sources":["../../../src/components/FocusVisible/FocusVisible.tsx"],"sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport \"./FocusVisible.css\";\n\nexport type FocusVisibleMode = \"inside\" | \"outside\";\n\nexport interface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n  <span\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\"FocusVisible\", `FocusVisible--${mode}`)}\n  />\n);\n"],"mappings":";AAAA,SAASA,UAAT;;AASA;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,OAC1B;IACE,eAAY,MADd;IAEE,SAAS,EAAEF,UAAU,CAAC,cAAD,0BAAkCE,IAAlC;EAFvB,EAD0B;AAAA,CAArB"}

package/dist/components/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Footer/Footer.tsx"],"names":["Caption","Footer","children","restProps"],"mappings":";;;;AAEA,SAASA,OAAT;;AAKA;AACA;AACA;AACA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAS,OAA6C;AAAA,MAA1CC,QAA0C,QAA1CA,QAA0C;AAAA,MAA7BC,SAA6B;;AACjE,SACE,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAgCA,SAAhC;AAA2C,IAAA,SAAS,EAAC;AAArD,MACGD,QADH,CADF;AAKD,CANM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./Footer.css\";\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footer\n */\nexport const Footer = ({ children, ...restProps }: FooterProps) => {\n  return (\n    <Caption Component=\"footer\" {...restProps} vkuiClass=\"Footer\">\n      {children}\n    </Caption>\n  );\n};\n"],"file":"Footer.js"}
+{"version":3,"file":"Footer.js","names":["Caption","Footer","children","restProps"],"sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./Footer.css\";\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footer\n */\nexport const Footer = ({ children, ...restProps }: FooterProps) => {\n  return (\n    <Caption Component=\"footer\" {...restProps} vkuiClass=\"Footer\">\n      {children}\n    </Caption>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,OAAT;;AAKA;AACA;AACA;AACA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAS,OAA6C;EAAA,IAA1CC,QAA0C,QAA1CA,QAA0C;EAAA,IAA7BC,SAA6B;;EACjE,OACE,oBAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,GAAgCA,SAAhC;IAA2C,SAAS,EAAC;EAArD,IACGD,QADH,CADF;AAKD,CANM"}

package/dist/components/FormField/FormField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormField/FormField.tsx"],"names":["React","classNames","useAdaptivity","FormFieldMode","default","plain","FormField","Component","status","children","getRootRef","before","after","disabled","mode","restProps","sizeY","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AAEA,SAASC,aAAT;AAGA,OAAO,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE,SADkB;AAE3BC,EAAAA,KAAK,EAAE;AAFoB,CAAtB;;AAoCP;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAUA;AAAA,4BATvBC,SASuB;AAAA,MATvBA,SASuB,+BATX,KASW;AAAA,yBARvBC,MAQuB;AAAA,MARvBA,MAQuB,4BARd,SAQc;AAAA,MAPvBC,QAOuB,QAPvBA,QAOuB;AAAA,MANvBC,UAMuB,QANvBA,UAMuB;AAAA,MALvBC,MAKuB,QALvBA,MAKuB;AAAA,MAJvBC,KAIuB,QAJvBA,KAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,uBAFvBC,IAEuB;AAAA,MAFvBA,IAEuB,0BAFhBX,aAAa,CAACC,OAEE;AAAA,MADpBW,SACoB;;AACvB,uBAAkBb,aAAa,EAA/B;AAAA,MAAQc,KAAR,kBAAQA,KAAR;;AACA,wBAA0BhB,KAAK,CAACiB,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAHD;;AAKA,MAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD;;AAKA,SACE,oBAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEMJ,SAFN;AAGE,IAAA,GAAG,EAAEL,UAHP;AAIE,IAAA,YAAY,EAAEU,gBAJhB;AAKE,IAAA,YAAY,EAAEG,gBALhB;AAME,IAAA,SAAS,EAAEtB,UAAU,CACnB,WADmB,uBAELa,IAFK,+BAGEN,MAHF,8BAICQ,KAJD,GAIU;AAC7BH,IAAAA,QAAQ,IAAI,qBALO,EAMnB,CAACA,QAAD,IAAaK,KAAb,IAAsB,kBANH;AANvB,MAeGP,MAAM,IACL;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,MADH,CAhBJ,EAoBGF,QApBH,EAqBGG,KAAK,IACJ;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,KADH,CAtBJ,EA0BE;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,IA1BF,CADF;AA8BD,CAtDM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormField.css\";\n\nexport const FormFieldMode = {\n  default: \"default\",\n  plain: \"plain\",\n} as const;\n\nexport interface FormFieldProps {\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Добавляет иконку слева.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  before?: React.ReactNode;\n  /**\n   * Добавляет иконку справа.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  after?: React.ReactNode;\n  mode?: keyof typeof FormFieldMode;\n}\n\ninterface FormFieldOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    FormFieldProps {\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormField\n */\nexport const FormField = ({\n  Component = \"div\",\n  status = \"default\",\n  children,\n  getRootRef,\n  before,\n  after,\n  disabled,\n  mode = FormFieldMode.default,\n  ...restProps\n}: FormFieldOwnProps) => {\n  const { sizeY } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const handleMouseEnter = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(true);\n  };\n\n  const handleMouseLeave = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(false);\n  };\n\n  return (\n    <Component\n      role=\"presentation\"\n      {...restProps}\n      ref={getRootRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      vkuiClass={classNames(\n        \"FormField\",\n        `FormField--${mode}`,\n        `FormField--status-${status}`,\n        `FormField--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n        disabled && \"FormField--disabled\",\n        !disabled && hover && \"FormField--hover\"\n      )}\n    >\n      {before && (\n        <div role=\"presentation\" vkuiClass=\"FormField__before\">\n          {before}\n        </div>\n      )}\n      {children}\n      {after && (\n        <div role=\"presentation\" vkuiClass=\"FormField__after\">\n          {after}\n        </div>\n      )}\n      <div role=\"presentation\" vkuiClass=\"FormField__border\" />\n    </Component>\n  );\n};\n"],"file":"FormField.js"}
+{"version":3,"file":"FormField.js","names":["React","classNames","useAdaptivity","FormFieldMode","default","plain","FormField","Component","status","children","getRootRef","before","after","disabled","mode","restProps","sizeY","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormField.css\";\n\nexport const FormFieldMode = {\n  default: \"default\",\n  plain: \"plain\",\n} as const;\n\nexport interface FormFieldProps {\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Добавляет иконку слева.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  before?: React.ReactNode;\n  /**\n   * Добавляет иконку справа.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  after?: React.ReactNode;\n  mode?: keyof typeof FormFieldMode;\n}\n\ninterface FormFieldOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    FormFieldProps {\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormField\n */\nexport const FormField = ({\n  Component = \"div\",\n  status = \"default\",\n  children,\n  getRootRef,\n  before,\n  after,\n  disabled,\n  mode = FormFieldMode.default,\n  ...restProps\n}: FormFieldOwnProps) => {\n  const { sizeY } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const handleMouseEnter = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(true);\n  };\n\n  const handleMouseLeave = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(false);\n  };\n\n  return (\n    <Component\n      role=\"presentation\"\n      {...restProps}\n      ref={getRootRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      vkuiClass={classNames(\n        \"FormField\",\n        `FormField--${mode}`,\n        `FormField--status-${status}`,\n        `FormField--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n        disabled && \"FormField--disabled\",\n        !disabled && hover && \"FormField--hover\"\n      )}\n    >\n      {before && (\n        <div role=\"presentation\" vkuiClass=\"FormField__before\">\n          {before}\n        </div>\n      )}\n      {children}\n      {after && (\n        <div role=\"presentation\" vkuiClass=\"FormField__after\">\n          {after}\n        </div>\n      )}\n      <div role=\"presentation\" vkuiClass=\"FormField__border\" />\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AAEA,SAASC,aAAT;AAGA,OAAO,IAAMC,aAAa,GAAG;EAC3BC,OAAO,EAAE,SADkB;EAE3BC,KAAK,EAAE;AAFoB,CAAtB;;AAoCP;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAUA;EAAA,0BATvBC,SASuB;EAAA,IATvBA,SASuB,+BATX,KASW;EAAA,uBARvBC,MAQuB;EAAA,IARvBA,MAQuB,4BARd,SAQc;EAAA,IAPvBC,QAOuB,QAPvBA,QAOuB;EAAA,IANvBC,UAMuB,QANvBA,UAMuB;EAAA,IALvBC,MAKuB,QALvBA,MAKuB;EAAA,IAJvBC,KAIuB,QAJvBA,KAIuB;EAAA,IAHvBC,QAGuB,QAHvBA,QAGuB;EAAA,qBAFvBC,IAEuB;EAAA,IAFvBA,IAEuB,0BAFhBX,aAAa,CAACC,OAEE;EAAA,IADpBW,SACoB;;EACvB,qBAAkBb,aAAa,EAA/B;EAAA,IAAQc,KAAR,kBAAQA,KAAR;;EACA,sBAA0BhB,KAAK,CAACiB,QAAN,CAAe,KAAf,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;IAC1CA,CAAC,CAACC,eAAF;IACAH,QAAQ,CAAC,IAAD,CAAR;EACD,CAHD;;EAKA,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;IAC1CA,CAAC,CAACC,eAAF;IACAH,QAAQ,CAAC,KAAD,CAAR;EACD,CAHD;;EAKA,OACE,oBAAC,SAAD;IACE,IAAI,EAAC;EADP,GAEMJ,SAFN;IAGE,GAAG,EAAEL,UAHP;IAIE,YAAY,EAAEU,gBAJhB;IAKE,YAAY,EAAEG,gBALhB;IAME,SAAS,EAAEtB,UAAU,CACnB,WADmB,uBAELa,IAFK,+BAGEN,MAHF,8BAICQ,KAJD,GAIU;IAC7BH,QAAQ,IAAI,qBALO,EAMnB,CAACA,QAAD,IAAaK,KAAb,IAAsB,kBANH;EANvB,IAeGP,MAAM,IACL;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAC;EAAnC,GACGA,MADH,CAhBJ,EAoBGF,QApBH,EAqBGG,KAAK,IACJ;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAC;EAAnC,GACGA,KADH,CAtBJ,EA0BE;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAC;EAAnC,EA1BF,CADF;AA8BD,CAtDM"}

package/dist/components/FormItem/FormItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormItem/FormItem.tsx"],"names":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","noop","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT,EAAuBC,IAAvB;AACA,SAASC,OAAT;AACA,SAASC,OAAT;AACA,SAASC,aAAT;AACA,SAASC,SAAT;;AAiBA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAWH;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,2BAJnBC,QAImB;AAAA,MAJnBA,SAImB,8BAJRZ,IAIQ;AAAA,mCAHnBa,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AACA,MAAMoB,MAAM,GAAGrB,YAAY,CAACkB,UAAD,CAA3B;;AACA,uBAAkBX,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGpB,YAAY,CAACQ,GAAD,CAAZ,IAAqB,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAoCA,GAApC,CADxB,EAEGD,QAFH,EAGGP,YAAY,CAACS,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAuCA,MAAvC,CAJJ,CADF;AAUA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAEtB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAakB,QAAb,CADO,EACiB;AADjB,wBAENP,MAFM,6BAGAS,KAHA,GAInBnB,YAAY,CAACQ,GAAD,CAAZ,IAAqB,mBAJF,EAKnBI,SAAS,IAAI,qBALM;AAHvB,MAWGA,SAAS,GACR,oBAAC,SAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,QAAQ,EAAE,kBAACS,CAAD,EAAO;AACf,UAAIH,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEI,OAAZ,EAAqB;AACnBT,QAAAA,SAAQ,CAACQ,CAAD,EAAIH,MAAM,CAACI,OAAX,CAAR;AACD;AACF,KANH;AAOE,IAAA,iBAAiB,EAAER;AAPrB,KASE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCM,eAAtC,CATF,CADQ,GAaRA,eAxBJ,CADF;AA6BD,CAvDM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem = ({\n  children,\n  top,\n  bottom,\n  status = \"default\",\n  Component = \"div\",\n  removable,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && <Subhead vkuiClass=\"FormItem__top\">{top}</Subhead>}\n      {children}\n      {hasReactNode(bottom) && (\n        <Caption vkuiClass=\"FormItem__bottom\">{bottom}</Caption>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormItem\", platform), // TODO: v5 remove\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        hasReactNode(top) && \"FormItem--withTop\",\n        removable && \"FormItem--removable\"\n      )}\n    >\n      {removable ? (\n        <Removable\n          align=\"start\"\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          removePlaceholder={removePlaceholder}\n        >\n          <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n        </Removable>\n      ) : (\n        wrappedChildren\n      )}\n    </Component>\n  );\n};\n"],"file":"FormItem.js"}
+{"version":3,"file":"FormItem.js","names":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","noop","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"sources":["../../../src/components/FormItem/FormItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem = ({\n  children,\n  top,\n  bottom,\n  status = \"default\",\n  Component = \"div\",\n  removable,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && <Subhead vkuiClass=\"FormItem__top\">{top}</Subhead>}\n      {children}\n      {hasReactNode(bottom) && (\n        <Caption vkuiClass=\"FormItem__bottom\">{bottom}</Caption>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormItem\", platform), // TODO: v5 remove\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        hasReactNode(top) && \"FormItem--withTop\",\n        removable && \"FormItem--removable\"\n      )}\n    >\n      {removable ? (\n        <Removable\n          align=\"start\"\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          removePlaceholder={removePlaceholder}\n        >\n          <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n        </Removable>\n      ) : (\n        wrappedChildren\n      )}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT,EAAuBC,IAAvB;AACA,SAASC,OAAT;AACA,SAASC,OAAT;AACA,SAASC,aAAT;AACA,SAASC,SAAT;;AAiBA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAWH;EAAA,IAVnBC,QAUmB,QAVnBA,QAUmB;EAAA,IATnBC,GASmB,QATnBA,GASmB;EAAA,IARnBC,MAQmB,QARnBA,MAQmB;EAAA,uBAPnBC,MAOmB;EAAA,IAPnBA,MAOmB,4BAPV,SAOU;EAAA,0BANnBC,SAMmB;EAAA,IANnBA,SAMmB,+BANP,KAMO;EAAA,IALnBC,SAKmB,QALnBA,SAKmB;EAAA,yBAJnBC,QAImB;EAAA,IAJnBA,SAImB,8BAJRZ,IAIQ;EAAA,iCAHnBa,iBAGmB;EAAA,IAHnBA,iBAGmB,sCAHC,SAGD;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;;EACnB,IAAMC,QAAQ,GAAGnB,WAAW,EAA5B;EACA,IAAMoB,MAAM,GAAGrB,YAAY,CAACkB,UAAD,CAA3B;;EACA,qBAAkBX,aAAa,EAA/B;EAAA,IAAQe,KAAR,kBAAQA,KAAR;;EAEA,IAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGpB,YAAY,CAACQ,GAAD,CAAZ,IAAqB,oBAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,GAAoCA,GAApC,CADxB,EAEGD,QAFH,EAGGP,YAAY,CAACS,MAAD,CAAZ,IACC,oBAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,GAAuCA,MAAvC,CAJJ,CADF;EAUA,OACE,oBAAC,SAAD,eACMO,SADN;IAEE,GAAG,EAAEE,MAFP;IAGE,SAAS,EAAEtB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAakB,QAAb,CADO,EACiB;IADjB,oBAENP,MAFM,6BAGAS,KAHA,GAInBnB,YAAY,CAACQ,GAAD,CAAZ,IAAqB,mBAJF,EAKnBI,SAAS,IAAI,qBALM;EAHvB,IAWGA,SAAS,GACR,oBAAC,SAAD;IACE,KAAK,EAAC,OADR;IAEE,QAAQ,EAAE,kBAACS,CAAD,EAAO;MACf,IAAIH,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEI,OAAZ,EAAqB;QACnBT,SAAQ,CAACQ,CAAD,EAAIH,MAAM,CAACI,OAAX,CAAR;MACD;IACF,CANH;IAOE,iBAAiB,EAAER;EAPrB,GASE;IAAK,SAAS,EAAC;EAAf,GAAsCM,eAAtC,CATF,CADQ,GAaRA,eAxBJ,CADF;AA6BD,CAvDM"}

package/dist/components/FormLayout/FormLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormLayout/FormLayout.tsx"],"names":["getClassName","usePlatform","preventDefault","e","FormLayout","children","Component","getRef","onSubmit","restProps","platform"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;;AAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA;AACA;AACA;AACA,OAAO,IAAME,UAAU,GAAG,SAAbA,UAAa,OAMH;AAAA,MALrBC,QAKqB,QALrBA,QAKqB;AAAA,4BAJrBC,SAIqB;AAAA,MAJrBA,SAIqB,+BAJT,MAIS;AAAA,MAHrBC,MAGqB,QAHrBA,MAGqB;AAAA,2BAFrBC,QAEqB;AAAA,MAFrBA,QAEqB,8BAFVN,cAEU;AAAA,MADlBO,SACkB;;AACrB,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD,eACMQ,SADN;AAEE,IAAA,SAAS,EAAET,YAAY,CAAC,YAAD,EAAeU,QAAf,CAFzB;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCF,QAAxC,CANF,EAOGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IARJ,CADF;AAaD,CArBM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRef } from \"../../types\";\nimport \"./FormLayout.css\";\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> &\n  HasRef<HTMLElement> &\n  HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayout\n */\nexport const FormLayout = ({\n  children,\n  Component = \"form\",\n  getRef,\n  onSubmit = preventDefault,\n  ...restProps\n}: FormLayoutProps) => {\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName(\"FormLayout\", platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">{children}</div>\n      {Component === \"form\" && (\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      )}\n    </Component>\n  );\n};\n"],"file":"FormLayout.js"}
+{"version":3,"file":"FormLayout.js","names":["getClassName","usePlatform","preventDefault","e","FormLayout","children","Component","getRef","onSubmit","restProps","platform"],"sources":["../../../src/components/FormLayout/FormLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRef } from \"../../types\";\nimport \"./FormLayout.css\";\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> &\n  HasRef<HTMLElement> &\n  HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayout\n */\nexport const FormLayout = ({\n  children,\n  Component = \"form\",\n  getRef,\n  onSubmit = preventDefault,\n  ...restProps\n}: FormLayoutProps) => {\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName(\"FormLayout\", platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">{children}</div>\n      {Component === \"form\" && (\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      )}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;;AAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;EAAA,OAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA;AACA;AACA;AACA,OAAO,IAAME,UAAU,GAAG,SAAbA,UAAa,OAMH;EAAA,IALrBC,QAKqB,QALrBA,QAKqB;EAAA,0BAJrBC,SAIqB;EAAA,IAJrBA,SAIqB,+BAJT,MAIS;EAAA,IAHrBC,MAGqB,QAHrBA,MAGqB;EAAA,yBAFrBC,QAEqB;EAAA,IAFrBA,QAEqB,8BAFVN,cAEU;EAAA,IADlBO,SACkB;;EACrB,IAAMC,QAAQ,GAAGT,WAAW,EAA5B;EACA,OACE,oBAAC,SAAD,eACMQ,SADN;IAEE,SAAS,EAAET,YAAY,CAAC,YAAD,EAAeU,QAAf,CAFzB;IAGE,QAAQ,EAAEF,QAHZ;IAIE,GAAG,EAAED;EAJP,IAME;IAAK,SAAS,EAAC;EAAf,GAAwCF,QAAxC,CANF,EAOGC,SAAS,KAAK,MAAd,IACC;IAAO,IAAI,EAAC,QAAZ;IAAqB,SAAS,EAAC,oBAA/B;IAAoD,KAAK,EAAC;EAA1D,EARJ,CADF;AAaD,CArBM"}

package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["React","getClassName","classNames","noop","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","isSegmented","rootEl","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,IAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;;AAmBA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OASH;AAAA,MAR1BC,QAQ0B,QAR1BA,QAQ0B;AAAA,uBAP1BC,IAO0B;AAAA,MAP1BA,IAO0B,0BAPnB,UAOmB;AAAA,MAN1BC,SAM0B,QAN1BA,SAM0B;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,2BAH1BC,QAG0B;AAAA,MAH1BA,SAG0B,8BAHfX,IAGe;AAAA,MAF1BY,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGZ,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQW,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGR,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMU,WAAW,GAAGR,SAAS,IAAIF,IAAI,KAAK,YAA1C;AACA,MAAMW,MAAM,GAAGjB,YAAY,CAACW,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEM,MADP;AAEE,IAAA,SAAS,EAAEnB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBgB,QAApB,CADO,EACwB;AADxB,qCAEOC,KAFP,8BAGCR,IAHD,GAInBS,WAAW,IAAI,4BAJI,EAKnBC,WAAW,IAAI,4BALI;AAFvB,KASMJ,SATN,GAWGG,WAAW,GACV,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEN,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACS,CAAD,EAAO;AACf,UAAID,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;AACnBT,QAAAA,SAAQ,CAACQ,CAAD,EAAID,MAAM,CAACE,OAAX,CAAR;AACD;AACF;AARH,KAUGd,QAVH,CADU,GAcV,oBAAC,KAAD,CAAO,QAAP,QACGA,QADH,EAEE;AAAM,IAAA,SAAS,EAAC,yBAAhB;AAA0C;AAA1C,IAFF,CAzBJ,CADF;AAiCD,CAjDM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n\n  /**\n   * Только для режима horizontal. Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = \"vertical\",\n  removable,\n  segmented,\n  removePlaceholder = \"Удалить\",\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === \"horizontal\";\n  const isSegmented = segmented && mode === \"horizontal\";\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormLayoutGroup\", platform), // TODO: v5 remove\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`,\n        isRemovable && \"FormLayoutGroup--removable\",\n        isSegmented && \"FormLayoutGroup--segmented\"\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          vkuiClass=\"FormLayoutGroup__removable\"\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span vkuiClass=\"FormLayoutGroup__offset\" aria-hidden />\n        </React.Fragment>\n      )}\n    </div>\n  );\n};\n"],"file":"FormLayoutGroup.js"}
+{"version":3,"file":"FormLayoutGroup.js","names":["React","getClassName","classNames","noop","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","isSegmented","rootEl","e","current"],"sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n\n  /**\n   * Только для режима horizontal. Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = \"vertical\",\n  removable,\n  segmented,\n  removePlaceholder = \"Удалить\",\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === \"horizontal\";\n  const isSegmented = segmented && mode === \"horizontal\";\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormLayoutGroup\", platform), // TODO: v5 remove\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`,\n        isRemovable && \"FormLayoutGroup--removable\",\n        isSegmented && \"FormLayoutGroup--segmented\"\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          vkuiClass=\"FormLayoutGroup__removable\"\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span vkuiClass=\"FormLayoutGroup__offset\" aria-hidden />\n        </React.Fragment>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,IAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;;AAmBA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OASH;EAAA,IAR1BC,QAQ0B,QAR1BA,QAQ0B;EAAA,qBAP1BC,IAO0B;EAAA,IAP1BA,IAO0B,0BAPnB,UAOmB;EAAA,IAN1BC,SAM0B,QAN1BA,SAM0B;EAAA,IAL1BC,SAK0B,QAL1BA,SAK0B;EAAA,iCAJ1BC,iBAI0B;EAAA,IAJ1BA,iBAI0B,sCAJN,SAIM;EAAA,yBAH1BC,QAG0B;EAAA,IAH1BA,SAG0B,8BAHfX,IAGe;EAAA,IAF1BY,UAE0B,QAF1BA,UAE0B;EAAA,IADvBC,SACuB;;EAC1B,IAAMC,QAAQ,GAAGZ,WAAW,EAA5B;;EACA,qBAAkBE,aAAa,EAA/B;EAAA,IAAQW,KAAR,kBAAQA,KAAR;;EACA,IAAMC,WAAW,GAAGR,SAAS,IAAID,IAAI,KAAK,YAA1C;EACA,IAAMU,WAAW,GAAGR,SAAS,IAAIF,IAAI,KAAK,YAA1C;EACA,IAAMW,MAAM,GAAGjB,YAAY,CAACW,UAAD,CAA3B;EAEA,OACE;IACE,GAAG,EAAEM,MADP;IAEE,SAAS,EAAEnB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBgB,QAApB,CADO,EACwB;IADxB,iCAEOC,KAFP,8BAGCR,IAHD,GAInBS,WAAW,IAAI,4BAJI,EAKnBC,WAAW,IAAI,4BALI;EAFvB,GASMJ,SATN,GAWGG,WAAW,GACV,oBAAC,SAAD;IACE,SAAS,EAAC,4BADZ;IAEE,KAAK,EAAC,OAFR;IAGE,iBAAiB,EAAEN,iBAHrB;IAIE,QAAQ,EAAE,kBAACS,CAAD,EAAO;MACf,IAAID,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;QACnBT,SAAQ,CAACQ,CAAD,EAAID,MAAM,CAACE,OAAX,CAAR;MACD;IACF;EARH,GAUGd,QAVH,CADU,GAcV,oBAAC,KAAD,CAAO,QAAP,QACGA,QADH,EAEE;IAAM,SAAS,EAAC,yBAAhB;IAA0C;EAA1C,EAFF,CAzBJ,CADF;AAiCD,CAjDM"}

package/dist/components/FormStatus/FormStatus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormStatus/FormStatus.tsx"],"names":["classNames","Headline","Caption","hasReactNode","FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,QAAT;AACA,SAASC,OAAT;AACA,SAASC,YAAT;;AAQA;;AAEA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAMH;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,MAIqB,QAJrBA,MAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,uBAEqB,QAFrBA,uBAEqB;AAAA,MADlBC,SACkB;;AACrB,SACE,wCACMA,SADN;AAEE,IAAA,SAAS,EAAET,UAAU,CAAC,YAAD,wBAA8BK,IAA9B;AAFvB,MAIGF,YAAY,CAACG,MAAD,CAAZ,IACC,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAC,GAAjB;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACGA,MADH,CALJ,EASGE,uBAAuB,IACtB,oBAAC,OAAD;AAAS,IAAA,uBAAuB,EAAEA;AAAlC,IAVJ,EAYGL,YAAY,CAACI,QAAD,CAAZ,IAA0B,CAACC,uBAA3B,IACC,oBAAC,OAAD,QAAUD,QAAV,CAbJ,CADF;AAkBD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"default\" | \"error\";\n  header?: React.ReactNode;\n}\n\n/* TODO: v5.0.0 удалить */\n\n/**\n * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  header,\n  children,\n  dangerouslySetInnerHTML,\n  ...restProps\n}: FormStatusProps) => {\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\"FormStatus\", `FormStatus--${mode}`)}\n    >\n      {hasReactNode(header) && (\n        <Headline weight=\"2\" vkuiClass=\"FormStatus__header\">\n          {header}\n        </Headline>\n      )}\n      {dangerouslySetInnerHTML && (\n        <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n      )}\n      {hasReactNode(children) && !dangerouslySetInnerHTML && (\n        <Caption>{children}</Caption>\n      )}\n    </div>\n  );\n};\n"],"file":"FormStatus.js"}
+{"version":3,"file":"FormStatus.js","names":["classNames","Headline","Caption","hasReactNode","FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps"],"sources":["../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"default\" | \"error\";\n  header?: React.ReactNode;\n}\n\n/* TODO: v5.0.0 удалить */\n\n/**\n * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  header,\n  children,\n  dangerouslySetInnerHTML,\n  ...restProps\n}: FormStatusProps) => {\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\"FormStatus\", `FormStatus--${mode}`)}\n    >\n      {hasReactNode(header) && (\n        <Headline weight=\"2\" vkuiClass=\"FormStatus__header\">\n          {header}\n        </Headline>\n      )}\n      {dangerouslySetInnerHTML && (\n        <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n      )}\n      {hasReactNode(children) && !dangerouslySetInnerHTML && (\n        <Caption>{children}</Caption>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,QAAT;AACA,SAASC,OAAT;AACA,SAASC,YAAT;;AAQA;;AAEA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAMH;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,MAIqB,QAJrBA,MAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,IAFrBC,uBAEqB,QAFrBA,uBAEqB;EAAA,IADlBC,SACkB;;EACrB,OACE,wCACMA,SADN;IAEE,SAAS,EAAET,UAAU,CAAC,YAAD,wBAA8BK,IAA9B;EAFvB,IAIGF,YAAY,CAACG,MAAD,CAAZ,IACC,oBAAC,QAAD;IAAU,MAAM,EAAC,GAAjB;IAAqB,SAAS,EAAC;EAA/B,GACGA,MADH,CALJ,EASGE,uBAAuB,IACtB,oBAAC,OAAD;IAAS,uBAAuB,EAAEA;EAAlC,EAVJ,EAYGL,YAAY,CAACI,QAAD,CAAZ,IAA0B,CAACC,uBAA3B,IACC,oBAAC,OAAD,QAAUD,QAAV,CAbJ,CADF;AAkBD,CAzBM"}

package/dist/components/Gallery/Gallery.js

@@ -59,6 +59,8 @@ export var Gallery = function Gallery(_ref) {
     if (onChange && safeSlideIndex !== slideIndex) {
       onChange(safeSlideIndex);
     }
+
+    setSlideIndex(safeSlideIndex);
   }, [onChange, safeSlideIndex, slideIndex]);
   return createScopedElement(BaseGallery, _extends({
     isDraggable: isDraggable

package/dist/components/Gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Gallery/Gallery.tsx"],"names":["React","clamp","useTimeout","BaseGallery","Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAOH;AAAA;;AAAA,mCANlBC,iBAMkB;AAAA,MANlBA,iBAMkB,sCANE,CAMF;AAAA,MALlBC,QAKkB,QALlBA,QAKkB;AAAA,0BAJlBC,OAIkB;AAAA,MAJlBA,OAIkB,6BAJR,CAIQ;AAAA,MAHlBC,QAGkB,QAHlBA,QAGkB;AAAA,MAFlBC,OAEkB,QAFlBA,OAEkB;AAAA,MADfC,KACe;;AAClB,wBAAyCV,KAAK,CAACW,QAAN,CAAeN,iBAAf,CAAzC;AAAA;AAAA,MAAOO,eAAP;AAAA,MAAwBC,aAAxB;;AACA,MAAMC,YAAY,GAAG,OAAOJ,KAAK,CAACK,UAAb,KAA4B,QAAjD;AACA,MAAMA,UAAU,GAAGD,YAAY,wBAAGJ,KAAK,CAACK,UAAT,iEAAuB,CAAvB,GAA2BH,eAA1D;AACA,MAAMI,WAAW,GAAG,CAACF,YAAD,IAAiBG,OAAO,CAACT,QAAD,CAA5C;AACA,MAAMU,MAAM,GAAGlB,KAAK,CAACmB,OAAN,CACb;AAAA,WAAMnB,KAAK,CAACoB,QAAN,CAAeC,OAAf,CAAuBf,QAAvB,EAAiCgB,MAAjC,CAAwC,UAACC,IAAD;AAAA,aAAUN,OAAO,CAACM,IAAD,CAAjB;AAAA,KAAxC,CAAN;AAAA,GADa,EAEb,CAACjB,QAAD,CAFa,CAAf;AAIA,MAAMkB,UAAU,GAAGN,MAAM,CAACO,MAA1B;AAEA,MAAMC,YAAsC,GAAG1B,KAAK,CAAC2B,WAAN,CAC7C,UAACC,OAAD,EAAqB;AACnB,QAAIA,OAAO,KAAKb,UAAhB,EAA4B;AAC1B;AACD;;AACD,KAACD,YAAD,IAAiBD,aAAa,CAACe,OAAD,CAA9B;AACApB,IAAAA,QAAQ,IAAIA,QAAQ,CAACoB,OAAD,CAApB;AACD,GAP4C,EAQ7C,CAACd,YAAD,EAAeN,QAAf,EAAyBO,UAAzB,CAR6C,CAA/C;AAWA,MAAMc,QAAQ,GAAG3B,UAAU,CACzB;AAAA,WAAMwB,YAAY,CAAC,CAACX,UAAU,GAAG,CAAd,IAAmBS,UAApB,CAAlB;AAAA,GADyB,EAEzBjB,OAFyB,CAA3B;AAIAP,EAAAA,KAAK,CAAC8B,SAAN,CACE;AAAA,WAAOvB,OAAO,GAAGsB,QAAQ,CAACE,GAAT,EAAH,GAAoBF,QAAQ,CAACG,KAAT,EAAlC;AAAA,GADF,EAEE,CAACzB,OAAD,EAAUQ,UAAV,EAAsBc,QAAtB,CAFF,EA1BkB,CA+BlB;AACA;;AACA,MAAMI,cAAc,GAClBT,UAAU,GAAG,CAAb,GAAiBvB,KAAK,CAACc,UAAD,EAAa,CAAb,EAAgBS,UAAU,GAAG,CAA7B,CAAtB,GAAwDT,UAD1D,CAjCkB,CAmClB;;AACAf,EAAAA,KAAK,CAAC8B,SAAN,CAAgB,YAAM;AACpB,QAAItB,QAAQ,IAAIyB,cAAc,KAAKlB,UAAnC,EAA+C;AAC7CP,MAAAA,QAAQ,CAACyB,cAAD,CAAR;AACD;AACF,GAJD,EAIG,CAACzB,QAAD,EAAWyB,cAAX,EAA2BlB,UAA3B,CAJH;AAMA,SACE,oBAAC,WAAD;AACE,IAAA,WAAW,EAAEC;AADf,KAEMN,KAFN;AAGE,IAAA,OAAO,EAAEc,UAAU,GAAG,CAAb,IAAkBf,OAH7B;AAIE,IAAA,UAAU,EAAEwB,cAJd;AAKE,IAAA,QAAQ,EAAEP;AALZ,MAOGR,MAPH,CADF;AAWD,CA5DM","sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { BaseGallery } from \"../BaseGallery/BaseGallery\";\nimport { BaseGalleryProps } from \"../BaseGallery/types\";\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === \"number\";\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children]\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex]\n  );\n\n  const autoplay = useTimeout(\n    () => handleChange((slideIndex + 1) % childCount),\n    timeout\n  );\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay]\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex =\n    childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGallery\n      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGallery>\n  );\n};\n"],"file":"Gallery.js"}
+{"version":3,"file":"Gallery.js","names":["React","clamp","useTimeout","BaseGallery","Gallery","initialSlideIndex","children","timeout","onChange","bullets","props","useState","localSlideIndex","setSlideIndex","isControlled","slideIndex","isDraggable","Boolean","slides","useMemo","Children","toArray","filter","item","childCount","length","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"sources":["../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { BaseGallery } from \"../BaseGallery/BaseGallery\";\nimport { BaseGalleryProps } from \"../BaseGallery/types\";\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === \"number\";\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children]\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex]\n  );\n\n  const autoplay = useTimeout(\n    () => handleChange((slideIndex + 1) % childCount),\n    timeout\n  );\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay]\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex =\n    childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n    setSlideIndex(safeSlideIndex);\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGallery\n      isDraggable={isDraggable}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGallery>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAOH;EAAA;;EAAA,iCANlBC,iBAMkB;EAAA,IANlBA,iBAMkB,sCANE,CAMF;EAAA,IALlBC,QAKkB,QALlBA,QAKkB;EAAA,wBAJlBC,OAIkB;EAAA,IAJlBA,OAIkB,6BAJR,CAIQ;EAAA,IAHlBC,QAGkB,QAHlBA,QAGkB;EAAA,IAFlBC,OAEkB,QAFlBA,OAEkB;EAAA,IADfC,KACe;;EAClB,sBAAyCV,KAAK,CAACW,QAAN,CAAeN,iBAAf,CAAzC;EAAA;EAAA,IAAOO,eAAP;EAAA,IAAwBC,aAAxB;;EACA,IAAMC,YAAY,GAAG,OAAOJ,KAAK,CAACK,UAAb,KAA4B,QAAjD;EACA,IAAMA,UAAU,GAAGD,YAAY,wBAAGJ,KAAK,CAACK,UAAT,iEAAuB,CAAvB,GAA2BH,eAA1D;EACA,IAAMI,WAAW,GAAG,CAACF,YAAD,IAAiBG,OAAO,CAACT,QAAD,CAA5C;EACA,IAAMU,MAAM,GAAGlB,KAAK,CAACmB,OAAN,CACb;IAAA,OAAMnB,KAAK,CAACoB,QAAN,CAAeC,OAAf,CAAuBf,QAAvB,EAAiCgB,MAAjC,CAAwC,UAACC,IAAD;MAAA,OAAUN,OAAO,CAACM,IAAD,CAAjB;IAAA,CAAxC,CAAN;EAAA,CADa,EAEb,CAACjB,QAAD,CAFa,CAAf;EAIA,IAAMkB,UAAU,GAAGN,MAAM,CAACO,MAA1B;EAEA,IAAMC,YAAsC,GAAG1B,KAAK,CAAC2B,WAAN,CAC7C,UAACC,OAAD,EAAqB;IACnB,IAAIA,OAAO,KAAKb,UAAhB,EAA4B;MAC1B;IACD;;IACD,CAACD,YAAD,IAAiBD,aAAa,CAACe,OAAD,CAA9B;IACApB,QAAQ,IAAIA,QAAQ,CAACoB,OAAD,CAApB;EACD,CAP4C,EAQ7C,CAACd,YAAD,EAAeN,QAAf,EAAyBO,UAAzB,CAR6C,CAA/C;EAWA,IAAMc,QAAQ,GAAG3B,UAAU,CACzB;IAAA,OAAMwB,YAAY,CAAC,CAACX,UAAU,GAAG,CAAd,IAAmBS,UAApB,CAAlB;EAAA,CADyB,EAEzBjB,OAFyB,CAA3B;EAIAP,KAAK,CAAC8B,SAAN,CACE;IAAA,OAAOvB,OAAO,GAAGsB,QAAQ,CAACE,GAAT,EAAH,GAAoBF,QAAQ,CAACG,KAAT,EAAlC;EAAA,CADF,EAEE,CAACzB,OAAD,EAAUQ,UAAV,EAAsBc,QAAtB,CAFF,EA1BkB,CA+BlB;EACA;;EACA,IAAMI,cAAc,GAClBT,UAAU,GAAG,CAAb,GAAiBvB,KAAK,CAACc,UAAD,EAAa,CAAb,EAAgBS,UAAU,GAAG,CAA7B,CAAtB,GAAwDT,UAD1D,CAjCkB,CAmClB;;EACAf,KAAK,CAAC8B,SAAN,CAAgB,YAAM;IACpB,IAAItB,QAAQ,IAAIyB,cAAc,KAAKlB,UAAnC,EAA+C;MAC7CP,QAAQ,CAACyB,cAAD,CAAR;IACD;;IACDpB,aAAa,CAACoB,cAAD,CAAb;EACD,CALD,EAKG,CAACzB,QAAD,EAAWyB,cAAX,EAA2BlB,UAA3B,CALH;EAOA,OACE,oBAAC,WAAD;IACE,WAAW,EAAEC;EADf,GAEMN,KAFN;IAGE,OAAO,EAAEc,UAAU,GAAG,CAAb,IAAkBf,OAH7B;IAIE,UAAU,EAAEwB,cAJd;IAKE,QAAQ,EAAEP;EALZ,IAOGR,MAPH,CADF;AAWD,CA7DM"}

package/dist/components/Gradient/Gradient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Gradient/Gradient.tsx"],"names":["classNames","Gradient","mode","children","to","restProps"],"mappings":";;;;AACA,SAASA,UAAT;;AAcA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAKH;AAAA,uBAJnBC,IAImB;AAAA,MAJnBA,IAImB,0BAJZ,MAIY;AAAA,MAHnBC,QAGmB,QAHnBA,QAGmB;AAAA,qBAFnBC,EAEmB;AAAA,MAFnBA,EAEmB,wBAFd,KAEc;AAAA,MADhBC,SACgB;;AACnB,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMA,SAFN;AAGE,IAAA,SAAS,EAAEL,UAAU,CACnB,UADmB,yBAEHE,IAFG,0BAGHE,EAHG;AAHvB,MASGD,QATH,CADF;AAaD,CAnBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: \"tint\" | \"white\" | \"black\";\n  /**\n   * Направление градиента\n   */\n  to?: \"top\" | \"bottom\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = \"tint\",\n  children,\n  to = \"top\",\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gradient\",\n        `Gradient--md-${mode}`,\n        `Gradient--to-${to}`\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"file":"Gradient.js"}
+{"version":3,"file":"Gradient.js","names":["classNames","Gradient","mode","children","to","restProps"],"sources":["../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: \"tint\" | \"white\" | \"black\";\n  /**\n   * Направление градиента\n   */\n  to?: \"top\" | \"bottom\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = \"tint\",\n  children,\n  to = \"top\",\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gradient\",\n        `Gradient--md-${mode}`,\n        `Gradient--to-${to}`\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;;AAcA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAKH;EAAA,qBAJnBC,IAImB;EAAA,IAJnBA,IAImB,0BAJZ,MAIY;EAAA,IAHnBC,QAGmB,QAHnBA,QAGmB;EAAA,mBAFnBC,EAEmB;EAAA,IAFnBA,EAEmB,wBAFd,KAEc;EAAA,IADhBC,SACgB;;EACnB,OACE;IACE,IAAI,EAAC;EADP,GAEMA,SAFN;IAGE,SAAS,EAAEL,UAAU,CACnB,UADmB,yBAEHE,IAFG,0BAGHE,EAHG;EAHvB,IASGD,QATH,CADF;AAaD,CAnBM"}

package/dist/components/GridAvatar/GridAvatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/GridAvatar/GridAvatar.tsx"],"names":["Avatar","warnOnce","MAX_GRID_LENGTH","warn","GridAvatar","src","restProps","process","env","NODE_ENV","length","map","url","index","backgroundImage"],"mappings":";;;;AACA,SAASA,MAAT;AACA,SAASC,QAAT;AAcA,OAAO,IAAMC,eAAe,GAAG,CAAxB;AAEP,IAAMC,IAAI,GAAGF,QAAQ,CAAC,YAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,UAAU,GAAG,SAAbA,UAAa,OAAiD;AAAA,sBAA9CC,GAA8C;AAAA,MAA9CA,GAA8C,yBAAxC,EAAwC;AAAA,MAAjCC,SAAiC;;AACzE,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CJ,GAAG,CAACK,MAAJ,GAAaR,eAA3D,EAA4E;AAC1EC,IAAAA,IAAI,0FACoBE,GAAG,CAACK,MADxB,8HACwDR,eADxD,QAEF,OAFE,CAAJ;AAID;;AAED,SACE,oBAAC,MAAD,eAAYI,SAAZ;AAAuB,IAAA,SAAS,EAAC;AAAjC,MACE;AAAK,IAAA,SAAS,EAAC,gBAAf;AAAgC,mBAAY;AAA5C,KACGD,GAAG,CAACM,GAAJ,CAAQ,UAACC,GAAD,EAAMC,KAAN;AAAA,WACPA,KAAK,GAAGX,eAAR,GACE;AACE,MAAA,GAAG,EAAEU,GADP;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEE,QAAAA,eAAe,gBAASF,GAAT;AAAjB;AAHT,MADF,GAMI,IAPG;AAAA,GAAR,CADH,CADF,CADF;AAeD,CAvBM","sourcesContent":["import * as React from \"react\";\nimport { Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRootRef } from \"../../types\";\nimport \"./GridAvatar.css\";\n\nexport interface GridAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nexport const MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce(\"GridAvatar\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({ src = [], ...restProps }: GridAvatarProps) => {\n  if (process.env.NODE_ENV === \"development\" && src.length > MAX_GRID_LENGTH) {\n    warn(\n      `Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`,\n      \"error\"\n    );\n  }\n\n  return (\n    <Avatar {...restProps} vkuiClass=\"GridAvatar\">\n      <div vkuiClass=\"GridAvatar__in\" aria-hidden=\"true\">\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              vkuiClass=\"GridAvatar__item\"\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null\n        )}\n      </div>\n    </Avatar>\n  );\n};\n"],"file":"GridAvatar.js"}
+{"version":3,"file":"GridAvatar.js","names":["Avatar","warnOnce","MAX_GRID_LENGTH","warn","GridAvatar","src","restProps","process","env","NODE_ENV","length","map","url","index","backgroundImage"],"sources":["../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRootRef } from \"../../types\";\nimport \"./GridAvatar.css\";\n\nexport interface GridAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nexport const MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce(\"GridAvatar\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({ src = [], ...restProps }: GridAvatarProps) => {\n  if (process.env.NODE_ENV === \"development\" && src.length > MAX_GRID_LENGTH) {\n    warn(\n      `Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`,\n      \"error\"\n    );\n  }\n\n  return (\n    <Avatar {...restProps} vkuiClass=\"GridAvatar\">\n      <div vkuiClass=\"GridAvatar__in\" aria-hidden=\"true\">\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              vkuiClass=\"GridAvatar__item\"\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null\n        )}\n      </div>\n    </Avatar>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,MAAT;AACA,SAASC,QAAT;AAcA,OAAO,IAAMC,eAAe,GAAG,CAAxB;AAEP,IAAMC,IAAI,GAAGF,QAAQ,CAAC,YAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMG,UAAU,GAAG,SAAbA,UAAa,OAAiD;EAAA,oBAA9CC,GAA8C;EAAA,IAA9CA,GAA8C,yBAAxC,EAAwC;EAAA,IAAjCC,SAAiC;;EACzE,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CJ,GAAG,CAACK,MAAJ,GAAaR,eAA3D,EAA4E;IAC1EC,IAAI,0FACoBE,GAAG,CAACK,MADxB,8HACwDR,eADxD,QAEF,OAFE,CAAJ;EAID;;EAED,OACE,oBAAC,MAAD,eAAYI,SAAZ;IAAuB,SAAS,EAAC;EAAjC,IACE;IAAK,SAAS,EAAC,gBAAf;IAAgC,eAAY;EAA5C,GACGD,GAAG,CAACM,GAAJ,CAAQ,UAACC,GAAD,EAAMC,KAAN;IAAA,OACPA,KAAK,GAAGX,eAAR,GACE;MACE,GAAG,EAAEU,GADP;MAEE,SAAS,EAAC,kBAFZ;MAGE,KAAK,EAAE;QAAEE,eAAe,gBAASF,GAAT;MAAjB;IAHT,EADF,GAMI,IAPG;EAAA,CAAR,CADH,CADF,CADF;AAeD,CAvBM"}