@vkontakte/vkui 7.2.1 → 7.3.0

package/dist/components/ActionSheetItem/ActionSheetItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport { isRealClickEvent } from './helpers';\nimport { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  mode?: 'default' | 'destructive' | 'cancel';\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * По умолчанию onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `checked` режима.\n   */\n  iconChecked?: React.ReactNode;\n  /**\n   * Позволяет отделить ActionItem от CancelItem для определении того,\n   * кто вызвал закрытие ActionSheet. Используется в ActionSheet.onClose()\n   */\n  isCancelItem?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nexport const ActionSheetItem = ({\n  children,\n  autoCloseDisabled = false,\n  mode = 'default',\n  meta,\n  subtitle,\n  before,\n  after,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked,\n  isCancelItem,\n  ...restProps\n}: ActionSheetItemProps): React.ReactNode => {\n  const platform = usePlatform();\n  const {\n    onItemClick = () => noop,\n    mode: actionSheetMode,\n    onClose: onActionSheetClose,\n  } = React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n  const Component: React.ElementType | undefined = selectable ? 'label' : undefined;\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === 'ios';\n\n  const onItemClickHandler = React.useCallback(\n    (e: React.MouseEvent) => {\n      onItemClick({\n        action: onClick,\n        immediateAction: onImmediateClick,\n        autoClose: !autoCloseDisabled,\n        isCancelItem: Boolean(isCancelItem),\n      })?.(e);\n    },\n    [autoCloseDisabled, isCancelItem, onClick, onImmediateClick, onItemClick],\n  );\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLElement> = React.useCallback(\n    (event) => {\n      if (pressedKey(event) === Keys.ENTER) {\n        onActionSheetClose?.();\n      }\n    },\n    [onActionSheetClose],\n  );\n\n  const onItemClickImpl: React.MouseEventHandler<HTMLElement> = React.useCallback(\n    (event) => {\n      if (selectable) {\n        if (isRealClickEvent(event)) {\n          onItemClickHandler(event);\n        }\n      } else {\n        onItemClickHandler(event);\n      }\n    },\n    [onItemClickHandler, selectable],\n  );\n\n  return (\n    <Tappable\n      {...(Component && { Component })}\n      {...restProps}\n      onClick={onItemClickImpl}\n      activeMode={platform === 'ios' ? styles.active : undefined}\n      baseClassName={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        mode === 'cancel' && styles.modeCancel,\n        mode === 'destructive' && styles.modeDestructive,\n        sizeY === 'compact' && styles.sizeYCompact,\n        isRich && styles.rich,\n        actionSheetMode === 'menu' && styles.menu,\n      )}\n      onKeyDown={onKeyDown}\n    >\n      {before && <div className={styles.before}>{before}</div>}\n      <div className={classNames(styles.container, !multiline && styles.ellipsis)}>\n        <div className={classNames(styles.content, isCentered && styles.centered)}>\n          {platform === 'ios' ? (\n            <Title\n              className={styles.children}\n              weight={mode === 'cancel' ? '2' : '3'}\n              level={isCentered ? '2' : '3'}\n            >\n              {children}\n            </Title>\n          ) : (\n            <Text className={styles.children}>{children}</Text>\n          )}\n          {meta && <Text className={styles.meta}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles.subtitle}>{subtitle}</Subhead>}\n      </div>\n      {(selectable || after) && (\n        <div className={styles.after}>\n          {after}\n          {selectable && (\n            <Radio\n              name={name}\n              value={value}\n              onChange={onChange}\n              defaultChecked={defaultChecked}\n              checked={checked}\n              disabled={restProps.disabled}\n            >\n              {iconChecked}\n            </Radio>\n          )}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","Keys","pressedKey","ActionSheetContext","Tappable","Subhead","Text","Title","isRealClickEvent","Radio","ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","isCancelItem","restProps","platform","onItemClick","actionSheetMode","onClose","onActionSheetClose","useContext","sizeY","Component","undefined","isRich","isCentered","onItemClickHandler","useCallback","e","action","immediateAction","autoClose","Boolean","onKeyDown","event","ENTER","onItemClickImpl","activeMode","baseClassName","div","className","weight","level","disabled"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,iDAA8C;AAC9F,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,IAAI,EAAEC,UAAU,QAAQ,6BAA0B;AAC3D,SAASC,kBAAkB,QAAqC,uCAAoC;AACpG,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAClD,SAASC,gBAAgB,QAAQ,eAAY;AAC7C,SAASC,KAAK,QAAQ,iCAA8B;AAyCpD;;CAEC,GACD,OAAO,MAAMC,kBAAkB;QAAC,EAC9BC,QAAQ,EACRC,oBAAoB,KAAK,EACzBC,OAAO,SAAS,EAChBC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,UAAU,EACVC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,cAAc,EACdC,QAAQ,EACRC,OAAO,EACPC,gBAAgB,EAChBC,YAAY,KAAK,EACjBC,WAAW,EACXC,YAAY,EAES,WADlBC;QAlBHlB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,WAAW9B;IACjB,MAAM,EACJ+B,cAAc,IAAMjC,IAAI,EACxBe,MAAMmB,eAAe,EACrBC,SAASC,kBAAkB,EAC5B,GAAGtC,MAAMuC,UAAU,CAAsChC;IAC1D,MAAM,EAAEiC,KAAK,EAAE,GAAGrC;IAElB,MAAMsC,YAA2CnB,aAAa,UAAUoB;IAExE,MAAMC,SAASxB,YAAYD,QAAQI;IACnC,MAAMsB,aAAa,CAACD,UAAU,CAACvB,UAAUc,aAAa;IAEtD,MAAMW,qBAAqB7C,MAAM8C,WAAW,CAC1C,CAACC;YACCZ;SAAAA,eAAAA,YAAY;YACVa,QAAQpB;YACRqB,iBAAiBpB;YACjBqB,WAAW,CAAClC;YACZgB,cAAcmB,QAAQnB;QACxB,gBALAG,mCAAAA,aAKKY;IACP,GACA;QAAC/B;QAAmBgB;QAAcJ;QAASC;QAAkBM;KAAY;IAG3E,MAAMiB,YAAqDpD,MAAM8C,WAAW,CAC1E,CAACO;QACC,IAAI/C,WAAW+C,WAAWhD,KAAKiD,KAAK,EAAE;YACpChB,+BAAAA,yCAAAA;QACF;IACF,GACA;QAACA;KAAmB;IAGtB,MAAMiB,kBAAwDvD,MAAM8C,WAAW,CAC7E,CAACO;QACC,IAAI/B,YAAY;YACd,IAAIV,iBAAiByC,QAAQ;gBAC3BR,mBAAmBQ;YACrB;QACF,OAAO;YACLR,mBAAmBQ;QACrB;IACF,GACA;QAACR;QAAoBvB;KAAW;IAGlC,qBACE,MAACd,kDACMiC,aAAa;QAAEA;IAAU,GAC1BR;QACJL,SAAS2B;QACTC,YAAYtB,aAAa,wCAAwBQ;QACjDe,eAAexD,wCAEbiC,aAAa,qCACbjB,SAAS,+CACTA,SAAS,yDACTuB,UAAU,kDACVG,uCACAP,oBAAoB;QAEtBgB,WAAWA;;YAEVhC,wBAAU,KAACsC;gBAAIC,SAAS;0BAAkBvC;;0BAC3C,MAACsC;gBAAIC,WAAW1D,6CAA6B,CAAC6B;;kCAC5C,MAAC4B;wBAAIC,WAAW1D,2CAA2B2C;;4BACxCV,aAAa,sBACZ,KAACvB;gCACCgD,SAAS;gCACTC,QAAQ3C,SAAS,WAAW,MAAM;gCAClC4C,OAAOjB,aAAa,MAAM;0CAEzB7B;+CAGH,KAACL;gCAAKiD,SAAS;0CAAoB5C;;4BAEpCG,sBAAQ,KAACR;gCAAKiD,SAAS;0CAAgBzC;;;;oBAEzCC,0BAAY,KAACV;wBAAQkD,SAAS;kCAAoBxC;;;;YAEnDG,CAAAA,cAAcD,KAAI,mBAClB,MAACqC;gBAAIC,SAAS;;oBACXtC;oBACAC,4BACC,KAACT;wBACCW,MAAMA;wBACND,OAAOA;wBACPI,UAAUA;wBACVD,gBAAgBA;wBAChBD,SAASA;wBACTqC,UAAU7B,UAAU6B,QAAQ;kCAE3B/B;;;;;;AAOf,EAAE"}
+{"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport { isRealClickEvent } from './helpers';\nimport { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  /**\n   * Свойство, определяющее внешний вид элемента действия.\n   */\n  mode?: 'default' | 'destructive' | 'cancel';\n  /**\n   * Если указано, элемент будет использоваться как ссылка.\n   */\n  href?: string;\n  /**\n   * Атрибут `target` для тега `<a>`.\n   */\n  target?: string;\n  /**\n   * Иконка или другой React-элемент для отображения перед основным контентом.\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка или другой React-элемент для отображения после основного контента.\n   */\n  after?: React.ReactNode;\n  /**\n   * Дополнительная информация, отображаемая рядом с основным контентом.\n   */\n  meta?: React.ReactNode;\n  /**\n   * Слот для подсказки или вспомогательного текста.\n   */\n  subtitle?: React.ReactNode;\n  /**\n   * По умолчанию нажатие на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение.\n   */\n  autoCloseDisabled?: boolean;\n  /**\n   * Включает возможность выбрать элемент (отображает радиокнопку).\n   */\n  selectable?: boolean;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк.\n   */\n  multiline?: boolean;\n  /**\n   * По умолчанию `onClick` будет вызван после завершения анимации скрытия и после вызова `onClose`.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент нажатия, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Обработчик нажатия, вызывающийся непосредственно в момент нажатия (в отличие от `onClick`).\n   */\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `selectable` режима.\n   */\n  iconChecked?: React.ReactNode;\n  /**\n   * Позволяет отделить `ActionItem` от `CancelItem` для определении того,\n   * кто вызвал закрытие `ActionSheet`. Используется в `ActionSheet.onClose()`.\n   */\n  isCancelItem?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nexport const ActionSheetItem = ({\n  children,\n  autoCloseDisabled = false,\n  mode = 'default',\n  meta,\n  subtitle,\n  before,\n  after,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked,\n  isCancelItem,\n  ...restProps\n}: ActionSheetItemProps): React.ReactNode => {\n  const platform = usePlatform();\n  const {\n    onItemClick = () => noop,\n    mode: actionSheetMode,\n    onClose: onActionSheetClose,\n  } = React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n  const Component: React.ElementType | undefined = selectable ? 'label' : undefined;\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === 'ios';\n\n  const onItemClickHandler = React.useCallback(\n    (e: React.MouseEvent) => {\n      onItemClick({\n        action: onClick,\n        immediateAction: onImmediateClick,\n        autoClose: !autoCloseDisabled,\n        isCancelItem: Boolean(isCancelItem),\n      })?.(e);\n    },\n    [autoCloseDisabled, isCancelItem, onClick, onImmediateClick, onItemClick],\n  );\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLElement> = React.useCallback(\n    (event) => {\n      if (pressedKey(event) === Keys.ENTER) {\n        onActionSheetClose?.();\n      }\n    },\n    [onActionSheetClose],\n  );\n\n  const onItemClickImpl: React.MouseEventHandler<HTMLElement> = React.useCallback(\n    (event) => {\n      if (selectable) {\n        if (isRealClickEvent(event)) {\n          onItemClickHandler(event);\n        }\n      } else {\n        onItemClickHandler(event);\n      }\n    },\n    [onItemClickHandler, selectable],\n  );\n\n  return (\n    <Tappable\n      {...(Component && { Component })}\n      {...restProps}\n      onClick={onItemClickImpl}\n      activeMode={platform === 'ios' ? styles.active : undefined}\n      baseClassName={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        mode === 'cancel' && styles.modeCancel,\n        mode === 'destructive' && styles.modeDestructive,\n        sizeY === 'compact' && styles.sizeYCompact,\n        isRich && styles.rich,\n        actionSheetMode === 'menu' && styles.menu,\n      )}\n      onKeyDown={onKeyDown}\n    >\n      {before && <div className={styles.before}>{before}</div>}\n      <div className={classNames(styles.container, !multiline && styles.ellipsis)}>\n        <div className={classNames(styles.content, isCentered && styles.centered)}>\n          {platform === 'ios' ? (\n            <Title\n              className={styles.children}\n              weight={mode === 'cancel' ? '2' : '3'}\n              level={isCentered ? '2' : '3'}\n            >\n              {children}\n            </Title>\n          ) : (\n            <Text className={styles.children}>{children}</Text>\n          )}\n          {meta && <Text className={styles.meta}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles.subtitle}>{subtitle}</Subhead>}\n      </div>\n      {(selectable || after) && (\n        <div className={styles.after}>\n          {after}\n          {selectable && (\n            <Radio\n              name={name}\n              value={value}\n              onChange={onChange}\n              defaultChecked={defaultChecked}\n              checked={checked}\n              disabled={restProps.disabled}\n            >\n              {iconChecked}\n            </Radio>\n          )}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","Keys","pressedKey","ActionSheetContext","Tappable","Subhead","Text","Title","isRealClickEvent","Radio","ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","isCancelItem","restProps","platform","onItemClick","actionSheetMode","onClose","onActionSheetClose","useContext","sizeY","Component","undefined","isRich","isCentered","onItemClickHandler","useCallback","e","action","immediateAction","autoClose","Boolean","onKeyDown","event","ENTER","onItemClickImpl","activeMode","baseClassName","div","className","weight","level","disabled"],"mappings":"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"}

package/dist/components/ActionSheetItem/helpers.d.ts

@@ -1,8 +1,8 @@
 /**
- * По дизайну `ActionSheet` должен закрывать при клике на `ActionSheetItem`.
+ * По дизайну `ActionSheet` должен закрывать при нажатии на `ActionSheetItem`.
  * В режиме `selectable` в реализации используются нативный input type=radio
  * И при навигации стрелочками по элементам происходит событие `click` из-за чего `ActionSheet` закрывается.
- * Поэтому нужно как-то отличить реальное событие клика
+ * Поэтому нужно как-то отличить реальное событие нажатия.
  * @see https://github.com/facebook/react/issues/7407
  * @see https://github.com/VKCOM/VKUI/issues/6954
  */

package/dist/components/ActionSheetItem/helpers.js

@@ -1,8 +1,8 @@
 /**
- * По дизайну `ActionSheet` должен закрывать при клике на `ActionSheetItem`.
+ * По дизайну `ActionSheet` должен закрывать при нажатии на `ActionSheetItem`.
  * В режиме `selectable` в реализации используются нативный input type=radio
  * И при навигации стрелочками по элементам происходит событие `click` из-за чего `ActionSheet` закрывается.
- * Поэтому нужно как-то отличить реальное событие клика
+ * Поэтому нужно как-то отличить реальное событие нажатия.
  * @see https://github.com/facebook/react/issues/7407
  * @see https://github.com/VKCOM/VKUI/issues/6954
  */ export const isRealClickEvent = (event)=>{

package/dist/components/ActionSheetItem/helpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheetItem/helpers.ts"],"sourcesContent":["/**\n * По дизайну `ActionSheet` должен закрывать при клике на `ActionSheetItem`.\n * В режиме `selectable` в реализации используются нативный input type=radio\n * И при навигации стрелочками по элементам происходит событие `click` из-за чего `ActionSheet` закрывается.\n * Поэтому нужно как-то отличить реальное событие клика\n * @see https://github.com/facebook/react/issues/7407\n * @see https://github.com/VKCOM/VKUI/issues/6954\n */\nexport const isRealClickEvent = (event: React.MouseEvent) => {\n  return event.type === 'click' && event.clientX !== 0 && event.clientY !== 0;\n};\n"],"names":["isRealClickEvent","event","type","clientX","clientY"],"mappings":"AAAA;;;;;;;CAOC,GACD,OAAO,MAAMA,mBAAmB,CAACC;IAC/B,OAAOA,MAAMC,IAAI,KAAK,WAAWD,MAAME,OAAO,KAAK,KAAKF,MAAMG,OAAO,KAAK;AAC5E,EAAE"}
+{"version":3,"sources":["../../../src/components/ActionSheetItem/helpers.ts"],"sourcesContent":["/**\n * По дизайну `ActionSheet` должен закрывать при нажатии на `ActionSheetItem`.\n * В режиме `selectable` в реализации используются нативный input type=radio\n * И при навигации стрелочками по элементам происходит событие `click` из-за чего `ActionSheet` закрывается.\n * Поэтому нужно как-то отличить реальное событие нажатия.\n * @see https://github.com/facebook/react/issues/7407\n * @see https://github.com/VKCOM/VKUI/issues/6954\n */\nexport const isRealClickEvent = (event: React.MouseEvent) => {\n  return event.type === 'click' && event.clientX !== 0 && event.clientY !== 0;\n};\n"],"names":["isRealClickEvent","event","type","clientX","clientY"],"mappings":"AAAA;;;;;;;CAOC,GACD,OAAO,MAAMA,mBAAmB,CAACC;IAC/B,OAAOA,MAAMC,IAAI,KAAK,WAAWD,MAAME,OAAO,KAAK,KAAKF,MAAMG,OAAO,KAAK;AAC5E,EAAE"}

package/dist/components/AdaptiveIconRenderer/AdaptiveIconRenderer.d.ts

@@ -1,8 +1,14 @@
 import * as React from 'react';
 export interface AdaptiveIconRendererProps {
+    /**
+     * Компонент иконки для компактного размера.
+     */
     IconCompact: React.ComponentType<{
         className?: string;
     }>;
+    /**
+     * Компонент иконки для обычного размера.
+     */
     IconRegular: React.ComponentType<{
         className?: string;
     }>;

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

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveIconRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/AdaptiveIconRenderer/AdaptiveIconRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1D;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,+BAGlC,yBAAyB,KAAG,KAAK,CAAC,SASpC,CAAC"}
+{"version":3,"file":"AdaptiveIconRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/AdaptiveIconRenderer/AdaptiveIconRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC1D;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,+BAGlC,yBAAyB,KAAG,KAAK,CAAC,SASpC,CAAC"}

package/dist/components/AdaptiveIconRenderer/AdaptiveIconRenderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AdaptiveIconRenderer/AdaptiveIconRenderer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\n\nexport interface AdaptiveIconRendererProps {\n  IconCompact: React.ComponentType<{ className?: string }>;\n  IconRegular: React.ComponentType<{ className?: string }>;\n}\n\n/**\n * @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/AdaptiveIconRenderer\n */\nexport const AdaptiveIconRenderer = ({\n  IconCompact,\n  IconRegular,\n}: AdaptiveIconRendererProps): React.ReactNode => {\n  const { sizeY } = useAdaptivityConditionalRender();\n\n  return (\n    <React.Fragment>\n      {sizeY.compact && <IconCompact className={sizeY.compact.className} />}\n      {sizeY.regular && <IconRegular className={sizeY.regular.className} />}\n    </React.Fragment>\n  );\n};\n"],"names":["React","useAdaptivityConditionalRender","AdaptiveIconRenderer","IconCompact","IconRegular","sizeY","Fragment","compact","className","regular"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,8BAA8B,QAAQ,sDAA6C;AAO5F;;;CAGC,GACD,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,WAAW,EACXC,WAAW,EACe;IAC1B,MAAM,EAAEC,KAAK,EAAE,GAAGJ;IAElB,qBACE,MAACD,MAAMM,QAAQ;;YACZD,MAAME,OAAO,kBAAI,KAACJ;gBAAYK,WAAWH,MAAME,OAAO,CAACC,SAAS;;YAChEH,MAAMI,OAAO,kBAAI,KAACL;gBAAYI,WAAWH,MAAMI,OAAO,CAACD,SAAS;;;;AAGvE,EAAE"}
+{"version":3,"sources":["../../../src/components/AdaptiveIconRenderer/AdaptiveIconRenderer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\n\nexport interface AdaptiveIconRendererProps {\n  /**\n   * Компонент иконки для компактного размера.\n   */\n  IconCompact: React.ComponentType<{ className?: string }>;\n  /**\n   * Компонент иконки для обычного размера.\n   */\n  IconRegular: React.ComponentType<{ className?: string }>;\n}\n\n/**\n * @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/AdaptiveIconRenderer\n */\nexport const AdaptiveIconRenderer = ({\n  IconCompact,\n  IconRegular,\n}: AdaptiveIconRendererProps): React.ReactNode => {\n  const { sizeY } = useAdaptivityConditionalRender();\n\n  return (\n    <React.Fragment>\n      {sizeY.compact && <IconCompact className={sizeY.compact.className} />}\n      {sizeY.regular && <IconRegular className={sizeY.regular.className} />}\n    </React.Fragment>\n  );\n};\n"],"names":["React","useAdaptivityConditionalRender","AdaptiveIconRenderer","IconCompact","IconRegular","sizeY","Fragment","compact","className","regular"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,8BAA8B,QAAQ,sDAA6C;AAa5F;;;CAGC,GACD,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,WAAW,EACXC,WAAW,EACe;IAC1B,MAAM,EAAEC,KAAK,EAAE,GAAGJ;IAElB,qBACE,MAACD,MAAMM,QAAQ;;YACZD,MAAME,OAAO,kBAAI,KAACJ;gBAAYK,WAAWH,MAAME,OAAO,CAACC,SAAS;;YAChEH,MAAMI,OAAO,kBAAI,KAACL;gBAAYI,WAAWH,MAAMI,OAAO,CAACD,SAAS;;;;AAGvE,EAAE"}

package/dist/components/AdaptivityProvider/AdaptivityContext.d.ts

@@ -1,24 +1,32 @@
 import * as React from 'react';
 import type { SizeTypeValues, ViewHeightType, ViewWidthType } from '../../lib/adaptivity';
 export interface SizeProps {
+    /**
+     * Тип размера экрана по горизонтали.
+     */
     sizeX?: SizeTypeValues;
+    /**
+     * Тип размера экрана по вертикали.
+     */
     sizeY?: SizeTypeValues;
 }
 export interface AdaptivityProps extends SizeProps {
     /**
-     * @ignore
+     * Тип ширины экрана для адаптивного отображения.
      */
     viewWidth?: ViewWidthType;
     /**
-     * @ignore
+     * Тип высоты экрана для адаптивного отображения.
      */
     viewHeight?: ViewHeightType;
     /**
-     * @ignore
+     * Флаг наличия указателя (например, мыши) на устройстве.
      */
     hasPointer?: boolean;
     /**
-     * @ignore
+     * @deprecated Since 7.3.0.
+     *
+     * Свойство нигде не используется и будет удалено в `v8`.
      */
     hasHover?: boolean;
 }

package/dist/components/AdaptivityProvider/AdaptivityContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptivityContext.d.ts","sourceRoot":"","sources":["../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1F,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CACnB,CAAC"}
+{"version":3,"file":"AdaptivityContext.d.ts","sourceRoot":"","sources":["../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1F,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CACnB,CAAC"}

package/dist/components/AdaptivityProvider/AdaptivityContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SizeTypeValues, ViewHeightType, ViewWidthType } from '../../lib/adaptivity';\n\nexport interface SizeProps {\n  sizeX?: SizeTypeValues;\n  sizeY?: SizeTypeValues;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n  /**\n   * @ignore\n   */\n  viewWidth?: ViewWidthType;\n  /**\n   * @ignore\n   */\n  viewHeight?: ViewHeightType;\n  /**\n   * @ignore\n   */\n  hasPointer?: boolean;\n  /**\n   * @ignore\n   */\n  hasHover?: boolean;\n}\n\nexport const AdaptivityContext: React.Context<AdaptivityProps> =\n  React.createContext<AdaptivityProps>({});\n"],"names":["React","AdaptivityContext","createContext"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AA2B/B,OAAO,MAAMC,kCACXD,MAAME,aAAa,CAAkB,CAAC,GAAG"}
+{"version":3,"sources":["../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SizeTypeValues, ViewHeightType, ViewWidthType } from '../../lib/adaptivity';\n\nexport interface SizeProps {\n  /**\n   * Тип размера экрана по горизонтали.\n   */\n  sizeX?: SizeTypeValues;\n  /**\n   * Тип размера экрана по вертикали.\n   */\n  sizeY?: SizeTypeValues;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n  /**\n   * Тип ширины экрана для адаптивного отображения.\n   */\n  viewWidth?: ViewWidthType;\n  /**\n   * Тип высоты экрана для адаптивного отображения.\n   */\n  viewHeight?: ViewHeightType;\n  /**\n   * Флаг наличия указателя (например, мыши) на устройстве.\n   */\n  hasPointer?: boolean;\n  /**\n   * @deprecated Since 7.3.0.\n   *\n   * Свойство нигде не используется и будет удалено в `v8`.\n   */\n  hasHover?: boolean;\n}\n\nexport const AdaptivityContext: React.Context<AdaptivityProps> =\n  React.createContext<AdaptivityProps>({});\n"],"names":["React","AdaptivityContext","createContext"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAmC/B,OAAO,MAAMC,kCACXD,MAAME,aAAa,CAAkB,CAAC,GAAG"}

package/dist/components/Alert/Alert.d.ts

@@ -7,9 +7,12 @@ import type { AlertActionProps } from './AlertAction';
 type AlertActionMode = 'cancel' | 'destructive' | 'default';
 export type { AlertActionProps };
 export interface AlertActionInterface extends Pick<ButtonProps, 'Component'>, AnchorHTMLAttributesOnly, HasDataAttribute {
+    /**
+     * Текст опции.
+     */
     title: string;
     /**
-     * Обработчик клика на опцию. Если свойство `autoCloseDisabled` включено,
+     * Обработчик нажатия на опцию. Если свойство `autoCloseDisabled` включено,
      * то в аргументы `action` передаётся объект с функцией close,
      * вызвав которую можно закрыть `action` вручную.
      */
@@ -17,44 +20,69 @@ export interface AlertActionInterface extends Pick<ButtonProps, 'Component'>, An
         close?: VoidFunction;
     }) => void;
     /**
-     * По умолчанию клик на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство
-     * позволяет отключить такое поведение
+     * По умолчанию нажатие на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство
+     * позволяет отключить такое поведение.
      */
     autoCloseDisabled?: boolean;
+    /**
+     * Режим отображения опции.
+     */
     mode: AlertActionMode;
 }
-export interface AlertProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'>, Pick<UseFocusTrapProps, 'restoreFocus'>, HasRootRef<HTMLDivElement> {
+export interface AlertProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'autoFocus'>, Pick<UseFocusTrapProps, 'restoreFocus' | 'autoFocus'>, Pick<AppRootPortalProps, 'usePortal'>, HasRootRef<HTMLDivElement> {
+    /**
+     * Расположение действий - вертикально или горизонтально.
+     */
     actionsLayout?: 'vertical' | 'horizontal';
+    /**
+     * Тип выравнивания действий.
+     */
     actionsAlign?: AlignType;
+    /**
+     * Список действий.
+     */
     actions?: AlertActionInterface[];
+    /**
+     * Функция для отрисовки действия.
+     */
     renderAction?: (props: AlertActionProps) => React.ReactNode;
+    /**
+     * Заголовок модального окна.
+     */
     title?: React.ReactNode;
+    /**
+     * Описание модального окна.
+     */
     description?: React.ReactNode;
+    /**
+     * Обработчик закрытия модального окна.
+     */
     onClose: VoidFunction;
     /**
-     * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий
+     * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.
      */
     dismissLabel?: string;
     /**
      * Расположение кнопки закрытия (внутри и вне `popout'a`)
-     * Доступно только в `compact`-режиме, не отображается на `iOS`
+     * Доступно только в `compact`-режиме, не отображается на `iOS`.
+     *
+     * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.
      */
-    dismissButtonMode?: 'inside' | 'outside';
+    dismissButtonMode?: 'inside' | 'outside' | 'none';
     /**
-     * Передает атрибут `data-testid` для кнопки закрытия
+     * Передает атрибут `data-testid` для кнопки закрытия.
      */
     dismissButtonTestId?: string;
     /**
-     * Передает атрибут `data-testid` для заголовка
+     * Передает атрибут `data-testid` для заголовка.
      */
     titleTestId?: string;
     /**
-     * Передает атрибут `data-testid` для описания
+     * Передает атрибут `data-testid` для описания.
      */
     descriptionTestId?: string;
-    usePortal?: AppRootPortalProps['usePortal'];
     /**
-     * По умолчанию событие onClick не всплывает
+     * По умолчанию событие onClick не всплывает.
      */
     allowClickPropagation?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EACV,SAAS,EACT,wBAAwB,EACxB,gBAAgB,EAChB,UAAU,EACX,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,KAAK,eAAe,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC;AAE5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,EACpC,wBAAwB,EACxB,gBAAgB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,YAAY,CAAA;KAAE,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EACtD,IAAI,CAAC,iBAAiB,EAAE,cAAc,CAAC,EACvC,UAAU,CAAC,cAAc,CAAC;IAC5B,aAAa,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACzC;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC5C;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAID;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,2DAMnB,UAAU,KAAG,KAAK,CAAC,SAkCrB,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EACV,SAAS,EACT,wBAAwB,EACxB,gBAAgB,EAChB,UAAU,EACX,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,KAAK,eAAe,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC;AAE5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,EACpC,wBAAwB,EACxB,gBAAgB;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,YAAY,CAAA;KAAE,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,EACpE,IAAI,CAAC,iBAAiB,EAAE,cAAc,GAAG,WAAW,CAAC,EACrD,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,EACrC,UAAU,CAAC,cAAc,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAC1C;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IAClD;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAID;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,2DAMnB,UAAU,KAAG,KAAK,CAAC,SAkCrB,CAAC"}

package/dist/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { type UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type {\n  AlignType,\n  AnchorHTMLAttributesOnly,\n  HasDataAttribute,\n  HasRootRef,\n} from '../../types';\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport type { ButtonProps } from '../Button/Button';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport type { AlertActionProps } from './AlertAction';\nimport { AlertBase } from './AlertBase';\n\ntype AlertActionMode = 'cancel' | 'destructive' | 'default';\n\nexport type { AlertActionProps };\n\nexport interface AlertActionInterface\n  extends Pick<ButtonProps, 'Component'>,\n    AnchorHTMLAttributesOnly,\n    HasDataAttribute {\n  title: string;\n  /**\n   * Обработчик клика на опцию. Если свойство `autoCloseDisabled` включено,\n   * то в аргументы `action` передаётся объект с функцией close,\n   * вызвав которую можно закрыть `action` вручную.\n   */\n  action?: (args?: { close?: VoidFunction }) => void;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  mode: AlertActionMode;\n}\n\nexport interface AlertProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'title'>,\n    Pick<UseFocusTrapProps, 'restoreFocus'>,\n    HasRootRef<HTMLDivElement> {\n  actionsLayout?: 'vertical' | 'horizontal';\n  actionsAlign?: AlignType;\n  actions?: AlertActionInterface[];\n  renderAction?: (props: AlertActionProps) => React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  onClose: VoidFunction;\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий\n   */\n  dismissLabel?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   * Доступно только в `compact`-режиме, не отображается на `iOS`\n   */\n  dismissButtonMode?: 'inside' | 'outside';\n  /**\n   * Передает атрибут `data-testid` для кнопки закрытия\n   */\n  dismissButtonTestId?: string;\n  /**\n   * Передает атрибут `data-testid` для заголовка\n   */\n  titleTestId?: string;\n  /**\n   * Передает атрибут `data-testid` для описания\n   */\n  descriptionTestId?: string;\n  usePortal?: AppRootPortalProps['usePortal'];\n  /**\n   * По умолчанию событие onClick не всплывает\n   */\n  allowClickPropagation?: boolean;\n}\n\nconst warn = warnOnce('Alert');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Alert\n */\nexport const Alert = ({\n  usePortal,\n  style,\n  className,\n  getRootRef,\n  ...restProps\n}: AlertProps): React.ReactNode => {\n  const [closing, setClosing] = React.useState(false);\n\n  const close = React.useCallback(() => {\n    setClosing(true);\n  }, []);\n\n  useScrollLock();\n\n  if (\n    process.env.NODE_ENV === 'development' &&\n    !restProps.title &&\n    !restProps['aria-label'] &&\n    !restProps['aria-labelledby']\n  ) {\n    warn(\n      'Если \"title\" не используется, то необходимо задать либо \"aria-label\", либо \"aria-labelledby\" (см. правило axe aria-dialog-name)',\n    );\n  }\n\n  return (\n    <AppRootPortal usePortal={usePortal}>\n      <PopoutWrapper\n        className={className}\n        closing={closing}\n        style={style}\n        onClick={close}\n        getRootRef={getRootRef}\n        strategy=\"fixed\"\n      >\n        <AlertBase {...restProps} closing={closing} setClosing={setClosing} />\n      </PopoutWrapper>\n    </AppRootPortal>\n  );\n};\n"],"names":["React","warnOnce","AppRootPortal","useScrollLock","PopoutWrapper","AlertBase","warn","Alert","usePortal","style","className","getRootRef","restProps","closing","setClosing","useState","close","useCallback","process","env","NODE_ENV","title","onClick","strategy"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,QAAQ,QAAQ,wBAAqB;AAQ9C,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,8BAA2B;AAEzD,SAASC,aAAa,QAAQ,oCAAiC;AAE/D,SAASC,SAAS,QAAQ,iBAAc;AAgExC,MAAMC,OAAOL,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMM,QAAQ;QAAC,EACpBC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,UAAU,EAEC,WADRC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,SAASC,WAAW,GAAGd,MAAMe,QAAQ,CAAC;IAE7C,MAAMC,QAAQhB,MAAMiB,WAAW,CAAC;QAC9BH,WAAW;IACb,GAAG,EAAE;IAELX;IAEA,IACEe,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzB,CAACR,UAAUS,KAAK,IAChB,CAACT,SAAS,CAAC,aAAa,IACxB,CAACA,SAAS,CAAC,kBAAkB,EAC7B;QACAN,KACE;IAEJ;IAEA,qBACE,KAACJ;QAAcM,WAAWA;kBACxB,cAAA,KAACJ;YACCM,WAAWA;YACXG,SAASA;YACTJ,OAAOA;YACPa,SAASN;YACTL,YAAYA;YACZY,UAAS;sBAET,cAAA,KAAClB,mDAAcO;gBAAWC,SAASA;gBAASC,YAAYA;;;;AAIhE,EAAE"}
+{"version":3,"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { type UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type {\n  AlignType,\n  AnchorHTMLAttributesOnly,\n  HasDataAttribute,\n  HasRootRef,\n} from '../../types';\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport type { ButtonProps } from '../Button/Button';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport type { AlertActionProps } from './AlertAction';\nimport { AlertBase } from './AlertBase';\n\ntype AlertActionMode = 'cancel' | 'destructive' | 'default';\n\nexport type { AlertActionProps };\n\nexport interface AlertActionInterface\n  extends Pick<ButtonProps, 'Component'>,\n    AnchorHTMLAttributesOnly,\n    HasDataAttribute {\n  /**\n   * Текст опции.\n   */\n  title: string;\n  /**\n   * Обработчик нажатия на опцию. Если свойство `autoCloseDisabled` включено,\n   * то в аргументы `action` передаётся объект с функцией close,\n   * вызвав которую можно закрыть `action` вручную.\n   */\n  action?: (args?: { close?: VoidFunction }) => void;\n  /**\n   * По умолчанию нажатие на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение.\n   */\n  autoCloseDisabled?: boolean;\n  /**\n   * Режим отображения опции.\n   */\n  mode: AlertActionMode;\n}\n\nexport interface AlertProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'autoFocus'>,\n    Pick<UseFocusTrapProps, 'restoreFocus' | 'autoFocus'>,\n    Pick<AppRootPortalProps, 'usePortal'>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Расположение действий - вертикально или горизонтально.\n   */\n  actionsLayout?: 'vertical' | 'horizontal';\n  /**\n   * Тип выравнивания действий.\n   */\n  actionsAlign?: AlignType;\n  /**\n   * Список действий.\n   */\n  actions?: AlertActionInterface[];\n  /**\n   * Функция для отрисовки действия.\n   */\n  renderAction?: (props: AlertActionProps) => React.ReactNode;\n  /**\n   * Заголовок модального окна.\n   */\n  title?: React.ReactNode;\n  /**\n   * Описание модального окна.\n   */\n  description?: React.ReactNode;\n  /**\n   * Обработчик закрытия модального окна.\n   */\n  onClose: VoidFunction;\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.\n   */\n  dismissLabel?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   * Доступно только в `compact`-режиме, не отображается на `iOS`.\n   *\n   * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.\n   */\n  dismissButtonMode?: 'inside' | 'outside' | 'none';\n  /**\n   * Передает атрибут `data-testid` для кнопки закрытия.\n   */\n  dismissButtonTestId?: string;\n  /**\n   * Передает атрибут `data-testid` для заголовка.\n   */\n  titleTestId?: string;\n  /**\n   * Передает атрибут `data-testid` для описания.\n   */\n  descriptionTestId?: string;\n  /**\n   * По умолчанию событие onClick не всплывает.\n   */\n  allowClickPropagation?: boolean;\n}\n\nconst warn = warnOnce('Alert');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Alert\n */\nexport const Alert = ({\n  usePortal,\n  style,\n  className,\n  getRootRef,\n  ...restProps\n}: AlertProps): React.ReactNode => {\n  const [closing, setClosing] = React.useState(false);\n\n  const close = React.useCallback(() => {\n    setClosing(true);\n  }, []);\n\n  useScrollLock();\n\n  if (\n    process.env.NODE_ENV === 'development' &&\n    !restProps.title &&\n    !restProps['aria-label'] &&\n    !restProps['aria-labelledby']\n  ) {\n    warn(\n      'Если \"title\" не используется, то необходимо задать либо \"aria-label\", либо \"aria-labelledby\" (см. правило axe aria-dialog-name)',\n    );\n  }\n\n  return (\n    <AppRootPortal usePortal={usePortal}>\n      <PopoutWrapper\n        className={className}\n        closing={closing}\n        style={style}\n        onClick={close}\n        getRootRef={getRootRef}\n        strategy=\"fixed\"\n      >\n        <AlertBase {...restProps} closing={closing} setClosing={setClosing} />\n      </PopoutWrapper>\n    </AppRootPortal>\n  );\n};\n"],"names":["React","warnOnce","AppRootPortal","useScrollLock","PopoutWrapper","AlertBase","warn","Alert","usePortal","style","className","getRootRef","restProps","closing","setClosing","useState","close","useCallback","process","env","NODE_ENV","title","onClick","strategy"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,QAAQ,QAAQ,wBAAqB;AAQ9C,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,8BAA2B;AAEzD,SAASC,aAAa,QAAQ,oCAAiC;AAE/D,SAASC,SAAS,QAAQ,iBAAc;AA6FxC,MAAMC,OAAOL,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMM,QAAQ;QAAC,EACpBC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,UAAU,EAEC,WADRC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,SAASC,WAAW,GAAGd,MAAMe,QAAQ,CAAC;IAE7C,MAAMC,QAAQhB,MAAMiB,WAAW,CAAC;QAC9BH,WAAW;IACb,GAAG,EAAE;IAELX;IAEA,IACEe,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzB,CAACR,UAAUS,KAAK,IAChB,CAACT,SAAS,CAAC,aAAa,IACxB,CAACA,SAAS,CAAC,kBAAkB,EAC7B;QACAN,KACE;IAEJ;IAEA,qBACE,KAACJ;QAAcM,WAAWA;kBACxB,cAAA,KAACJ;YACCM,WAAWA;YACXG,SAASA;YACTJ,OAAOA;YACPa,SAASN;YACTL,YAAYA;YACZY,UAAS;sBAET,cAAA,KAAClB,mDAAcO;gBAAWC,SAASA;gBAASC,YAAYA;;;;AAIhE,EAAE"}

package/dist/components/Alert/AlertAction.d.ts

@@ -2,7 +2,13 @@ import * as React from 'react';
 import type { AnchorHTMLAttributesOnly } from '../../types';
 import type { AlertActionInterface } from './Alert';
 export interface AlertActionProps extends Pick<AlertActionInterface, 'Component' | 'mode'>, AnchorHTMLAttributesOnly {
+    /**
+     * Содержимое компонента.
+     */
     children: string;
+    /**
+     * Обработчик нажатия.
+     */
     onClick: React.MouseEventHandler<HTMLElement>;
 }
 export declare const AlertAction: (props: AlertActionProps) => React.ReactNode;

package/dist/components/Alert/AlertAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertAction.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,MAAM,CAAC,EACtD,wBAAwB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC/C;AAmCD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,SAQ3D,CAAC"}
+{"version":3,"file":"AlertAction.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,MAAM,CAAC,EACtD,wBAAwB;IAC1B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC/C;AAmCD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,SAQ3D,CAAC"}

package/dist/components/Alert/AlertAction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Alert/AlertAction.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { AnchorHTMLAttributesOnly } from '../../types';\nimport { Button, type ButtonProps } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport type { AlertActionInterface } from './Alert';\nimport styles from './Alert.module.css';\n\nexport interface AlertActionProps\n  extends Pick<AlertActionInterface, 'Component' | 'mode'>,\n    AnchorHTMLAttributesOnly {\n  children: string;\n  onClick: React.MouseEventHandler<HTMLElement>;\n}\n\nconst AlertActionIos = ({ mode, ...restProps }: AlertActionProps) => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      baseClassName={classNames(\n        styles.action,\n        mode === 'destructive' && styles.actionModeDestructive,\n        mode === 'cancel' && styles.actionModeCancel,\n      )}\n      {...restProps}\n    />\n  );\n};\n\nconst AlertActionBase = ({ mode, ...restProps }: AlertActionProps) => {\n  const platform = usePlatform();\n\n  let buttonMode: ButtonProps['mode'] = 'tertiary';\n\n  if (platform === 'vkcom') {\n    buttonMode = mode === 'cancel' ? 'secondary' : 'primary';\n  }\n\n  return (\n    <Button\n      className={classNames(styles.button, mode === 'cancel' && styles.buttonModeCancel)}\n      mode={buttonMode}\n      size=\"m\"\n      {...restProps}\n    />\n  );\n};\n\nexport const AlertAction = (props: AlertActionProps): React.ReactNode => {\n  const platform = usePlatform();\n\n  if (platform === 'ios') {\n    return <AlertActionIos {...props} />;\n  }\n\n  return <AlertActionBase {...props} />;\n};\n"],"names":["React","classNames","usePlatform","Button","Tappable","AlertActionIos","mode","restProps","Component","href","baseClassName","AlertActionBase","platform","buttonMode","className","size","AlertAction","props"],"mappings":"AAAA;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,MAAM,QAA0B,sBAAmB;AAC5D,SAASC,QAAQ,QAAQ,0BAAuB;AAWhD,MAAMC,iBAAiB;QAAC,EAAEC,IAAI,EAAkC,WAA7BC;QAATD;;IACxB,qBACE,KAACF;QACCI,WAAWD,UAAUE,IAAI,GAAG,MAAM;QAClCC,eAAeT,gCAEbK,SAAS,qDACTA,SAAS;OAEPC;AAGV;AAEA,MAAMI,kBAAkB;QAAC,EAAEL,IAAI,EAAkC,WAA7BC;QAATD;;IACzB,MAAMM,WAAWV;IAEjB,IAAIW,aAAkC;IAEtC,IAAID,aAAa,SAAS;QACxBC,aAAaP,SAAS,WAAW,cAAc;IACjD;IAEA,qBACE,KAACH;QACCW,WAAWb,gCAA0BK,SAAS;QAC9CA,MAAMO;QACNE,MAAK;OACDR;AAGV;AAEA,OAAO,MAAMS,cAAc,CAACC;IAC1B,MAAML,WAAWV;IAEjB,IAAIU,aAAa,OAAO;QACtB,qBAAO,KAACP,mCAAmBY;IAC7B;IAEA,qBAAO,KAACN,oCAAoBM;AAC9B,EAAE"}
+{"version":3,"sources":["../../../src/components/Alert/AlertAction.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { AnchorHTMLAttributesOnly } from '../../types';\nimport { Button, type ButtonProps } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport type { AlertActionInterface } from './Alert';\nimport styles from './Alert.module.css';\n\nexport interface AlertActionProps\n  extends Pick<AlertActionInterface, 'Component' | 'mode'>,\n    AnchorHTMLAttributesOnly {\n  /**\n   * Содержимое компонента.\n   */\n  children: string;\n  /**\n   * Обработчик нажатия.\n   */\n  onClick: React.MouseEventHandler<HTMLElement>;\n}\n\nconst AlertActionIos = ({ mode, ...restProps }: AlertActionProps) => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      baseClassName={classNames(\n        styles.action,\n        mode === 'destructive' && styles.actionModeDestructive,\n        mode === 'cancel' && styles.actionModeCancel,\n      )}\n      {...restProps}\n    />\n  );\n};\n\nconst AlertActionBase = ({ mode, ...restProps }: AlertActionProps) => {\n  const platform = usePlatform();\n\n  let buttonMode: ButtonProps['mode'] = 'tertiary';\n\n  if (platform === 'vkcom') {\n    buttonMode = mode === 'cancel' ? 'secondary' : 'primary';\n  }\n\n  return (\n    <Button\n      className={classNames(styles.button, mode === 'cancel' && styles.buttonModeCancel)}\n      mode={buttonMode}\n      size=\"m\"\n      {...restProps}\n    />\n  );\n};\n\nexport const AlertAction = (props: AlertActionProps): React.ReactNode => {\n  const platform = usePlatform();\n\n  if (platform === 'ios') {\n    return <AlertActionIos {...props} />;\n  }\n\n  return <AlertActionBase {...props} />;\n};\n"],"names":["React","classNames","usePlatform","Button","Tappable","AlertActionIos","mode","restProps","Component","href","baseClassName","AlertActionBase","platform","buttonMode","className","size","AlertAction","props"],"mappings":"AAAA;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,MAAM,QAA0B,sBAAmB;AAC5D,SAASC,QAAQ,QAAQ,0BAAuB;AAiBhD,MAAMC,iBAAiB;QAAC,EAAEC,IAAI,EAAkC,WAA7BC;QAATD;;IACxB,qBACE,KAACF;QACCI,WAAWD,UAAUE,IAAI,GAAG,MAAM;QAClCC,eAAeT,gCAEbK,SAAS,qDACTA,SAAS;OAEPC;AAGV;AAEA,MAAMI,kBAAkB;QAAC,EAAEL,IAAI,EAAkC,WAA7BC;QAATD;;IACzB,MAAMM,WAAWV;IAEjB,IAAIW,aAAkC;IAEtC,IAAID,aAAa,SAAS;QACxBC,aAAaP,SAAS,WAAW,cAAc;IACjD;IAEA,qBACE,KAACH;QACCW,WAAWb,gCAA0BK,SAAS;QAC9CA,MAAMO;QACNE,MAAK;OACDR;AAGV;AAEA,OAAO,MAAMS,cAAc,CAACC;IAC1B,MAAML,WAAWV;IAEjB,IAAIU,aAAa,OAAO;QACtB,qBAAO,KAACP,mCAAmBY;IAC7B;IAEA,qBAAO,KAACN,oCAAoBM;AAC9B,EAAE"}

package/dist/components/Alert/AlertActions.d.ts

@@ -2,6 +2,9 @@ import * as React from 'react';
 import type { AlertActionInterface, AlertProps } from './Alert';
 type ItemClickHandler = (item: AlertActionInterface) => void;
 interface AlertActionsProps extends Pick<AlertProps, 'actions' | 'actionsAlign' | 'renderAction' | 'actionsLayout'> {
+    /**
+     * Обработчик нажатия на одну из опций.
+     */
     onItemClick: ItemClickHandler;
 }
 export declare const AlertActions: ({ actions, renderAction, onItemClick, actionsAlign, actionsLayout, }: AlertActionsProps) => React.ReactNode;

package/dist/components/Alert/AlertActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertActions.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAehE,KAAK,gBAAgB,GAAG,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;AAC7D,UAAU,iBACR,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,cAAc,GAAG,cAAc,GAAG,eAAe,CAAC;IACvF,WAAW,EAAE,gBAAgB,CAAC;CAC/B;AACD,eAAO,MAAM,YAAY,GAAI,sEAM1B,iBAAiB,KAAG,KAAK,CAAC,SA8B5B,CAAC"}
+{"version":3,"file":"AlertActions.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAehE,KAAK,gBAAgB,GAAG,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;AAC7D,UAAU,iBACR,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,cAAc,GAAG,cAAc,GAAG,eAAe,CAAC;IACvF;;OAEG;IACH,WAAW,EAAE,gBAAgB,CAAC;CAC/B;AACD,eAAO,MAAM,YAAY,GAAI,sEAM1B,iBAAiB,KAAG,KAAK,CAAC,SA8B5B,CAAC"}

package/dist/components/Alert/AlertActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Alert/AlertActions.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { AlertActionInterface, AlertProps } from './Alert';\nimport { AlertAction } from './AlertAction';\nimport styles from './Alert.module.css';\n\nconst alignStyles = {\n  left: styles.actionsAlignLeft,\n  center: styles.actionsAlignCenter,\n  right: styles.actionsAlignRight,\n};\n\nconst directionStyles = {\n  vertical: styles.actionsDirectionVertical,\n  horizontal: styles.actionsDirectionHorizontal,\n};\n\ntype ItemClickHandler = (item: AlertActionInterface) => void;\ninterface AlertActionsProps\n  extends Pick<AlertProps, 'actions' | 'actionsAlign' | 'renderAction' | 'actionsLayout'> {\n  onItemClick: ItemClickHandler;\n}\nexport const AlertActions = ({\n  actions = [],\n  renderAction = (props) => <AlertAction {...props} />,\n  onItemClick,\n  actionsAlign,\n  actionsLayout,\n}: AlertActionsProps): React.ReactNode => {\n  const platform = usePlatform();\n\n  const direction: AlertProps['actionsLayout'] =\n    platform === 'vkcom' ? 'horizontal' : actionsLayout;\n\n  return (\n    <div\n      className={classNames(\n        styles.actions,\n        actionsAlign && alignStyles[actionsAlign],\n        direction && directionStyles[direction],\n      )}\n    >\n      {actions.map((action, i) => {\n        // Убираем\n        const { title: children, action: _, autoCloseDisabled, ...restProps } = action;\n\n        return (\n          <React.Fragment key={i}>\n            {renderAction({\n              children,\n              onClick: () => onItemClick(action),\n              ...restProps,\n            })}\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["React","classNames","usePlatform","AlertAction","alignStyles","left","center","right","directionStyles","vertical","horizontal","AlertActions","actions","renderAction","props","onItemClick","actionsAlign","actionsLayout","platform","direction","div","className","map","action","i","title","children","_","autoCloseDisabled","restProps","Fragment","onClick"],"mappings":"AAAA;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,WAAW,QAAQ,mBAAgB;AAG5C,MAAMC,cAAc;IAClBC,IAAI;IACJC,MAAM;IACNC,KAAK;AACP;AAEA,MAAMC,kBAAkB;IACtBC,QAAQ;IACRC,UAAU;AACZ;AAOA,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,EAAE,EACZC,eAAe,CAACC,sBAAU,KAACX,gCAAgBW,OAAS,EACpDC,WAAW,EACXC,YAAY,EACZC,aAAa,EACK;IAClB,MAAMC,WAAWhB;IAEjB,MAAMiB,YACJD,aAAa,UAAU,eAAeD;IAExC,qBACE,KAACG;QACCC,WAAWpB,iCAETe,gBAAgBZ,WAAW,CAACY,aAAa,EACzCG,aAAaX,eAAe,CAACW,UAAU;kBAGxCP,QAAQU,GAAG,CAAC,CAACC,QAAQC;YACpB,UAAU;YACV,MAAM,EAAEC,OAAOC,QAAQ,EAAEH,QAAQI,CAAC,EAAEC,iBAAiB,EAAgB,GAAGL,QAAdM,uCAAcN;gBAAhEE;gBAAiBF;gBAAWK;;YAEpC,qBACE,KAAC5B,MAAM8B,QAAQ;0BACZjB,aAAa;oBACZa;oBACAK,SAAS,IAAMhB,YAAYQ;mBACxBM;eAJcL;QAQzB;;AAGN,EAAE"}
+{"version":3,"sources":["../../../src/components/Alert/AlertActions.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { AlertActionInterface, AlertProps } from './Alert';\nimport { AlertAction } from './AlertAction';\nimport styles from './Alert.module.css';\n\nconst alignStyles = {\n  left: styles.actionsAlignLeft,\n  center: styles.actionsAlignCenter,\n  right: styles.actionsAlignRight,\n};\n\nconst directionStyles = {\n  vertical: styles.actionsDirectionVertical,\n  horizontal: styles.actionsDirectionHorizontal,\n};\n\ntype ItemClickHandler = (item: AlertActionInterface) => void;\ninterface AlertActionsProps\n  extends Pick<AlertProps, 'actions' | 'actionsAlign' | 'renderAction' | 'actionsLayout'> {\n  /**\n   * Обработчик нажатия на одну из опций.\n   */\n  onItemClick: ItemClickHandler;\n}\nexport const AlertActions = ({\n  actions = [],\n  renderAction = (props) => <AlertAction {...props} />,\n  onItemClick,\n  actionsAlign,\n  actionsLayout,\n}: AlertActionsProps): React.ReactNode => {\n  const platform = usePlatform();\n\n  const direction: AlertProps['actionsLayout'] =\n    platform === 'vkcom' ? 'horizontal' : actionsLayout;\n\n  return (\n    <div\n      className={classNames(\n        styles.actions,\n        actionsAlign && alignStyles[actionsAlign],\n        direction && directionStyles[direction],\n      )}\n    >\n      {actions.map((action, i) => {\n        // Убираем\n        const { title: children, action: _, autoCloseDisabled, ...restProps } = action;\n\n        return (\n          <React.Fragment key={i}>\n            {renderAction({\n              children,\n              onClick: () => onItemClick(action),\n              ...restProps,\n            })}\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["React","classNames","usePlatform","AlertAction","alignStyles","left","center","right","directionStyles","vertical","horizontal","AlertActions","actions","renderAction","props","onItemClick","actionsAlign","actionsLayout","platform","direction","div","className","map","action","i","title","children","_","autoCloseDisabled","restProps","Fragment","onClick"],"mappings":"AAAA;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,WAAW,QAAQ,mBAAgB;AAG5C,MAAMC,cAAc;IAClBC,IAAI;IACJC,MAAM;IACNC,KAAK;AACP;AAEA,MAAMC,kBAAkB;IACtBC,QAAQ;IACRC,UAAU;AACZ;AAUA,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,EAAE,EACZC,eAAe,CAACC,sBAAU,KAACX,gCAAgBW,OAAS,EACpDC,WAAW,EACXC,YAAY,EACZC,aAAa,EACK;IAClB,MAAMC,WAAWhB;IAEjB,MAAMiB,YACJD,aAAa,UAAU,eAAeD;IAExC,qBACE,KAACG;QACCC,WAAWpB,iCAETe,gBAAgBZ,WAAW,CAACY,aAAa,EACzCG,aAAaX,eAAe,CAACW,UAAU;kBAGxCP,QAAQU,GAAG,CAAC,CAACC,QAAQC;YACpB,UAAU;YACV,MAAM,EAAEC,OAAOC,QAAQ,EAAEH,QAAQI,CAAC,EAAEC,iBAAiB,EAAgB,GAAGL,QAAdM,uCAAcN;gBAAhEE;gBAAiBF;gBAAWK;;YAEpC,qBACE,KAAC5B,MAAM8B,QAAQ;0BACZjB,aAAa;oBACZa;oBACAK,SAAS,IAAMhB,YAAYQ;mBACxBM;eAJcL;QAQzB;;AAGN,EAAE"}

package/dist/components/Alert/AlertBase.d.ts

@@ -1,6 +1,14 @@
 import { type AlertProps } from './Alert';
 export interface AlertBaseProps extends Omit<AlertProps, 'usePortal' | 'className' | 'style' | 'getRootRef'> {
+    /**
+     * Флаг, определяющий состояние закрытия модального окна.
+     * Когда установлен в true, запускает анимацию закрытия окна.
+     */
     closing?: boolean;
+    /**
+     * Функция обратного вызова для управления состоянием закрытия модального окна.
+     * Принимает булево значение, которое определяет, находится ли окно в процессе закрытия.
+     */
     setClosing?: (closing: boolean) => void;
 }
 export declare const AlertBase: ({ actions, actionsLayout, children, title, description, onClose, dismissLabel, renderAction, actionsAlign, dismissButtonMode, dismissButtonTestId, onClick, allowClickPropagation, titleTestId, descriptionTestId, closing, setClosing, ...restProps }: AlertBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Alert/AlertBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBase.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertBase.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA6B,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAKrE,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,SAAS,GAAI,wPAmBvB,cAAc,4CAiHhB,CAAC"}
+{"version":3,"file":"AlertBase.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertBase.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA6B,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAKrE,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC5E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,SAAS,GAAI,wPAmBvB,cAAc,4CAiHhB,CAAC"}

package/dist/components/Alert/AlertBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Alert/AlertBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { IconButton } from '../IconButton/IconButton';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { type AlertActionInterface, type AlertProps } from './Alert';\nimport { AlertActions } from './AlertActions';\nimport { AlertDescription, AlertTitle } from './AlertTypography';\nimport styles from './Alert.module.css';\n\nexport interface AlertBaseProps\n  extends Omit<AlertProps, 'usePortal' | 'className' | 'style' | 'getRootRef'> {\n  closing?: boolean;\n  setClosing?: (closing: boolean) => void;\n}\n\nexport const AlertBase = ({\n  actions,\n  actionsLayout = 'horizontal',\n  children,\n  title,\n  description,\n  onClose,\n  dismissLabel = 'Закрыть предупреждение',\n  renderAction,\n  actionsAlign,\n  dismissButtonMode = 'outside',\n  dismissButtonTestId,\n  onClick,\n  allowClickPropagation = false,\n  titleTestId,\n  descriptionTestId,\n  closing,\n  setClosing,\n  ...restProps\n}: AlertBaseProps) => {\n  const generatedId = React.useId();\n\n  const titleId = `vkui-alert-${generatedId}-title`;\n  const descriptionId = `vkui-alert-${generatedId}-description`;\n\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const itemActionCallbackRef = React.useRef(noop);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closing ? 'exit' : 'enter',\n    {\n      onExited() {\n        itemActionCallbackRef.current();\n        itemActionCallbackRef.current = noop;\n        onClose();\n      },\n    },\n  );\n  const isDismissButtonVisible = isDesktop && platform !== 'ios';\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const close = React.useCallback(() => {\n    setClosing?.(true);\n  }, [setClosing]);\n\n  const onItemClick = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action: itemAction, autoCloseDisabled = false } = item;\n\n      if (autoCloseDisabled) {\n        itemAction && itemAction({ close });\n      } else {\n        if (itemAction) {\n          itemActionCallbackRef.current = itemAction;\n        }\n        setClosing?.(true);\n      }\n    },\n    [close, setClosing],\n  );\n\n  const handleClick = allowClickPropagation\n    ? onClick\n    : (event: React.MouseEvent<HTMLElement>) => {\n        stopPropagation(event);\n        onClick?.(event);\n      };\n\n  return (\n    <FocusTrap\n      {...animationHandlers}\n      onClick={handleClick}\n      getRootRef={elementRef}\n      onClose={close}\n      autoFocus={animationState === 'entered'}\n      className={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        platform === 'vkcom' && styles.vkcom,\n        closing ? styles.closing : styles.opening,\n        isDesktop && styles.desktop,\n      )}\n      role=\"alertdialog\"\n      aria-modal\n      aria-labelledby={titleId}\n      aria-describedby={descriptionId}\n      {...restProps}\n    >\n      <div\n        className={classNames(\n          styles.content,\n          dismissButtonMode === 'inside' && styles.contentWithButton,\n        )}\n      >\n        {hasReactNode(title) && (\n          <AlertTitle data-testid={titleTestId} id={titleId}>\n            {title}\n          </AlertTitle>\n        )}\n        {hasReactNode(description) && (\n          <AlertDescription data-testid={descriptionTestId} id={descriptionId}>\n            {description}\n          </AlertDescription>\n        )}\n        {children}\n        {isDismissButtonVisible && dismissButtonMode === 'inside' && (\n          <IconButton\n            label={dismissLabel}\n            className={classNames(styles.dismiss, 'vkuiInternalAlert__dismiss')}\n            onClick={close}\n            hoverMode=\"opacity\"\n            activeMode=\"opacity\"\n            data-testid={dismissButtonTestId}\n          >\n            <Icon20Cancel />\n          </IconButton>\n        )}\n      </div>\n      {isDismissButtonVisible && dismissButtonMode === 'outside' && (\n        <ModalDismissButton onClick={close} data-testid={dismissButtonTestId}>\n          {dismissLabel}\n        </ModalDismissButton>\n      )}\n      <AlertActions\n        actions={actions}\n        actionsAlign={actionsAlign}\n        actionsLayout={actionsLayout}\n        renderAction={renderAction}\n        onItemClick={onItemClick}\n      />\n    </FocusTrap>\n  );\n};\n"],"names":["React","Icon20Cancel","classNames","hasReactNode","noop","useAdaptivityWithJSMediaQueries","usePlatform","useCSSKeyframesAnimationController","stopPropagation","FocusTrap","IconButton","ModalDismissButton","AlertActions","AlertDescription","AlertTitle","AlertBase","actions","actionsLayout","children","title","description","onClose","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","onClick","allowClickPropagation","titleTestId","descriptionTestId","closing","setClosing","restProps","generatedId","useId","titleId","descriptionId","platform","isDesktop","itemActionCallbackRef","useRef","animationState","animationHandlers","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","onItemClick","item","action","itemAction","autoCloseDisabled","handleClick","event","getRootRef","autoFocus","className","role","aria-modal","aria-labelledby","aria-describedby","div","data-testid","id","label","hoverMode","activeMode"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/Alert/AlertBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { IconButton } from '../IconButton/IconButton';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { type AlertActionInterface, type AlertProps } from './Alert';\nimport { AlertActions } from './AlertActions';\nimport { AlertDescription, AlertTitle } from './AlertTypography';\nimport styles from './Alert.module.css';\n\nexport interface AlertBaseProps\n  extends Omit<AlertProps, 'usePortal' | 'className' | 'style' | 'getRootRef'> {\n  /**\n   * Флаг, определяющий состояние закрытия модального окна.\n   * Когда установлен в true, запускает анимацию закрытия окна.\n   */\n  closing?: boolean;\n  /**\n   * Функция обратного вызова для управления состоянием закрытия модального окна.\n   * Принимает булево значение, которое определяет, находится ли окно в процессе закрытия.\n   */\n  setClosing?: (closing: boolean) => void;\n}\n\nexport const AlertBase = ({\n  actions,\n  actionsLayout = 'horizontal',\n  children,\n  title,\n  description,\n  onClose,\n  dismissLabel = 'Закрыть предупреждение',\n  renderAction,\n  actionsAlign,\n  dismissButtonMode = 'outside',\n  dismissButtonTestId,\n  onClick,\n  allowClickPropagation = false,\n  titleTestId,\n  descriptionTestId,\n  closing,\n  setClosing,\n  ...restProps\n}: AlertBaseProps) => {\n  const generatedId = React.useId();\n\n  const titleId = `vkui-alert-${generatedId}-title`;\n  const descriptionId = `vkui-alert-${generatedId}-description`;\n\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const itemActionCallbackRef = React.useRef(noop);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closing ? 'exit' : 'enter',\n    {\n      onExited() {\n        itemActionCallbackRef.current();\n        itemActionCallbackRef.current = noop;\n        onClose();\n      },\n    },\n  );\n  const isDismissButtonVisible = isDesktop && platform !== 'ios';\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const close = React.useCallback(() => {\n    setClosing?.(true);\n  }, [setClosing]);\n\n  const onItemClick = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action: itemAction, autoCloseDisabled = false } = item;\n\n      if (autoCloseDisabled) {\n        itemAction && itemAction({ close });\n      } else {\n        if (itemAction) {\n          itemActionCallbackRef.current = itemAction;\n        }\n        setClosing?.(true);\n      }\n    },\n    [close, setClosing],\n  );\n\n  const handleClick = allowClickPropagation\n    ? onClick\n    : (event: React.MouseEvent<HTMLElement>) => {\n        stopPropagation(event);\n        onClick?.(event);\n      };\n\n  return (\n    <FocusTrap\n      {...animationHandlers}\n      onClick={handleClick}\n      getRootRef={elementRef}\n      onClose={close}\n      autoFocus={animationState === 'entered'}\n      className={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        platform === 'vkcom' && styles.vkcom,\n        closing ? styles.closing : styles.opening,\n        isDesktop && styles.desktop,\n      )}\n      role=\"alertdialog\"\n      aria-modal\n      aria-labelledby={titleId}\n      aria-describedby={descriptionId}\n      {...restProps}\n    >\n      <div\n        className={classNames(\n          styles.content,\n          dismissButtonMode === 'inside' && styles.contentWithButton,\n        )}\n      >\n        {hasReactNode(title) && (\n          <AlertTitle data-testid={titleTestId} id={titleId}>\n            {title}\n          </AlertTitle>\n        )}\n        {hasReactNode(description) && (\n          <AlertDescription data-testid={descriptionTestId} id={descriptionId}>\n            {description}\n          </AlertDescription>\n        )}\n        {children}\n        {isDismissButtonVisible && dismissButtonMode === 'inside' && (\n          <IconButton\n            label={dismissLabel}\n            className={classNames(styles.dismiss, 'vkuiInternalAlert__dismiss')}\n            onClick={close}\n            hoverMode=\"opacity\"\n            activeMode=\"opacity\"\n            data-testid={dismissButtonTestId}\n          >\n            <Icon20Cancel />\n          </IconButton>\n        )}\n      </div>\n      {isDismissButtonVisible && dismissButtonMode === 'outside' && (\n        <ModalDismissButton onClick={close} data-testid={dismissButtonTestId}>\n          {dismissLabel}\n        </ModalDismissButton>\n      )}\n      <AlertActions\n        actions={actions}\n        actionsAlign={actionsAlign}\n        actionsLayout={actionsLayout}\n        renderAction={renderAction}\n        onItemClick={onItemClick}\n      />\n    </FocusTrap>\n  );\n};\n"],"names":["React","Icon20Cancel","classNames","hasReactNode","noop","useAdaptivityWithJSMediaQueries","usePlatform","useCSSKeyframesAnimationController","stopPropagation","FocusTrap","IconButton","ModalDismissButton","AlertActions","AlertDescription","AlertTitle","AlertBase","actions","actionsLayout","children","title","description","onClose","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","onClick","allowClickPropagation","titleTestId","descriptionTestId","closing","setClosing","restProps","generatedId","useId","titleId","descriptionId","platform","isDesktop","itemActionCallbackRef","useRef","animationState","animationHandlers","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","onItemClick","item","action","itemAction","autoCloseDisabled","handleClick","event","getRootRef","autoFocus","className","role","aria-modal","aria-labelledby","aria-describedby","div","data-testid","id","label","hoverMode","activeMode"],"mappings":"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"}

package/dist/components/Alert/AlertTypography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertTypography.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertTypography.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,UAAU,eAAgB,SAAQ,WAAW;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SASzD,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SAW/D,CAAC"}
+{"version":3,"file":"AlertTypography.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertTypography.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,UAAU,eAAgB,SAAQ,WAAW;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SASzD,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SAW/D,CAAC"}

package/dist/components/Alert/AlertTypography.js

@@ -1,7 +1,7 @@
 'use client';
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
+/* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
 import { usePlatform } from "../../hooks/usePlatform.js";
 import { Caption } from "../Typography/Caption/Caption.js";
 import { Footnote } from "../Typography/Footnote/Footnote.js";

package/dist/components/Alert/AlertTypography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Alert/AlertTypography.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasChildren } from '../../types';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Alert.module.css';\n\ninterface AlertTypography extends HasChildren {\n  'id': string;\n  'data-testid'?: string;\n}\nexport const AlertTitle = (props: AlertTypography): React.ReactNode => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'ios':\n      return <Title className={styles.title} weight=\"1\" level=\"3\" {...props} />;\n    default:\n      return <Title className={styles.title} weight=\"2\" level=\"2\" {...props} />;\n  }\n};\nexport const AlertDescription = (props: AlertTypography): React.ReactNode => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'vkcom':\n      return <Footnote className={styles.description} {...props} />;\n    case 'ios':\n      return <Caption className={styles.description} {...props} />;\n    default:\n      return <Text Component=\"span\" className={styles.description} weight=\"3\" {...props} />;\n  }\n};\n"],"names":["React","usePlatform","Caption","Footnote","Text","Title","AlertTitle","props","platform","className","weight","level","AlertDescription","Component"],"mappings":"AAAA;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAOlD,OAAO,MAAMC,aAAa,CAACC;IACzB,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACH;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;eAAQJ;QAClE;YACE,qBAAO,KAACF;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;eAAQJ;IACpE;AACF,EAAE;AACF,OAAO,MAAMK,mBAAmB,CAACL;IAC/B,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACL;gBAASM,SAAS;eAA0BF;QACtD,KAAK;YACH,qBAAO,KAACL;gBAAQO,SAAS;eAA0BF;QACrD;YACE,qBAAO,KAACH;gBAAKS,WAAU;gBAAOJ,SAAS;gBAAsBC,QAAO;eAAQH;IAChF;AACF,EAAE"}
+{"version":3,"sources":["../../../src/components/Alert/AlertTypography.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasChildren } from '../../types';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Alert.module.css';\n\ninterface AlertTypography extends HasChildren {\n  'id': string;\n  'data-testid'?: string;\n}\nexport const AlertTitle = (props: AlertTypography): React.ReactNode => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'ios':\n      return <Title className={styles.title} weight=\"1\" level=\"3\" {...props} />;\n    default:\n      return <Title className={styles.title} weight=\"2\" level=\"2\" {...props} />;\n  }\n};\nexport const AlertDescription = (props: AlertTypography): React.ReactNode => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'vkcom':\n      return <Footnote className={styles.description} {...props} />;\n    case 'ios':\n      return <Caption className={styles.description} {...props} />;\n    default:\n      return <Text Component=\"span\" className={styles.description} weight=\"3\" {...props} />;\n  }\n};\n"],"names":["React","usePlatform","Caption","Footnote","Text","Title","AlertTitle","props","platform","className","weight","level","AlertDescription","Component"],"mappings":"AAAA;;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAOlD,OAAO,MAAMC,aAAa,CAACC;IACzB,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACH;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;eAAQJ;QAClE;YACE,qBAAO,KAACF;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;eAAQJ;IACpE;AACF,EAAE;AACF,OAAO,MAAMK,mBAAmB,CAACL;IAC/B,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACL;gBAASM,SAAS;eAA0BF;QACtD,KAAK;YACH,qBAAO,KAACL;gBAAQO,SAAS;eAA0BF;QACrD;YACE,qBAAO,KAACH;gBAAKS,WAAU;gBAAOJ,SAAS;gBAAsBC,QAAO;eAAQH;IAChF;AACF,EAAE"}

package/dist/components/AppRoot/AppRoot.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import type { AppRootLayout, AppRootMode, AppRootScroll, AppRootUserSelectMode, SafeAreaInsets } from './types';
 export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Режим встраивания */
+    /**
+     * Режим встраивания.
+     */
     mode?: AppRootMode;
     /**
      * - `global` (по умолчанию) — VKUI-приложение скроллится вместе со страницей.
@@ -11,15 +13,15 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     scroll?: AppRootScroll;
     /**
-     * см. документацию [mdn web docs | env#values](https://developer.mozilla.org/en-US/docs/Web/CSS/env#values).
+     * См. Документацию [mdn web docs | env#values](https://developer.mozilla.org/en-US/docs/Web/CSS/env#values).
      */
     safeAreaInsets?: SafeAreaInsets;
     /**
-     * Кастомный root-элемент портала
+     * Кастомный root-элемент портала.
      */
     portalRoot?: HTMLElement | React.RefObject<HTMLElement | null> | null;
     /**
-     * Отключает рендер всплывающих компонентов в отдельном контейнере
+     * Отключает рендер всплывающих компонентов в отдельном контейнере.
      */
     disablePortal?: boolean;
     /**
@@ -46,6 +48,15 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
      * @since 6.2.0
      */
     userSelectMode?: AppRootUserSelectMode;
+    /**
+     * По умолчанию в режиме `mode="full"` VKUI в рантайме выставляет:
+     * - класс .vkui на html элемент
+     * - класс .vkui__root на элемент-контейнер, в который монтируется VKUI
+     * С помощью этой опции такое поведение можно отключить.
+     *
+     * Для корректной работы SSR рекоммендуется выставлять эти классы самостоятельно
+     * и отключить это поведение.
+     */
     disableSettingVKUIClassesInRuntime?: boolean;
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"AppRoot.d.ts","sourceRoot":"","sources":["../../../src/components/AppRoot/AppRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,cAAc,EACf,MAAM,SAAS,CAAC;AAQjB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,wBAAwB;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACtE;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,8CAA8C,CAAC,EAAE,OAAO,CAAC;IACzD;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IAUvC,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,4NAarB,YAAY,KAAG,KAAK,CAAC,SA8EvB,CAAC"}
+{"version":3,"file":"AppRoot.d.ts","sourceRoot":"","sources":["../../../src/components/AppRoot/AppRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,cAAc,EACf,MAAM,SAAS,CAAC;AAQjB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACtE;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,8CAA8C,CAAC,EAAE,OAAO,CAAC;IACzD;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;;;;;;;OAQG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,4NAarB,YAAY,KAAG,KAAK,CAAC,SA8EvB,CAAC"}