@vkontakte/vkui 7.2.1 → 7.3.1

package/dist/components/DateRangeInput/DateRangeInput.d.ts

@@ -5,25 +5,25 @@ import { type CalendarRangeProps, type CalendarRangeTestsProps } from '../Calend
 import { type FormFieldProps } from '../FormField/FormField';
 type DateTestsProps = {
     /**
-     * Передает атрибут `data-testid` для поля ввода дня
+     * Передает атрибут `data-testid` для поля ввода дня.
      */
     day?: string;
     /**
-     * Передает атрибут `data-testid` для поля ввода месяца
+     * Передает атрибут `data-testid` для поля ввода месяца.
      */
     month?: string;
     /**
-     * Передает атрибут `data-testid` для поля ввода года
+     * Передает атрибут `data-testid` для поля ввода года.
      */
     year?: string;
 };
 export type DateRangeInputTestsProps = {
     /**
-     * Передает атрибуты `data-testid` для полей ввода начальной даты
+     * Передает атрибуты `data-testid` для полей ввода начальной даты.
      */
     startDateTestsProps?: DateTestsProps;
     /**
-     * Передает атрибуты `data-testid` для полей ввода конечной даты
+     * Передает атрибуты `data-testid` для полей ввода конечной даты.
      */
     endDateTestsProps?: DateTestsProps;
     /**
@@ -37,20 +37,56 @@ export type DateRangeInputTestsProps = {
 };
 export interface DateRangeInputProps extends Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'>, Pick<CalendarRangeProps, 'disablePast' | 'disableFuture' | 'shouldDisableDate' | 'onChange' | 'value' | 'defaultValue' | 'weekStartsOn' | 'disablePickers' | 'prevMonthLabel' | 'nextMonthLabel' | 'changeMonthLabel' | 'changeYearLabel' | 'changeDayLabel' | 'prevMonthIcon' | 'nextMonthIcon' | 'renderDayContent'>, HasRootRef<HTMLDivElement>, Omit<FormFieldProps, 'maxHeight'>, DateRangeInputTestsProps {
     /**
-     * Передает атрибуты `data-testid` для интерактивных элементов в календаре
+     * Передает атрибуты `data-testid` для интерактивных элементов в календаре.
      */
     calendarTestsProps?: CalendarRangeTestsProps;
+    /**
+     * Расположение календаря относительно поля ввода.
+     */
     calendarPlacement?: PlacementWithAuto;
+    /**
+     * Автоматически закрывать календарь при изменениях.
+     */
     closeOnChange?: boolean;
+    /**
+     * Обработчик изменения состояния открытия календаря.
+     */
     onCalendarOpenChanged?: (opened: boolean) => void;
+    /**
+     * Label для кнопки очистки. Делает доступным для ассистивных технологий.
+     */
     clearFieldLabel?: string;
+    /**
+     * Label для кнопки открытия календаря. Делает доступным для ассистивных технологий.
+     */
     showCalendarLabel?: string;
+    /**
+     * Label для ввода дня начальной даты. Делает доступным для ассистивных технологий.
+     */
     changeStartDayLabel?: string;
+    /**
+     * Label для ввода месяца начальной даты. Делает доступным для ассистивных технологий.
+     */
     changeStartMonthLabel?: string;
+    /**
+     * Label для ввода года начальной даты. Делает доступным для ассистивных технологий.
+     */
     changeStartYearLabel?: string;
+    /**
+     * Label для ввода дня конечной даты. Делает доступным для ассистивных технологий.
+     */
     changeEndDayLabel?: string;
+    /**
+     * Label для ввода месяца конечной даты. Делает доступным для ассистивных технологий.
+     */
     changeEndMonthLabel?: string;
+    /**
+     * Label для ввода года конечной даты. Делает доступным для ассистивных технологий.
+     */
     changeEndYearLabel?: string;
+    /**
+     * Отключение открытия календаря.
+     */
     disableCalendar?: boolean;
 }
 /**

package/dist/components/DateRangeInput/DateRangeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangeInput/DateRangeInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAE7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAexE,KAAK,cAAc,GAAG;IACpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,mBAAmB,CAAC,EAAE,cAAc,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,EAC5F,IAAI,CACF,kBAAkB,EAChB,aAAa,GACb,eAAe,GACf,mBAAmB,GACnB,UAAU,GACV,OAAO,GACP,cAAc,GACd,cAAc,GACd,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,kBAAkB,GAClB,iBAAiB,GACjB,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,CACrB,EACD,UAAU,CAAC,cAAc,CAAC,EAC1B,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,EACjC,wBAAwB;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA0CD;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,qrBA2C5B,mBAAmB,KAAG,KAAK,CAAC,SAwP9B,CAAC"}
+{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangeInput/DateRangeInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAE7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAexE,KAAK,cAAc,GAAG;IACpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,mBAAmB,CAAC,EAAE,cAAc,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,EAC5F,IAAI,CACF,kBAAkB,EAChB,aAAa,GACb,eAAe,GACf,mBAAmB,GACnB,UAAU,GACV,OAAO,GACP,cAAc,GACd,cAAc,GACd,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,kBAAkB,GAClB,iBAAiB,GACjB,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,CACrB,EACD,UAAU,CAAC,cAAc,CAAC,EAC1B,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,EACjC,wBAAwB;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA0CD;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,qrBA2C5B,mBAAmB,KAAG,KAAK,CAAC,SAwP9B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DateRangeInput/DateRangeInput.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon16Clear, Icon20CalendarOutline } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { isAfter } from 'date-fns';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useDateInput } from '../../hooks/useDateInput';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { format, isMatch, parse } from '../../lib/date';\nimport type { PlacementWithAuto } from '../../lib/floating';\nimport type { HasRootRef } from '../../types';\nimport {\n  CalendarRange,\n  type CalendarRangeProps,\n  type CalendarRangeTestsProps,\n  type DateRangeType,\n} from '../CalendarRange/CalendarRange';\nimport { FormField, type FormFieldProps } from '../FormField/FormField';\nimport { IconButton } from '../IconButton/IconButton';\nimport { InputLike } from '../InputLike/InputLike';\nimport { InputLikeDivider } from '../InputLike/InputLikeDivider';\nimport { Popper } from '../Popper/Popper';\nimport { Text } from '../Typography/Text/Text';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './DateRangeInput.module.css';\nimport dateInputStyles from '../DateInput/DateInput.module.css';\n\nconst sizeYClassNames = {\n  none: styles.sizeYNone,\n  compact: styles.sizeYCompact,\n};\n\ntype DateTestsProps = {\n  /**\n   * Передает атрибут `data-testid` для поля ввода дня\n   */\n  day?: string;\n  /**\n   * Передает атрибут `data-testid` для поля ввода месяца\n   */\n  month?: string;\n  /**\n   * Передает атрибут `data-testid` для поля ввода года\n   */\n  year?: string;\n};\n\nexport type DateRangeInputTestsProps = {\n  /**\n   * Передает атрибуты `data-testid` для полей ввода начальной даты\n   */\n  startDateTestsProps?: DateTestsProps;\n  /**\n   * Передает атрибуты `data-testid` для полей ввода конечной даты\n   */\n  endDateTestsProps?: DateTestsProps;\n  /**\n   * Передает атрибут `data-testid` для кнопки показа календаря.\n   */\n  showCalendarButtonTestId?: string;\n  /**\n   * Передает атрибут `data-testid` для кнопки очистки даты.\n   */\n  clearButtonTestId?: string;\n};\n\nexport interface DateRangeInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'>,\n    Pick<\n      CalendarRangeProps,\n      | 'disablePast'\n      | 'disableFuture'\n      | 'shouldDisableDate'\n      | 'onChange'\n      | 'value'\n      | 'defaultValue'\n      | 'weekStartsOn'\n      | 'disablePickers'\n      | 'prevMonthLabel'\n      | 'nextMonthLabel'\n      | 'changeMonthLabel'\n      | 'changeYearLabel'\n      | 'changeDayLabel'\n      | 'prevMonthIcon'\n      | 'nextMonthIcon'\n      | 'renderDayContent'\n    >,\n    HasRootRef<HTMLDivElement>,\n    Omit<FormFieldProps, 'maxHeight'>,\n    DateRangeInputTestsProps {\n  /**\n   * Передает атрибуты `data-testid` для интерактивных элементов в календаре\n   */\n  calendarTestsProps?: CalendarRangeTestsProps;\n  calendarPlacement?: PlacementWithAuto;\n  closeOnChange?: boolean;\n  onCalendarOpenChanged?: (opened: boolean) => void;\n  clearFieldLabel?: string;\n  showCalendarLabel?: string;\n  changeStartDayLabel?: string;\n  changeStartMonthLabel?: string;\n  changeStartYearLabel?: string;\n  changeEndDayLabel?: string;\n  changeEndMonthLabel?: string;\n  changeEndYearLabel?: 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: valueProp,\n  defaultValue,\n  onChange,\n  calendarPlacement: calendarPlacementProp = 'bottom-start',\n  style,\n  className,\n  closeOnChange = true,\n  disablePickers,\n  getRootRef,\n  name,\n  autoFocus,\n  disabled,\n  onClick,\n  onFocus,\n  prevMonthLabel = 'Предыдущий месяц',\n  nextMonthLabel = 'Следующий месяц',\n  changeDayLabel = 'Изменить день',\n  changeMonthLabel = 'Изменить месяц',\n  changeYearLabel = 'Изменить год',\n  changeStartDayLabel = 'Изменить день начала',\n  changeStartMonthLabel = 'Изменить месяц начала',\n  changeStartYearLabel = 'Изменить год начала',\n  changeEndDayLabel = 'Изменить день окончания',\n  changeEndMonthLabel = 'Изменить месяц окончания',\n  changeEndYearLabel = 'Изменить год окончания',\n  clearFieldLabel = 'Очистить поле',\n  showCalendarLabel = 'Показать календарь',\n  prevMonthIcon,\n  nextMonthIcon,\n  disableCalendar = false,\n  onCalendarOpenChanged,\n  renderDayContent,\n  calendarTestsProps,\n  startDateTestsProps,\n  endDateTestsProps,\n  clearButtonTestId,\n  showCalendarButtonTestId,\n  id,\n  ...props\n}: DateRangeInputProps): React.ReactNode => {\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 _onChange = React.useCallback(\n    (newValue: DateRangeType | null | undefined) => onChange?.(newValue || undefined),\n    [onChange],\n  );\n\n  const [value, updateValue] = useCustomEnsuredControl<DateRangeType | null | undefined>({\n    value: valueProp,\n    defaultValue,\n    onChange: _onChange,\n  });\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        updateValue([start, end]);\n      }\n    },\n    [updateValue, value],\n  );\n\n  const refs = React.useMemo(\n    () => [daysStartRef, monthsStartRef, yearsStartRef, daysEndRef, monthsEndRef, yearsEndRef],\n    [daysStartRef, monthsStartRef, yearsStartRef, daysEndRef, monthsEndRef, yearsEndRef],\n  );\n\n  const onClear = React.useCallback(() => updateValue(undefined), [updateValue]);\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    onClear,\n    onInternalValueChange,\n    getInternalValue,\n    value,\n    onCalendarOpenChanged,\n  });\n\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const handleRootRef = useExternRef(rootRef, getRootRef);\n\n  const onCalendarChange = React.useCallback(\n    (newValue: DateRangeType | undefined) => {\n      updateValue(newValue);\n      if (closeOnChange && newValue?.[1] && newValue[1] !== value?.[1]) {\n        removeFocusFromField();\n      }\n    },\n    [updateValue, closeOnChange, value, removeFocusFromField],\n  );\n\n  // при переключении месяцев высота календаря может меняться,\n  // чтобы календарь не прыгал при переключении месяцев каждый раз на\n  // лучшую позицию мы запоминаем последнюю удачную, чтобы календарь оставался\n  // на ней, пока помещается.\n  const [calendarPlacement, setCalendarPlacement] =\n    React.useState<PlacementWithAuto>(calendarPlacementProp);\n\n  return (\n    <FormField\n      style={style}\n      className={classNames(sizeY !== 'regular' && sizeYClassNames[sizeY], className)}\n      getRootRef={handleRootRef}\n      after={\n        value ? (\n          <IconButton hoverMode=\"opacity\" onClick={clear} data-testid={clearButtonTestId}>\n            <VisuallyHidden>{clearFieldLabel}</VisuallyHidden>\n            <Icon16Clear />\n          </IconButton>\n        ) : (\n          <IconButton\n            hoverMode=\"opacity\"\n            onClick={openCalendar}\n            data-testid={showCalendarButtonTestId}\n          >\n            <VisuallyHidden>{showCalendarLabel}</VisuallyHidden>\n            <Icon20CalendarOutline />\n          </IconButton>\n        )\n      }\n      disabled={disabled}\n      onClick={callMultiple(handleFieldEnter, onClick)}\n      onFocus={callMultiple(handleFieldEnter, onFocus)}\n      {...props}\n    >\n      <div className={dateInputStyles.wrapper}>\n        <VisuallyHidden\n          id={id}\n          Component=\"input\"\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        <Text className={dateInputStyles.input} onKeyDown={handleKeyDown}>\n          <InputLike\n            length={2}\n            getRootRef={daysStartRef}\n            index={0}\n            onElementSelect={setFocusedElement}\n            value={internalValue[0]}\n            label={changeStartDayLabel}\n            data-testid={startDateTestsProps?.day}\n          />\n          <InputLikeDivider>.</InputLikeDivider>\n          <InputLike\n            length={2}\n            getRootRef={monthsStartRef}\n            index={1}\n            onElementSelect={setFocusedElement}\n            value={internalValue[1]}\n            label={changeStartMonthLabel}\n            data-testid={startDateTestsProps?.month}\n          />\n          <InputLikeDivider>.</InputLikeDivider>\n          <InputLike\n            length={4}\n            getRootRef={yearsStartRef}\n            index={2}\n            onElementSelect={setFocusedElement}\n            value={internalValue[2]}\n            label={changeStartYearLabel}\n            data-testid={startDateTestsProps?.year}\n          />\n          <InputLikeDivider>{' — '}</InputLikeDivider>\n          <InputLike\n            length={2}\n            getRootRef={daysEndRef}\n            index={3}\n            onElementSelect={setFocusedElement}\n            value={internalValue[3]}\n            label={changeEndDayLabel}\n            data-testid={endDateTestsProps?.day}\n          />\n          <InputLikeDivider>.</InputLikeDivider>\n          <InputLike\n            length={2}\n            getRootRef={monthsEndRef}\n            index={4}\n            onElementSelect={setFocusedElement}\n            value={internalValue[4]}\n            label={changeEndMonthLabel}\n            data-testid={endDateTestsProps?.month}\n          />\n          <InputLikeDivider>.</InputLikeDivider>\n          <InputLike\n            length={4}\n            getRootRef={yearsEndRef}\n            index={5}\n            onElementSelect={setFocusedElement}\n            value={internalValue[5]}\n            label={changeEndYearLabel}\n            data-testid={endDateTestsProps?.year}\n          />\n        </Text>\n      </div>\n      {open && !disableCalendar && (\n        <Popper\n          targetRef={rootRef}\n          offsetByMainAxis={8}\n          placement={calendarPlacement}\n          onPlacementChange={setCalendarPlacement}\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            prevMonthLabel={prevMonthLabel}\n            nextMonthLabel={nextMonthLabel}\n            changeMonthLabel={changeMonthLabel}\n            changeYearLabel={changeYearLabel}\n            changeDayLabel={changeDayLabel}\n            prevMonthIcon={prevMonthIcon}\n            nextMonthIcon={nextMonthIcon}\n            renderDayContent={renderDayContent}\n            {...calendarTestsProps}\n          />\n        </Popper>\n      )}\n    </FormField>\n  );\n};\n"],"names":["React","Icon16Clear","Icon20CalendarOutline","classNames","isAfter","useAdaptivity","useDateInput","useCustomEnsuredControl","useExternRef","callMultiple","format","isMatch","parse","CalendarRange","FormField","IconButton","InputLike","InputLikeDivider","Popper","Text","VisuallyHidden","sizeYClassNames","none","compact","elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","DateRangeInput","shouldDisableDate","disableFuture","disablePast","valueProp","defaultValue","onChange","calendarPlacement","calendarPlacementProp","style","className","closeOnChange","disablePickers","getRootRef","name","autoFocus","disabled","onClick","onFocus","prevMonthLabel","nextMonthLabel","changeDayLabel","changeMonthLabel","changeYearLabel","changeStartDayLabel","changeStartMonthLabel","changeStartYearLabel","changeEndDayLabel","changeEndMonthLabel","changeEndYearLabel","clearFieldLabel","showCalendarLabel","prevMonthIcon","nextMonthIcon","disableCalendar","onCalendarOpenChanged","renderDayContent","calendarTestsProps","startDateTestsProps","endDateTestsProps","clearButtonTestId","showCalendarButtonTestId","id","props","daysStartRef","useRef","monthsStartRef","yearsStartRef","daysEndRef","monthsEndRef","yearsEndRef","_onChange","useCallback","undefined","updateValue","onInternalValueChange","internalValue","isStartValid","isEndValid","i","formattedStartValue","formattedEndValue","mask","valueExists","Array","isArray","now","Date","start","end","refs","useMemo","onClear","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","maxElement","sizeY","handleRootRef","onCalendarChange","setCalendarPlacement","useState","after","hoverMode","data-testid","div","Component","onKeyDown","onElementSelect","label","day","month","year","targetRef","offsetByMainAxis","placement","onPlacementChange","onClose"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/DateRangeInput/DateRangeInput.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon16Clear, Icon20CalendarOutline } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { isAfter } from 'date-fns';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useDateInput } from '../../hooks/useDateInput';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { format, isMatch, parse } from '../../lib/date';\nimport type { PlacementWithAuto } from '../../lib/floating';\nimport type { HasRootRef } from '../../types';\nimport {\n  CalendarRange,\n  type CalendarRangeProps,\n  type CalendarRangeTestsProps,\n  type DateRangeType,\n} from '../CalendarRange/CalendarRange';\nimport { FormField, type FormFieldProps } from '../FormField/FormField';\nimport { IconButton } from '../IconButton/IconButton';\nimport { InputLike } from '../InputLike/InputLike';\nimport { InputLikeDivider } from '../InputLike/InputLikeDivider';\nimport { Popper } from '../Popper/Popper';\nimport { Text } from '../Typography/Text/Text';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './DateRangeInput.module.css';\nimport dateInputStyles from '../DateInput/DateInput.module.css';\n\nconst sizeYClassNames = {\n  none: styles.sizeYNone,\n  compact: styles.sizeYCompact,\n};\n\ntype DateTestsProps = {\n  /**\n   * Передает атрибут `data-testid` для поля ввода дня.\n   */\n  day?: string;\n  /**\n   * Передает атрибут `data-testid` для поля ввода месяца.\n   */\n  month?: string;\n  /**\n   * Передает атрибут `data-testid` для поля ввода года.\n   */\n  year?: string;\n};\n\nexport type DateRangeInputTestsProps = {\n  /**\n   * Передает атрибуты `data-testid` для полей ввода начальной даты.\n   */\n  startDateTestsProps?: DateTestsProps;\n  /**\n   * Передает атрибуты `data-testid` для полей ввода конечной даты.\n   */\n  endDateTestsProps?: DateTestsProps;\n  /**\n   * Передает атрибут `data-testid` для кнопки показа календаря.\n   */\n  showCalendarButtonTestId?: string;\n  /**\n   * Передает атрибут `data-testid` для кнопки очистки даты.\n   */\n  clearButtonTestId?: string;\n};\n\nexport interface DateRangeInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'>,\n    Pick<\n      CalendarRangeProps,\n      | 'disablePast'\n      | 'disableFuture'\n      | 'shouldDisableDate'\n      | 'onChange'\n      | 'value'\n      | 'defaultValue'\n      | 'weekStartsOn'\n      | 'disablePickers'\n      | 'prevMonthLabel'\n      | 'nextMonthLabel'\n      | 'changeMonthLabel'\n      | 'changeYearLabel'\n      | 'changeDayLabel'\n      | 'prevMonthIcon'\n      | 'nextMonthIcon'\n      | 'renderDayContent'\n    >,\n    HasRootRef<HTMLDivElement>,\n    Omit<FormFieldProps, 'maxHeight'>,\n    DateRangeInputTestsProps {\n  /**\n   * Передает атрибуты `data-testid` для интерактивных элементов в календаре.\n   */\n  calendarTestsProps?: CalendarRangeTestsProps;\n  /**\n   * Расположение календаря относительно поля ввода.\n   */\n  calendarPlacement?: PlacementWithAuto;\n  /**\n   * Автоматически закрывать календарь при изменениях.\n   */\n  closeOnChange?: boolean;\n  /**\n   * Обработчик изменения состояния открытия календаря.\n   */\n  onCalendarOpenChanged?: (opened: boolean) => void;\n  /**\n   * Label для кнопки очистки. Делает доступным для ассистивных технологий.\n   */\n  clearFieldLabel?: string;\n  /**\n   * Label для кнопки открытия календаря. Делает доступным для ассистивных технологий.\n   */\n  showCalendarLabel?: string;\n  /**\n   * Label для ввода дня начальной даты. Делает доступным для ассистивных технологий.\n   */\n  changeStartDayLabel?: string;\n  /**\n   * Label для ввода месяца начальной даты. Делает доступным для ассистивных технологий.\n   */\n  changeStartMonthLabel?: string;\n  /**\n   * Label для ввода года начальной даты. Делает доступным для ассистивных технологий.\n   */\n  changeStartYearLabel?: string;\n  /**\n   * Label для ввода дня конечной даты. Делает доступным для ассистивных технологий.\n   */\n  changeEndDayLabel?: string;\n  /**\n   * Label для ввода месяца конечной даты. Делает доступным для ассистивных технологий.\n   */\n  changeEndMonthLabel?: string;\n  /**\n   * Label для ввода года конечной даты. Делает доступным для ассистивных технологий.\n   */\n  changeEndYearLabel?: string;\n  /**\n   * Отключение открытия календаря.\n   */\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: valueProp,\n  defaultValue,\n  onChange,\n  calendarPlacement: calendarPlacementProp = 'bottom-start',\n  style,\n  className,\n  closeOnChange = true,\n  disablePickers,\n  getRootRef,\n  name,\n  autoFocus,\n  disabled,\n  onClick,\n  onFocus,\n  prevMonthLabel = 'Предыдущий месяц',\n  nextMonthLabel = 'Следующий месяц',\n  changeDayLabel = 'Изменить день',\n  changeMonthLabel = 'Изменить месяц',\n  changeYearLabel = 'Изменить год',\n  changeStartDayLabel = 'Изменить день начала',\n  changeStartMonthLabel = 'Изменить месяц начала',\n  changeStartYearLabel = 'Изменить год начала',\n  changeEndDayLabel = 'Изменить день окончания',\n  changeEndMonthLabel = 'Изменить месяц окончания',\n  changeEndYearLabel = 'Изменить год окончания',\n  clearFieldLabel = 'Очистить поле',\n  showCalendarLabel = 'Показать календарь',\n  prevMonthIcon,\n  nextMonthIcon,\n  disableCalendar = false,\n  onCalendarOpenChanged,\n  renderDayContent,\n  calendarTestsProps,\n  startDateTestsProps,\n  endDateTestsProps,\n  clearButtonTestId,\n  showCalendarButtonTestId,\n  id,\n  ...props\n}: DateRangeInputProps): React.ReactNode => {\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 _onChange = React.useCallback(\n    (newValue: DateRangeType | null | undefined) => onChange?.(newValue || undefined),\n    [onChange],\n  );\n\n  const [value, updateValue] = useCustomEnsuredControl<DateRangeType | null | undefined>({\n    value: valueProp,\n    defaultValue,\n    onChange: _onChange,\n  });\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        updateValue([start, end]);\n      }\n    },\n    [updateValue, value],\n  );\n\n  const refs = React.useMemo(\n    () => [daysStartRef, monthsStartRef, yearsStartRef, daysEndRef, monthsEndRef, yearsEndRef],\n    [daysStartRef, monthsStartRef, yearsStartRef, daysEndRef, monthsEndRef, yearsEndRef],\n  );\n\n  const onClear = React.useCallback(() => updateValue(undefined), [updateValue]);\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    onClear,\n    onInternalValueChange,\n    getInternalValue,\n    value,\n    onCalendarOpenChanged,\n  });\n\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const handleRootRef = useExternRef(rootRef, getRootRef);\n\n  const onCalendarChange = React.useCallback(\n    (newValue: DateRangeType | undefined) => {\n      updateValue(newValue);\n      if (closeOnChange && newValue?.[1] && newValue[1] !== value?.[1]) {\n        removeFocusFromField();\n      }\n    },\n    [updateValue, closeOnChange, value, removeFocusFromField],\n  );\n\n  // при переключении месяцев высота календаря может меняться,\n  // чтобы календарь не прыгал при переключении месяцев каждый раз на\n  // лучшую позицию мы запоминаем последнюю удачную, чтобы календарь оставался\n  // на ней, пока помещается.\n  const [calendarPlacement, setCalendarPlacement] =\n    React.useState<PlacementWithAuto>(calendarPlacementProp);\n\n  return (\n    <FormField\n      style={style}\n      className={classNames(sizeY !== 'regular' && sizeYClassNames[sizeY], className)}\n      getRootRef={handleRootRef}\n      after={\n        value ? (\n          <IconButton hoverMode=\"opacity\" onClick={clear} data-testid={clearButtonTestId}>\n            <VisuallyHidden>{clearFieldLabel}</VisuallyHidden>\n            <Icon16Clear />\n          </IconButton>\n        ) : (\n          <IconButton\n            hoverMode=\"opacity\"\n            onClick={openCalendar}\n            data-testid={showCalendarButtonTestId}\n          >\n            <VisuallyHidden>{showCalendarLabel}</VisuallyHidden>\n            <Icon20CalendarOutline />\n          </IconButton>\n        )\n      }\n      disabled={disabled}\n      onClick={callMultiple(handleFieldEnter, onClick)}\n      onFocus={callMultiple(handleFieldEnter, onFocus)}\n      {...props}\n    >\n      <div className={dateInputStyles.wrapper}>\n        <VisuallyHidden\n          id={id}\n          Component=\"input\"\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        <Text className={dateInputStyles.input} onKeyDown={handleKeyDown}>\n          <InputLike\n            length={2}\n            getRootRef={daysStartRef}\n            index={0}\n            onElementSelect={setFocusedElement}\n            value={internalValue[0]}\n            label={changeStartDayLabel}\n            data-testid={startDateTestsProps?.day}\n          />\n          <InputLikeDivider>.</InputLikeDivider>\n          <InputLike\n            length={2}\n            getRootRef={monthsStartRef}\n            index={1}\n            onElementSelect={setFocusedElement}\n            value={internalValue[1]}\n            label={changeStartMonthLabel}\n            data-testid={startDateTestsProps?.month}\n          />\n          <InputLikeDivider>.</InputLikeDivider>\n          <InputLike\n            length={4}\n            getRootRef={yearsStartRef}\n            index={2}\n            onElementSelect={setFocusedElement}\n            value={internalValue[2]}\n            label={changeStartYearLabel}\n            data-testid={startDateTestsProps?.year}\n          />\n          <InputLikeDivider>{' — '}</InputLikeDivider>\n          <InputLike\n            length={2}\n            getRootRef={daysEndRef}\n            index={3}\n            onElementSelect={setFocusedElement}\n            value={internalValue[3]}\n            label={changeEndDayLabel}\n            data-testid={endDateTestsProps?.day}\n          />\n          <InputLikeDivider>.</InputLikeDivider>\n          <InputLike\n            length={2}\n            getRootRef={monthsEndRef}\n            index={4}\n            onElementSelect={setFocusedElement}\n            value={internalValue[4]}\n            label={changeEndMonthLabel}\n            data-testid={endDateTestsProps?.month}\n          />\n          <InputLikeDivider>.</InputLikeDivider>\n          <InputLike\n            length={4}\n            getRootRef={yearsEndRef}\n            index={5}\n            onElementSelect={setFocusedElement}\n            value={internalValue[5]}\n            label={changeEndYearLabel}\n            data-testid={endDateTestsProps?.year}\n          />\n        </Text>\n      </div>\n      {open && !disableCalendar && (\n        <Popper\n          targetRef={rootRef}\n          offsetByMainAxis={8}\n          placement={calendarPlacement}\n          onPlacementChange={setCalendarPlacement}\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            prevMonthLabel={prevMonthLabel}\n            nextMonthLabel={nextMonthLabel}\n            changeMonthLabel={changeMonthLabel}\n            changeYearLabel={changeYearLabel}\n            changeDayLabel={changeDayLabel}\n            prevMonthIcon={prevMonthIcon}\n            nextMonthIcon={nextMonthIcon}\n            renderDayContent={renderDayContent}\n            {...calendarTestsProps}\n          />\n        </Popper>\n      )}\n    </FormField>\n  );\n};\n"],"names":["React","Icon16Clear","Icon20CalendarOutline","classNames","isAfter","useAdaptivity","useDateInput","useCustomEnsuredControl","useExternRef","callMultiple","format","isMatch","parse","CalendarRange","FormField","IconButton","InputLike","InputLikeDivider","Popper","Text","VisuallyHidden","sizeYClassNames","none","compact","elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","DateRangeInput","shouldDisableDate","disableFuture","disablePast","valueProp","defaultValue","onChange","calendarPlacement","calendarPlacementProp","style","className","closeOnChange","disablePickers","getRootRef","name","autoFocus","disabled","onClick","onFocus","prevMonthLabel","nextMonthLabel","changeDayLabel","changeMonthLabel","changeYearLabel","changeStartDayLabel","changeStartMonthLabel","changeStartYearLabel","changeEndDayLabel","changeEndMonthLabel","changeEndYearLabel","clearFieldLabel","showCalendarLabel","prevMonthIcon","nextMonthIcon","disableCalendar","onCalendarOpenChanged","renderDayContent","calendarTestsProps","startDateTestsProps","endDateTestsProps","clearButtonTestId","showCalendarButtonTestId","id","props","daysStartRef","useRef","monthsStartRef","yearsStartRef","daysEndRef","monthsEndRef","yearsEndRef","_onChange","useCallback","undefined","updateValue","onInternalValueChange","internalValue","isStartValid","isEndValid","i","formattedStartValue","formattedEndValue","mask","valueExists","Array","isArray","now","Date","start","end","refs","useMemo","onClear","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","maxElement","sizeY","handleRootRef","onCalendarChange","setCalendarPlacement","useState","after","hoverMode","data-testid","div","Component","onKeyDown","onElementSelect","label","day","month","year","targetRef","offsetByMainAxis","placement","onPlacementChange","onClose"],"mappings":"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"}

package/dist/components/DirectionProvider/DirectionProvider.d.ts

@@ -1,11 +1,17 @@
 import * as React from 'react';
 import { type ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
 export interface DirectionProviderProps {
+    /**
+     * Направление контента.
+     */
     value: ConfigProviderContextInterface['direction'];
+    /**
+     * Содержимое.
+     */
     children: React.ReactNode;
 }
 /**
- * Компонент, прокидывающий направление контента
+ * Компонент, прокидывающий направление контента.
  * @see https://vkcom.github.io/VKUI/#/DirectionProvider
  * @since 7.2.0
  */

package/dist/components/DirectionProvider/DirectionProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DirectionProvider.d.ts","sourceRoot":"","sources":["../../../src/components/DirectionProvider/DirectionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAG9F,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,8BAA8B,CAAC,WAAW,CAAC,CAAC;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,sBAAsB,GAAG,KAAK,CAAC,SAAS,CAE9F"}
+{"version":3,"file":"DirectionProvider.d.ts","sourceRoot":"","sources":["../../../src/components/DirectionProvider/DirectionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAG9F,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,8BAA8B,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,sBAAsB,GAAG,KAAK,CAAC,SAAS,CAE9F"}

package/dist/components/DirectionProvider/DirectionProvider.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { ConfigProviderOverride } from "../ConfigProvider/ConfigProviderOverride.js";
 /**
- * Компонент, прокидывающий направление контента
+ * Компонент, прокидывающий направление контента.
  * @see https://vkcom.github.io/VKUI/#/DirectionProvider
  * @since 7.2.0
  */ export function DirectionProvider({ value, children }) {

package/dist/components/DirectionProvider/DirectionProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DirectionProvider/DirectionProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface DirectionProviderProps {\n  value: ConfigProviderContextInterface['direction'];\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, прокидывающий направление контента\n * @see https://vkcom.github.io/VKUI/#/DirectionProvider\n * @since 7.2.0\n */\nexport function DirectionProvider({ value, children }: DirectionProviderProps): React.ReactNode {\n  return <ConfigProviderOverride direction={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["React","ConfigProviderOverride","DirectionProvider","value","children","direction"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,sBAAsB,QAAQ,8CAA2C;AAOlF;;;;CAIC,GACD,OAAO,SAASC,kBAAkB,EAAEC,KAAK,EAAEC,QAAQ,EAA0B;IAC3E,qBAAO,KAACH;QAAuBI,WAAWF;kBAAQC;;AACpD"}
+{"version":3,"sources":["../../../src/components/DirectionProvider/DirectionProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface DirectionProviderProps {\n  /**\n   * Направление контента.\n   */\n  value: ConfigProviderContextInterface['direction'];\n  /**\n   * Содержимое.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, прокидывающий направление контента.\n * @see https://vkcom.github.io/VKUI/#/DirectionProvider\n * @since 7.2.0\n */\nexport function DirectionProvider({ value, children }: DirectionProviderProps): React.ReactNode {\n  return <ConfigProviderOverride direction={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["React","ConfigProviderOverride","DirectionProvider","value","children","direction"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,sBAAsB,QAAQ,8CAA2C;AAalF;;;;CAIC,GACD,OAAO,SAASC,kBAAkB,EAAEC,KAAK,EAAEC,QAAQ,EAA0B;IAC3E,qBAAO,KAACH;QAAuBI,WAAWF;kBAAQC;;AACpD"}

package/dist/components/DropZone/DropZone.d.ts

@@ -2,9 +2,15 @@ import * as React from 'react';
 import type { HTMLAttributesWithRootRef } from '../../types';
 import { DropZoneGrid } from './components/DropZoneGrid';
 interface DropZonePropsChildrenProps {
+    /**
+     * Флаг активного состояния компонента.
+     */
     active: boolean;
 }
 export interface DropZoneProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'children'> {
+    /**
+     * Содержимое компонента. Можно прокинуть функцию для отрисовки содержимого.
+     */
     children?: React.ReactNode | ((renderProps: DropZonePropsChildrenProps) => React.ReactNode);
 }
 /**

package/dist/components/DropZone/DropZone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/DropZone/DropZone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,UAAU,0BAA0B;IAClC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC7F;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAC/C,IAAI,EAAE,OAAO,YAAY,CAAC;CA2B3B,CAAC"}
+{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/DropZone/DropZone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,UAAU,0BAA0B;IAClC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC7F;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAC/C,IAAI,EAAE,OAAO,YAAY,CAAC;CA2B3B,CAAC"}

package/dist/components/DropZone/DropZone.js

@@ -6,6 +6,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
 import { callMultiple } from "../../lib/callMultiple.js";
+import { defineComponentDisplayNames } from "../../lib/react/defineComponentDisplayNames.js";
 import { RootComponent } from "../RootComponent/RootComponent.js";
 import { DropZoneGrid } from "./components/DropZoneGrid.js";
 /**
@@ -42,8 +43,9 @@ import { DropZoneGrid } from "./components/DropZoneGrid.js";
         }) : children
     }));
 };
-DropZone.displayName = 'DropZone';
 DropZone.Grid = DropZoneGrid;
-DropZone.Grid.displayName = 'DropZone.Grid';
+if (process.env.NODE_ENV !== 'production') {
+    defineComponentDisplayNames(DropZone.Grid, 'DropZone.Grid');
+}
 
 //# sourceMappingURL=DropZone.js.map

package/dist/components/DropZone/DropZone.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DropZone/DropZone.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { callMultiple } from '../../lib/callMultiple';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { DropZoneGrid } from './components/DropZoneGrid';\nimport styles from './DropZone.module.css';\n\ninterface DropZonePropsChildrenProps {\n  active: boolean;\n}\n\nexport interface DropZoneProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'children'> {\n  children?: React.ReactNode | ((renderProps: DropZonePropsChildrenProps) => React.ReactNode);\n}\n\n/**\n * Компонент позволяет пользователям загружать файлы, перетаскивая файлы в\n * область на странице.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/DropZone\n */\nexport const DropZone: React.FC<DropZoneProps> & {\n  Grid: typeof DropZoneGrid;\n} = ({ onDragOver, onDragLeave, onDrop, children, ...props }: DropZoneProps): React.ReactNode => {\n  const [active, setActive] = React.useState(false);\n\n  const onActive: React.DragEventHandler<HTMLDivElement> = (event) => {\n    if (event.isPropagationStopped()) {\n      return;\n    }\n\n    setActive(true);\n  };\n\n  const offActive: React.DragEventHandler<HTMLDivElement> = () => {\n    setActive(false);\n  };\n\n  return (\n    <RootComponent\n      baseClassName={classNames(styles.host, active && styles.active)}\n      onDragOver={callMultiple(onDragOver, onActive)}\n      onDragLeave={callMultiple(onDragLeave, offActive)}\n      onDrop={callMultiple(onDrop, offActive)}\n      {...props}\n    >\n      {typeof children === 'function' ? children({ active }) : children}\n    </RootComponent>\n  );\n};\n\nDropZone.displayName = 'DropZone';\n\nDropZone.Grid = DropZoneGrid;\nDropZone.Grid.displayName = 'DropZone.Grid';\n"],"names":["React","classNames","callMultiple","RootComponent","DropZoneGrid","DropZone","onDragOver","onDragLeave","onDrop","children","props","active","setActive","useState","onActive","event","isPropagationStopped","offActive","baseClassName","displayName","Grid"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,4BAAyB;AAEtD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,YAAY,QAAQ,+BAA4B;AAWzD;;;;;;CAMC,GACD,OAAO,MAAMC,WAET;QAAC,EAAEC,UAAU,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,EAA2B,WAAtBC;QAA9CJ;QAAYC;QAAaC;QAAQC;;IACtC,MAAM,CAACE,QAAQC,UAAU,GAAGZ,MAAMa,QAAQ,CAAC;IAE3C,MAAMC,WAAmD,CAACC;QACxD,IAAIA,MAAMC,oBAAoB,IAAI;YAChC;QACF;QAEAJ,UAAU;IACZ;IAEA,MAAMK,YAAoD;QACxDL,UAAU;IACZ;IAEA,qBACE,KAACT;QACCe,eAAejB,iCAAwBU;QACvCL,YAAYJ,aAAaI,YAAYQ;QACrCP,aAAaL,aAAaK,aAAaU;QACvCT,QAAQN,aAAaM,QAAQS;OACzBP;kBAEH,OAAOD,aAAa,aAAaA,SAAS;YAAEE;QAAO,KAAKF;;AAG/D,EAAE;AAEFJ,SAASc,WAAW,GAAG;AAEvBd,SAASe,IAAI,GAAGhB;AAChBC,SAASe,IAAI,CAACD,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/DropZone/DropZone.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { DropZoneGrid } from './components/DropZoneGrid';\nimport styles from './DropZone.module.css';\n\ninterface DropZonePropsChildrenProps {\n  /**\n   * Флаг активного состояния компонента.\n   */\n  active: boolean;\n}\n\nexport interface DropZoneProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'children'> {\n  /**\n   * Содержимое компонента. Можно прокинуть функцию для отрисовки содержимого.\n   */\n  children?: React.ReactNode | ((renderProps: DropZonePropsChildrenProps) => React.ReactNode);\n}\n\n/**\n * Компонент позволяет пользователям загружать файлы, перетаскивая файлы в\n * область на странице.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/DropZone\n */\nexport const DropZone: React.FC<DropZoneProps> & {\n  Grid: typeof DropZoneGrid;\n} = ({ onDragOver, onDragLeave, onDrop, children, ...props }: DropZoneProps): React.ReactNode => {\n  const [active, setActive] = React.useState(false);\n\n  const onActive: React.DragEventHandler<HTMLDivElement> = (event) => {\n    if (event.isPropagationStopped()) {\n      return;\n    }\n\n    setActive(true);\n  };\n\n  const offActive: React.DragEventHandler<HTMLDivElement> = () => {\n    setActive(false);\n  };\n\n  return (\n    <RootComponent\n      baseClassName={classNames(styles.host, active && styles.active)}\n      onDragOver={callMultiple(onDragOver, onActive)}\n      onDragLeave={callMultiple(onDragLeave, offActive)}\n      onDrop={callMultiple(onDrop, offActive)}\n      {...props}\n    >\n      {typeof children === 'function' ? children({ active }) : children}\n    </RootComponent>\n  );\n};\n\nDropZone.Grid = DropZoneGrid;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(DropZone.Grid, 'DropZone.Grid');\n}\n"],"names":["React","classNames","callMultiple","defineComponentDisplayNames","RootComponent","DropZoneGrid","DropZone","onDragOver","onDragLeave","onDrop","children","props","active","setActive","useState","onActive","event","isPropagationStopped","offActive","baseClassName","Grid","process","env","NODE_ENV"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,YAAY,QAAQ,+BAA4B;AAiBzD;;;;;;CAMC,GACD,OAAO,MAAMC,WAET;QAAC,EAAEC,UAAU,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,EAA2B,WAAtBC;QAA9CJ;QAAYC;QAAaC;QAAQC;;IACtC,MAAM,CAACE,QAAQC,UAAU,GAAGb,MAAMc,QAAQ,CAAC;IAE3C,MAAMC,WAAmD,CAACC;QACxD,IAAIA,MAAMC,oBAAoB,IAAI;YAChC;QACF;QAEAJ,UAAU;IACZ;IAEA,MAAMK,YAAoD;QACxDL,UAAU;IACZ;IAEA,qBACE,KAACT;QACCe,eAAelB,iCAAwBW;QACvCL,YAAYL,aAAaK,YAAYQ;QACrCP,aAAaN,aAAaM,aAAaU;QACvCT,QAAQP,aAAaO,QAAQS;OACzBP;kBAEH,OAAOD,aAAa,aAAaA,SAAS;YAAEE;QAAO,KAAKF;;AAG/D,EAAE;AAEFJ,SAASc,IAAI,GAAGf;AAEhB,IAAIgB,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCpB,4BAA4BG,SAASc,IAAI,EAAE;AAC7C"}

package/dist/components/DropZone/components/DropZoneGrid.d.ts

@@ -1,6 +1,9 @@
 import type { HTMLAttributesWithRootRef } from '../../../types';
 export interface DropZoneGridProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+    /**
+     * Направление дочерних компонентов.
+     */
     direction?: 'row' | 'column';
 }
-export declare const DropZoneGrid: React.FC<DropZoneGridProps>;
+export declare const DropZoneGrid: ({ direction, ...props }: DropZoneGridProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DropZoneGrid.d.ts.map

package/dist/components/DropZone/components/DropZoneGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropZoneGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/DropZone/components/DropZoneGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAShE,MAAM,WAAW,iBAAkB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAClF,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAKpD,CAAC"}
+{"version":3,"file":"DropZoneGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/DropZone/components/DropZoneGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAShE,MAAM,WAAW,iBAAkB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAClF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,GAAI,yBAAoC,iBAAiB,4CAEjF,CAAC"}

package/dist/components/DropZone/components/DropZoneGrid.js

@@ -15,6 +15,5 @@ export const DropZoneGrid = (_param)=>{
         baseClassName: classNames("vkuicomponents__host", directionStyle[direction])
     }, props));
 };
-DropZoneGrid.displayName = 'DropZoneGrid';
 
 //# sourceMappingURL=DropZoneGrid.js.map

package/dist/components/DropZone/components/DropZoneGrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DropZone/components/DropZoneGrid.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport styles from './DropZoneGrid.module.css';\n\nconst directionStyle = {\n  row: styles.row,\n  column: styles.column,\n};\n\nexport interface DropZoneGridProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  direction?: 'row' | 'column';\n}\n\nexport const DropZoneGrid: React.FC<DropZoneGridProps> = ({\n  direction = 'column',\n  ...props\n}: DropZoneGridProps) => (\n  <RootComponent baseClassName={classNames(styles.host, directionStyle[direction])} {...props} />\n);\n\nDropZoneGrid.displayName = 'DropZoneGrid';\n"],"names":["classNames","RootComponent","directionStyle","row","column","DropZoneGrid","direction","props","baseClassName","displayName"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,uCAAoC;AAGlE,MAAMC,iBAAiB;IACrBC,GAAG;IACHC,MAAM;AACR;AAMA,OAAO,MAAMC,eAA4C;QAAC,EACxDC,YAAY,QAAQ,EAEF,WADfC;QADHD;;yBAGA,KAACL;QAAcO,eAAeR,mCAAwBE,cAAc,CAACI,UAAU;OAAOC;EACtF;AAEFF,aAAaI,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/DropZone/components/DropZoneGrid.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport styles from './DropZoneGrid.module.css';\n\nconst directionStyle = {\n  row: styles.row,\n  column: styles.column,\n};\n\nexport interface DropZoneGridProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Направление дочерних компонентов.\n   */\n  direction?: 'row' | 'column';\n}\n\nexport const DropZoneGrid = ({ direction = 'column', ...props }: DropZoneGridProps) => (\n  <RootComponent baseClassName={classNames(styles.host, directionStyle[direction])} {...props} />\n);\n"],"names":["classNames","RootComponent","directionStyle","row","column","DropZoneGrid","direction","props","baseClassName"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,uCAAoC;AAGlE,MAAMC,iBAAiB;IACrBC,GAAG;IACHC,MAAM;AACR;AASA,OAAO,MAAMC,eAAe;QAAC,EAAEC,YAAY,QAAQ,EAA+B,WAA1BC;QAAzBD;;yBAC7B,KAACL;QAAcO,eAAeR,mCAAwBE,cAAc,CAACI,UAAU;OAAOC;EACtF"}

package/dist/components/DropdownIcon/DropdownIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownIcon.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,WAAW,iBAAkB,SAAQ,yBAAyB,CAAC,aAAa,CAAC;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,GAAI,qCAI1B,iBAAiB,KAAG,KAAK,CAAC,SAe5B,CAAC"}
+{"version":3,"file":"DropdownIcon.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,WAAW,iBAAkB,SAAQ,yBAAyB,CAAC,aAAa,CAAC;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,YAAY,GAAI,qCAI1B,iBAAiB,KAAG,KAAK,CAAC,SAe5B,CAAC"}

package/dist/components/DropdownIcon/DropdownIcon.js

@@ -2,7 +2,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
+/* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
 import { Icon20ChevronUp, Icon20Dropdown, Icon24ChevronDown, Icon24ChevronUp } from "@vkontakte/icons";
 import { classNames } from "@vkontakte/vkjs";
 import { useAdaptivityConditionalRender } from "../../hooks/useAdaptivityConditionalRender/index.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  Icon20ChevronUp,\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport type { HTMLAttributesWithRootRef } from '../../types';\n\nexport interface DropdownIconProps extends HTMLAttributesWithRootRef<SVGSVGElement> {\n  opened?: boolean;\n}\n\nexport const DropdownIcon = ({\n  opened = false,\n  className,\n  ...restProps\n}: DropdownIconProps): React.ReactNode => {\n  const { sizeY } = useAdaptivityConditionalRender();\n  const IconCompact = opened ? Icon20ChevronUp : Icon20Dropdown;\n  const IconRegular = opened ? Icon24ChevronUp : Icon24ChevronDown;\n\n  return (\n    <React.Fragment>\n      {sizeY.compact && (\n        <IconCompact className={classNames(sizeY.compact.className, className)} {...restProps} />\n      )}\n      {sizeY.regular && (\n        <IconRegular className={classNames(sizeY.regular.className, className)} {...restProps} />\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":["React","Icon20ChevronUp","Icon20Dropdown","Icon24ChevronDown","Icon24ChevronUp","classNames","useAdaptivityConditionalRender","DropdownIcon","opened","className","restProps","sizeY","IconCompact","IconRegular","Fragment","compact","regular"],"mappings":"AAAA;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,QACV,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,8BAA8B,QAAQ,sDAA6C;AAO5F,OAAO,MAAMC,eAAe;QAAC,EAC3BC,SAAS,KAAK,EACdC,SAAS,EAES,WADfC;QAFHF;QACAC;;IAGA,MAAM,EAAEE,KAAK,EAAE,GAAGL;IAClB,MAAMM,cAAcJ,SAASP,kBAAkBC;IAC/C,MAAMW,cAAcL,SAASJ,kBAAkBD;IAE/C,qBACE,MAACH,MAAMc,QAAQ;;YACZH,MAAMI,OAAO,kBACZ,KAACH;gBAAYH,WAAWJ,WAAWM,MAAMI,OAAO,CAACN,SAAS,EAAEA;eAAgBC;YAE7EC,MAAMK,OAAO,kBACZ,KAACH;gBAAYJ,WAAWJ,WAAWM,MAAMK,OAAO,CAACP,SAAS,EAAEA;eAAgBC;;;AAIpF,EAAE"}
+{"version":3,"sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport {\n  Icon20ChevronUp,\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport type { HTMLAttributesWithRootRef } from '../../types';\n\nexport interface DropdownIconProps extends HTMLAttributesWithRootRef<SVGSVGElement> {\n  opened?: boolean;\n}\n\nexport const DropdownIcon = ({\n  opened = false,\n  className,\n  ...restProps\n}: DropdownIconProps): React.ReactNode => {\n  const { sizeY } = useAdaptivityConditionalRender();\n  const IconCompact = opened ? Icon20ChevronUp : Icon20Dropdown;\n  const IconRegular = opened ? Icon24ChevronUp : Icon24ChevronDown;\n\n  return (\n    <React.Fragment>\n      {sizeY.compact && (\n        <IconCompact className={classNames(sizeY.compact.className, className)} {...restProps} />\n      )}\n      {sizeY.regular && (\n        <IconRegular className={classNames(sizeY.regular.className, className)} {...restProps} />\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":["React","Icon20ChevronUp","Icon20Dropdown","Icon24ChevronDown","Icon24ChevronUp","classNames","useAdaptivityConditionalRender","DropdownIcon","opened","className","restProps","sizeY","IconCompact","IconRegular","Fragment","compact","regular"],"mappings":"AAAA;;;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SACEC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,QACV,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,8BAA8B,QAAQ,sDAA6C;AAO5F,OAAO,MAAMC,eAAe;QAAC,EAC3BC,SAAS,KAAK,EACdC,SAAS,EAES,WADfC;QAFHF;QACAC;;IAGA,MAAM,EAAEE,KAAK,EAAE,GAAGL;IAClB,MAAMM,cAAcJ,SAASP,kBAAkBC;IAC/C,MAAMW,cAAcL,SAASJ,kBAAkBD;IAE/C,qBACE,MAACH,MAAMc,QAAQ;;YACZH,MAAMI,OAAO,kBACZ,KAACH;gBAAYH,WAAWJ,WAAWM,MAAMI,OAAO,CAACN,SAAS,EAAEA;eAAgBC;YAE7EC,MAAMK,OAAO,kBACZ,KAACH;gBAAYJ,WAAWJ,WAAWM,MAAMK,OAAO,CAACP,SAAS,EAAEA;eAAgBC;;;AAIpF,EAAE"}

package/dist/components/Epic/Epic.d.ts

@@ -1,8 +1,18 @@
 import * as React from 'react';
 import type { HTMLAttributesWithRootRef } from '../../types';
 export interface EpicProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+    /**
+     * Компонент Tabbar, который будет отображаться снизу.
+     */
     tabbar?: React.ReactNode;
+    /**
+     * `id` активного окна.
+     */
     activeStory: string;
+    /**
+     * Внутри `Epic` может находиться либо коллекция `Root`,
+     * либо коллекция `View`. У каждого элемента коллекции должен быть уникальный `id`.
+     */
     children: React.ReactElement | Iterable<React.ReactElement>;
 }
 /**

package/dist/components/Epic/Epic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Epic.d.ts","sourceRoot":"","sources":["../../../src/components/Epic/Epic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC1E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAID;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,iDAKlB,SAAS,KAAG,KAAK,CAAC,SAyBpB,CAAC"}
+{"version":3,"file":"Epic.d.ts","sourceRoot":"","sources":["../../../src/components/Epic/Epic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAID;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,iDAKlB,SAAS,KAAG,KAAK,CAAC,SAyBpB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Epic/Epic.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ScrollSaver } from './ScrollSaver';\nimport styles from './Epic.module.css';\n\nexport interface EpicProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n  children: React.ReactElement | Iterable<React.ReactElement>;\n}\n\nconst warn = warnOnce('Epic');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic = ({\n  activeStory,\n  tabbar,\n  children,\n  ...restProps\n}: EpicProps): React.ReactNode => {\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId((story as React.ReactElement<NavIdProps>).props, warn) === activeStory,\n    ) as Array<React.ReactElement<NavIdProps>> | undefined) ?? null;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(styles.host, tabbar && 'vkuiInternalEpic--hasTabbar')}\n    >\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => (scroll[activeStory] = value)}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","getNavId","warnOnce","RootComponent","ScrollSaver","warn","Epic","activeStory","tabbar","children","restProps","scroll","useRef","current","story","Children","toArray","find","isValidElement","props","baseClassName","initialScroll","saveScroll","value"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAyB,wBAAqB;AAC/D,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,WAAW,QAAQ,mBAAgB;AAS5C,MAAMC,OAAOH,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMI,OAAO;QAAC,EACnBC,WAAW,EACXC,MAAM,EACNC,QAAQ,EAEE,WADPC;QAHHH;QACAC;QACAC;;IAGA,MAAME,SAASZ,MAAMa,MAAM,CAA4B,CAAC,GAAGC,OAAO;QAG/Dd;IADH,MAAMe,QACJ,CAACf,+BAAAA,MAAMgB,QAAQ,CAACC,OAAO,CAACP,UAAUQ,IAAI,CACpC,CAACH,sBACCf,MAAMmB,cAAc,CAACJ,UACrBb,SAAS,AAACa,MAAyCK,KAAK,EAAEd,UAAUE,0BAHvER,0CAAAA,+BAI0D;IAE7D,qBACE,MAACI,uDACKO;QACJU,eAAepB,6BAAwBQ,UAAU;;0BAEjD,KAACJ;gBAECiB,eAAeV,MAAM,CAACJ,YAAY,IAAI;gBACtCe,YAAY,CAACC,QAAWZ,MAAM,CAACJ,YAAY,GAAGgB;0BAE7CT;eAJIP;YAMNC;;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/Epic/Epic.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ScrollSaver } from './ScrollSaver';\nimport styles from './Epic.module.css';\n\nexport interface EpicProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Компонент Tabbar, который будет отображаться снизу.\n   */\n  tabbar?: React.ReactNode;\n  /**\n   * `id` активного окна.\n   */\n  activeStory: string;\n  /**\n   * Внутри `Epic` может находиться либо коллекция `Root`,\n   * либо коллекция `View`. У каждого элемента коллекции должен быть уникальный `id`.\n   */\n  children: React.ReactElement | Iterable<React.ReactElement>;\n}\n\nconst warn = warnOnce('Epic');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic = ({\n  activeStory,\n  tabbar,\n  children,\n  ...restProps\n}: EpicProps): React.ReactNode => {\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId((story as React.ReactElement<NavIdProps>).props, warn) === activeStory,\n    ) as Array<React.ReactElement<NavIdProps>> | undefined) ?? null;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(styles.host, tabbar && 'vkuiInternalEpic--hasTabbar')}\n    >\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => (scroll[activeStory] = value)}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","getNavId","warnOnce","RootComponent","ScrollSaver","warn","Epic","activeStory","tabbar","children","restProps","scroll","useRef","current","story","Children","toArray","find","isValidElement","props","baseClassName","initialScroll","saveScroll","value"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAyB,wBAAqB;AAC/D,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,WAAW,QAAQ,mBAAgB;AAmB5C,MAAMC,OAAOH,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMI,OAAO;QAAC,EACnBC,WAAW,EACXC,MAAM,EACNC,QAAQ,EAEE,WADPC;QAHHH;QACAC;QACAC;;IAGA,MAAME,SAASZ,MAAMa,MAAM,CAA4B,CAAC,GAAGC,OAAO;QAG/Dd;IADH,MAAMe,QACJ,CAACf,+BAAAA,MAAMgB,QAAQ,CAACC,OAAO,CAACP,UAAUQ,IAAI,CACpC,CAACH,sBACCf,MAAMmB,cAAc,CAACJ,UACrBb,SAAS,AAACa,MAAyCK,KAAK,EAAEd,UAAUE,0BAHvER,0CAAAA,+BAI0D;IAE7D,qBACE,MAACI,uDACKO;QACJU,eAAepB,6BAAwBQ,UAAU;;0BAEjD,KAACJ;gBAECiB,eAAeV,MAAM,CAACJ,YAAY,IAAI;gBACtCe,YAAY,CAACC,QAAWZ,MAAM,CAACJ,YAAY,GAAGgB;0BAE7CT;eAJIP;YAMNC;;;AAGP,EAAE"}

package/dist/components/Epic/ScrollSaver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollSaver.d.ts","sourceRoot":"","sources":["../../../src/components/Epic/ScrollSaver.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,GAAG,CAAC;CACjD;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,0CAIzB,gBAAgB,KAAG,KAAK,CAAC,SAS3B,CAAC"}
+{"version":3,"file":"ScrollSaver.d.ts","sourceRoot":"","sources":["../../../src/components/Epic/ScrollSaver.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,GAAG,CAAC;CACjD;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,0CAIzB,gBAAgB,KAAG,KAAK,CAAC,SAS3B,CAAC"}

package/dist/components/Epic/ScrollSaver.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
+/* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect.js";
 import { ScrollContext } from "../AppRoot/ScrollContext.js";
 /**

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Epic/ScrollSaver.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport type { HasChildren } from '../../types';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\n\nexport interface ScrollSaverProps extends HasChildren {\n  initialScroll?: number;\n  saveScroll: (this: void, scroll: number) => any;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScrollSaver\n */\nexport const ScrollSaver = ({\n  children,\n  initialScroll,\n  saveScroll,\n}: ScrollSaverProps): React.ReactNode => {\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"],"names":["React","useIsomorphicLayoutEffect","ScrollContext","ScrollSaver","children","initialScroll","saveScroll","getScroll","scrollTo","useContext","y","Fragment"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,yCAAsC;AAEhF,SAASC,aAAa,QAAQ,8BAA2B;AAOzD;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,QAAQ,EACRC,aAAa,EACbC,UAAU,EACO;IACjB,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR,MAAMS,UAAU,CAACP;IACjDD,0BAA0B;QACxB,IAAI,OAAOI,kBAAkB,UAAU;YACrCG,SAAS,GAAGH;QACd;QACA,OAAO,IAAMC,WAAWC,YAAYG,CAAC;IACvC,GAAG,EAAE;IACL,qBAAO,KAACV,MAAMW,QAAQ;kBAAEP;;AAC1B,EAAE"}
+{"version":3,"sources":["../../../src/components/Epic/ScrollSaver.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport type { HasChildren } from '../../types';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\n\nexport interface ScrollSaverProps extends HasChildren {\n  initialScroll?: number;\n  saveScroll: (this: void, scroll: number) => any;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScrollSaver\n */\nexport const ScrollSaver = ({\n  children,\n  initialScroll,\n  saveScroll,\n}: ScrollSaverProps): React.ReactNode => {\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"],"names":["React","useIsomorphicLayoutEffect","ScrollContext","ScrollSaver","children","initialScroll","saveScroll","getScroll","scrollTo","useContext","y","Fragment"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,yCAAsC;AAEhF,SAASC,aAAa,QAAQ,8BAA2B;AAOzD;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,QAAQ,EACRC,aAAa,EACbC,UAAU,EACO;IACjB,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR,MAAMS,UAAU,CAACP;IACjDD,0BAA0B;QACxB,IAAI,OAAOI,kBAAkB,UAAU;YACrCG,SAAS,GAAGH;QACd;QACA,OAAO,IAAMC,WAAWC,YAAYG,CAAC;IACvC,GAAG,EAAE;IACL,qBAAO,KAACV,MAAMW,QAAQ;kBAAEP;;AAC1B,EAAE"}

package/dist/components/FixedLayout/FixedLayout.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import type { HasComponent, HTMLAttributesWithRootRef } from '../../types';
 export interface FixedLayoutProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasComponent {
+    /**
+     * Положение по вертикали, либо сверху, либо снизу.
+     */
     vertical?: 'top' | 'bottom';
     /**
      * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.
@@ -13,12 +16,6 @@ export interface FixedLayoutProps extends HTMLAttributesWithRootRef<HTMLDivEleme
      */
     useParentWidth?: boolean;
 }
-export interface FixedLayoutState {
-    position: 'absolute' | null;
-    top: number;
-    bottom: number;
-    width: string;
-}
 /**
  * @see https://vkcom.github.io/VKUI/#/FixedLayout
  */

package/dist/components/FixedLayout/FixedLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FixedLayout.d.ts","sourceRoot":"","sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAU3E,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,YAAY;IAC/F,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,4FASzB,gBAAgB,KAAG,KAAK,CAAC,SA6D3B,CAAC"}
+{"version":3,"file":"FixedLayout.d.ts","sourceRoot":"","sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAU3E,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,YAAY;IAC/F;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,4FASzB,gBAAgB,KAAG,KAAK,CAAC,SA6D3B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { useDOM } from '../../lib/dom';\nimport { setRef } from '../../lib/utils';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './FixedLayout.module.css';\n\nconst stylesVertical = {\n  top: styles.verticalTop,\n  bottom: classNames(styles.verticalBottom, 'vkuiInternalFixedLayout--vertical-bottom'),\n};\n\nexport interface FixedLayoutProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasComponent {\n  vertical?: 'top' | 'bottom';\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n  /**\n   * Всегда соответствовать ширине родителя.\n   * Ширина пересчитывается по событию `window` `resize`.\n   */\n  useParentWidth?: 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  filled,\n  className,\n  useParentWidth,\n  ...restProps\n}: FixedLayoutProps): React.ReactNode => {\n  const platform = usePlatform();\n  const ref = React.useRef<HTMLElement | null>(null);\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const parentRef = React.useRef<HTMLElement | null>(null);\n\n  const handleRootRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) {\n        return;\n      }\n\n      setRef(node, getRootRef);\n      setRef(node, ref);\n      setRef(node.parentElement, parentRef);\n    },\n    [getRootRef],\n  );\n\n  const doResize = () => {\n    if (useParentWidth && parentRef.current) {\n      const parentWidth = parentRef.current.getBoundingClientRect().width;\n      setWidth(parentWidth ? `${parentWidth}px` : undefined);\n    } else if (colRef?.current) {\n      const computedStyle = getComputedStyle(colRef.current);\n\n      setWidth(\n        `${\n          colRef.current.clientWidth -\n          parseFloat(computedStyle.paddingLeft || '0') -\n          parseFloat(computedStyle.paddingRight || '0')\n        }px`,\n      );\n    } else {\n      setWidth(undefined);\n    }\n  };\n  React.useEffect(doResize, [colRef, platform, ref, useParentWidth]);\n\n  useResizeObserver(window, doResize);\n  useResizeObserver(useParentWidth ? parentRef : colRef, doResize);\n\n  return (\n    <OnboardingTooltipContainer\n      {...restProps}\n      fixed\n      ref={handleRootRef}\n      className={classNames(\n        styles.host,\n        platform === 'ios' && 'vkuiInternalFixedLayout--ios',\n        filled && styles.filled,\n        vertical && stylesVertical[vertical],\n        className,\n      )}\n      style={{ width, ...style }}\n    >\n      {children}\n    </OnboardingTooltipContainer>\n  );\n};\n"],"names":["useCallback","React","classNames","usePlatform","useResizeObserver","useDOM","setRef","OnboardingTooltipContainer","SplitColContext","stylesVertical","top","bottom","FixedLayout","children","style","vertical","getRootRef","filled","className","useParentWidth","restProps","platform","ref","useRef","width","setWidth","useState","undefined","window","colRef","useContext","parentRef","handleRootRef","node","parentElement","doResize","current","parentWidth","getBoundingClientRect","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","useEffect","fixed"],"mappings":"AAAA;;;;;AAEA,SAASA,WAAW,QAAQ,QAAQ;AACpC,YAAYC,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,MAAM,QAAQ,mBAAgB;AACvC,SAASC,MAAM,QAAQ,qBAAkB;AAEzC,SAASC,0BAA0B,QAAQ,qDAAkD;AAC7F,SAASC,eAAe,QAAQ,iCAA8B;AAG9D,MAAMC,iBAAiB;IACrBC,GAAG;IACHC,QAAQT,8CAAkC;AAC5C;AAuBA;;CAEC,GACD,OAAO,MAAMU,cAAc;QAAC,EAC1BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,cAAc,EAEG,WADdC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,WAAWlB;IACjB,MAAMmB,MAAMrB,MAAMsB,MAAM,CAAqB;IAC7C,MAAM,CAACC,OAAOC,SAAS,GAAGxB,MAAMyB,QAAQ,CAAqBC;IAC7D,MAAM,EAAEC,MAAM,EAAE,GAAGvB;IACnB,MAAM,EAAEwB,MAAM,EAAE,GAAG5B,MAAM6B,UAAU,CAACtB;IACpC,MAAMuB,YAAY9B,MAAMsB,MAAM,CAAqB;IAEnD,MAAMS,gBAAgBhC,YACpB,CAACiC;QACC,IAAI,CAACA,MAAM;YACT;QACF;QAEA3B,OAAO2B,MAAMjB;QACbV,OAAO2B,MAAMX;QACbhB,OAAO2B,KAAKC,aAAa,EAAEH;IAC7B,GACA;QAACf;KAAW;IAGd,MAAMmB,WAAW;QACf,IAAIhB,kBAAkBY,UAAUK,OAAO,EAAE;YACvC,MAAMC,cAAcN,UAAUK,OAAO,CAACE,qBAAqB,GAAGd,KAAK;YACnEC,SAASY,cAAc,GAAGA,YAAY,EAAE,CAAC,GAAGV;QAC9C,OAAO,IAAIE,mBAAAA,6BAAAA,OAAQO,OAAO,EAAE;YAC1B,MAAMG,gBAAgBC,iBAAiBX,OAAOO,OAAO;YAErDX,SACE,GACEI,OAAOO,OAAO,CAACK,WAAW,GAC1BC,WAAWH,cAAcI,WAAW,IAAI,OACxCD,WAAWH,cAAcK,YAAY,IAAI,KAC1C,EAAE,CAAC;QAER,OAAO;YACLnB,SAASE;QACX;IACF;IACA1B,MAAM4C,SAAS,CAACV,UAAU;QAACN;QAAQR;QAAUC;QAAKH;KAAe;IAEjEf,kBAAkBwB,QAAQO;IAC1B/B,kBAAkBe,iBAAiBY,YAAYF,QAAQM;IAEvD,qBACE,KAAC5B,oEACKa;QACJ0B,KAAK;QACLxB,KAAKU;QACLd,WAAWhB,oCAETmB,aAAa,SAAS,gCACtBJ,qCACAF,YAAYN,cAAc,CAACM,SAAS,EACpCG;QAEFJ,OAAO;YAAEU;WAAUV;kBAElBD;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { useDOM } from '../../lib/dom';\nimport { setRef } from '../../lib/utils';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './FixedLayout.module.css';\n\nconst stylesVertical = {\n  top: styles.verticalTop,\n  bottom: classNames(styles.verticalBottom, 'vkuiInternalFixedLayout--vertical-bottom'),\n};\n\nexport interface FixedLayoutProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasComponent {\n  /**\n   * Положение по вертикали, либо сверху, либо снизу.\n   */\n  vertical?: 'top' | 'bottom';\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n  /**\n   * Всегда соответствовать ширине родителя.\n   * Ширина пересчитывается по событию `window` `resize`.\n   */\n  useParentWidth?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  filled,\n  className,\n  useParentWidth,\n  ...restProps\n}: FixedLayoutProps): React.ReactNode => {\n  const platform = usePlatform();\n  const ref = React.useRef<HTMLElement | null>(null);\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const parentRef = React.useRef<HTMLElement | null>(null);\n\n  const handleRootRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) {\n        return;\n      }\n\n      setRef(node, getRootRef);\n      setRef(node, ref);\n      setRef(node.parentElement, parentRef);\n    },\n    [getRootRef],\n  );\n\n  const doResize = () => {\n    if (useParentWidth && parentRef.current) {\n      const parentWidth = parentRef.current.getBoundingClientRect().width;\n      setWidth(parentWidth ? `${parentWidth}px` : undefined);\n    } else if (colRef?.current) {\n      const computedStyle = getComputedStyle(colRef.current);\n\n      setWidth(\n        `${\n          colRef.current.clientWidth -\n          parseFloat(computedStyle.paddingLeft || '0') -\n          parseFloat(computedStyle.paddingRight || '0')\n        }px`,\n      );\n    } else {\n      setWidth(undefined);\n    }\n  };\n  React.useEffect(doResize, [colRef, platform, ref, useParentWidth]);\n\n  useResizeObserver(window, doResize);\n  useResizeObserver(useParentWidth ? parentRef : colRef, doResize);\n\n  return (\n    <OnboardingTooltipContainer\n      {...restProps}\n      fixed\n      ref={handleRootRef}\n      className={classNames(\n        styles.host,\n        platform === 'ios' && 'vkuiInternalFixedLayout--ios',\n        filled && styles.filled,\n        vertical && stylesVertical[vertical],\n        className,\n      )}\n      style={{ width, ...style }}\n    >\n      {children}\n    </OnboardingTooltipContainer>\n  );\n};\n"],"names":["useCallback","React","classNames","usePlatform","useResizeObserver","useDOM","setRef","OnboardingTooltipContainer","SplitColContext","stylesVertical","top","bottom","FixedLayout","children","style","vertical","getRootRef","filled","className","useParentWidth","restProps","platform","ref","useRef","width","setWidth","useState","undefined","window","colRef","useContext","parentRef","handleRootRef","node","parentElement","doResize","current","parentWidth","getBoundingClientRect","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","useEffect","fixed"],"mappings":"AAAA;;;;;AAEA,SAASA,WAAW,QAAQ,QAAQ;AACpC,YAAYC,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,MAAM,QAAQ,mBAAgB;AACvC,SAASC,MAAM,QAAQ,qBAAkB;AAEzC,SAASC,0BAA0B,QAAQ,qDAAkD;AAC7F,SAASC,eAAe,QAAQ,iCAA8B;AAG9D,MAAMC,iBAAiB;IACrBC,GAAG;IACHC,QAAQT,8CAAkC;AAC5C;AAmBA;;CAEC,GACD,OAAO,MAAMU,cAAc;QAAC,EAC1BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,cAAc,EAEG,WADdC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,WAAWlB;IACjB,MAAMmB,MAAMrB,MAAMsB,MAAM,CAAqB;IAC7C,MAAM,CAACC,OAAOC,SAAS,GAAGxB,MAAMyB,QAAQ,CAAqBC;IAC7D,MAAM,EAAEC,MAAM,EAAE,GAAGvB;IACnB,MAAM,EAAEwB,MAAM,EAAE,GAAG5B,MAAM6B,UAAU,CAACtB;IACpC,MAAMuB,YAAY9B,MAAMsB,MAAM,CAAqB;IAEnD,MAAMS,gBAAgBhC,YACpB,CAACiC;QACC,IAAI,CAACA,MAAM;YACT;QACF;QAEA3B,OAAO2B,MAAMjB;QACbV,OAAO2B,MAAMX;QACbhB,OAAO2B,KAAKC,aAAa,EAAEH;IAC7B,GACA;QAACf;KAAW;IAGd,MAAMmB,WAAW;QACf,IAAIhB,kBAAkBY,UAAUK,OAAO,EAAE;YACvC,MAAMC,cAAcN,UAAUK,OAAO,CAACE,qBAAqB,GAAGd,KAAK;YACnEC,SAASY,cAAc,GAAGA,YAAY,EAAE,CAAC,GAAGV;QAC9C,OAAO,IAAIE,mBAAAA,6BAAAA,OAAQO,OAAO,EAAE;YAC1B,MAAMG,gBAAgBC,iBAAiBX,OAAOO,OAAO;YAErDX,SACE,GACEI,OAAOO,OAAO,CAACK,WAAW,GAC1BC,WAAWH,cAAcI,WAAW,IAAI,OACxCD,WAAWH,cAAcK,YAAY,IAAI,KAC1C,EAAE,CAAC;QAER,OAAO;YACLnB,SAASE;QACX;IACF;IACA1B,MAAM4C,SAAS,CAACV,UAAU;QAACN;QAAQR;QAAUC;QAAKH;KAAe;IAEjEf,kBAAkBwB,QAAQO;IAC1B/B,kBAAkBe,iBAAiBY,YAAYF,QAAQM;IAEvD,qBACE,KAAC5B,oEACKa;QACJ0B,KAAK;QACLxB,KAAKU;QACLd,WAAWhB,oCAETmB,aAAa,SAAS,gCACtBJ,qCACAF,YAAYN,cAAc,CAACM,SAAS,EACpCG;QAEFJ,OAAO;YAAEU;WAAUV;kBAElBD;;AAGP,EAAE"}

package/dist/components/Flex/FlexItem/FlexItem.d.ts

@@ -2,7 +2,7 @@ import type { HasChildren } from '../../../types';
 import type { RootComponentProps } from '../../RootComponent/RootComponent';
 export interface FlexItemProps extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'>, HasChildren {
     /**
-     * Для задания выравнивания, отлично от родительского, эквивалентно `align-self`
+     * Для задания выравнивания, отлично от родительского, эквивалентно `align-self`.
      */
     alignSelf?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
     /**
@@ -11,11 +11,11 @@ export interface FlexItemProps extends Omit<RootComponentProps<HTMLElement>, 'ba
      * - `grow` соответствует значению `1 0 auto`
      * - `shrink` соответствует значению `0 1 auto`
      * - `content` соответствует значению `1 1 auto`
-     * - `fixed` соответствует значению `0 0 auto`
+     * - `fixed` соответствует значению `0 0 auto`.
      */
     flex?: 'grow' | 'shrink' | 'content' | 'fixed';
     /**
-     * Изначальный размер элемента, эквивалентно `flex-basis`
+     * Изначальный размер элемента, эквивалентно `flex-basis`.
      */
     flexBasis?: number | string;
 }

package/dist/components/Flex/FlexItem/FlexItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Flex/FlexItem/FlexItem.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { HasChildren } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport type { RootComponentProps } from '../../RootComponent/RootComponent';\nimport styles from './FlexItem.module.css';\n\nconst flexClassNames = {\n  grow: styles.flexGrow,\n  shrink: styles.flexShrink,\n  content: styles.flexContent,\n  fixed: styles.flexFixed,\n};\n\nconst alignSelfClassNames = {\n  start: styles.alignSelfStart,\n  end: styles.alignSelfEnd,\n  center: styles.alignSelfCenter,\n  baseline: styles.alignSelfBaseline,\n  stretch: styles.alignSelfStretch,\n};\n\nexport interface FlexItemProps\n  extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'>,\n    HasChildren {\n  /**\n   * Для задания выравнивания, отлично от родительского, эквивалентно `align-self`\n   */\n  alignSelf?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';\n  /**\n   * Позволяет задать предопределенные значения свойства `flex`:\n   *\n   * - `grow` соответствует значению `1 0 auto`\n   * - `shrink` соответствует значению `0 1 auto`\n   * - `content` соответствует значению `1 1 auto`\n   * - `fixed` соответствует значению `0 0 auto`\n   */\n  flex?: 'grow' | 'shrink' | 'content' | 'fixed';\n  /**\n   * Изначальный размер элемента, эквивалентно `flex-basis`\n   */\n  flexBasis?: number | string;\n}\n\nexport const FlexItem = ({\n  children,\n  alignSelf,\n  flex,\n  flexBasis,\n  ...rest\n}: FlexItemProps): React.ReactNode => {\n  return (\n    <RootComponent\n      {...rest}\n      baseStyle={{ flexBasis }}\n      baseClassName={classNames(\n        alignSelf && alignSelfClassNames[alignSelf],\n        flex && flexClassNames[flex],\n      )}\n    >\n      {children}\n    </RootComponent>\n  );\n};\n"],"names":["classNames","RootComponent","flexClassNames","grow","shrink","content","fixed","alignSelfClassNames","start","end","center","baseline","stretch","FlexItem","children","alignSelf","flex","flexBasis","rest","baseStyle","baseClassName"],"mappings":";;;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,uCAAoC;AAIlE,MAAMC,iBAAiB;IACrBC,IAAI;IACJC,MAAM;IACNC,OAAO;IACPC,KAAK;AACP;AAEA,MAAMC,sBAAsB;IAC1BC,KAAK;IACLC,GAAG;IACHC,MAAM;IACNC,QAAQ;IACRC,OAAO;AACT;AAwBA,OAAO,MAAMC,WAAW;QAAC,EACvBC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,SAAS,EAEK,WADXC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,KAAChB,uDACKiB;QACJC,WAAW;YAAEF;QAAU;QACvBG,eAAepB,WACbe,aAAaR,mBAAmB,CAACQ,UAAU,EAC3CC,QAAQd,cAAc,CAACc,KAAK;kBAG7BF;;AAGP,EAAE"}
+{"version":3,"sources":["../../../../src/components/Flex/FlexItem/FlexItem.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { HasChildren } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport type { RootComponentProps } from '../../RootComponent/RootComponent';\nimport styles from './FlexItem.module.css';\n\nconst flexClassNames = {\n  grow: styles.flexGrow,\n  shrink: styles.flexShrink,\n  content: styles.flexContent,\n  fixed: styles.flexFixed,\n};\n\nconst alignSelfClassNames = {\n  start: styles.alignSelfStart,\n  end: styles.alignSelfEnd,\n  center: styles.alignSelfCenter,\n  baseline: styles.alignSelfBaseline,\n  stretch: styles.alignSelfStretch,\n};\n\nexport interface FlexItemProps\n  extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'>,\n    HasChildren {\n  /**\n   * Для задания выравнивания, отлично от родительского, эквивалентно `align-self`.\n   */\n  alignSelf?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';\n  /**\n   * Позволяет задать предопределенные значения свойства `flex`:\n   *\n   * - `grow` соответствует значению `1 0 auto`\n   * - `shrink` соответствует значению `0 1 auto`\n   * - `content` соответствует значению `1 1 auto`\n   * - `fixed` соответствует значению `0 0 auto`.\n   */\n  flex?: 'grow' | 'shrink' | 'content' | 'fixed';\n  /**\n   * Изначальный размер элемента, эквивалентно `flex-basis`.\n   */\n  flexBasis?: number | string;\n}\n\nexport const FlexItem = ({\n  children,\n  alignSelf,\n  flex,\n  flexBasis,\n  ...rest\n}: FlexItemProps): React.ReactNode => {\n  return (\n    <RootComponent\n      {...rest}\n      baseStyle={{ flexBasis }}\n      baseClassName={classNames(\n        alignSelf && alignSelfClassNames[alignSelf],\n        flex && flexClassNames[flex],\n      )}\n    >\n      {children}\n    </RootComponent>\n  );\n};\n"],"names":["classNames","RootComponent","flexClassNames","grow","shrink","content","fixed","alignSelfClassNames","start","end","center","baseline","stretch","FlexItem","children","alignSelf","flex","flexBasis","rest","baseStyle","baseClassName"],"mappings":";;;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,uCAAoC;AAIlE,MAAMC,iBAAiB;IACrBC,IAAI;IACJC,MAAM;IACNC,OAAO;IACPC,KAAK;AACP;AAEA,MAAMC,sBAAsB;IAC1BC,KAAK;IACLC,GAAG;IACHC,MAAM;IACNC,QAAQ;IACRC,OAAO;AACT;AAwBA,OAAO,MAAMC,WAAW;QAAC,EACvBC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,SAAS,EAEK,WADXC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,KAAChB,uDACKiB;QACJC,WAAW;YAAEF;QAAU;QACvBG,eAAepB,WACbe,aAAaR,mBAAmB,CAACQ,UAAU,EAC3CC,QAAQd,cAAc,CAACc,KAAK;kBAG7BF;;AAGP,EAAE"}