@vkontakte/vkui 8.0.1 → 8.1.0

package/dist/components/List/List.d.ts

@@ -4,7 +4,7 @@ export type ListProps = HTMLAttributesWithRootRef<HTMLDivElement> & {
     /**
      * Задает отступ между элементами.
      */
-    gap?: number;
+    gap?: number | undefined;
 };
 /**
  * @see https://vkui.io/components/cell#list

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

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,MAAM,SAAS,GAAG,yBAAyB,CAAC,cAAc,CAAC,GAAG;IAClE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,iCAAqC,SAAS,KAAG,KAAK,CAAC,SAkB3E,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,MAAM,SAAS,GAAG,yBAAyB,CAAC,cAAc,CAAC,GAAG;IAClE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,iCAAqC,SAAS,KAAG,KAAK,CAAC,SAkB3E,CAAC"}

package/dist/components/List/List.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from '../../hooks/useDraggableWithDomApi';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './List.module.css';\n\nexport type ListProps = HTMLAttributesWithRootRef<HTMLDivElement> & {\n  /**\n   * Задает отступ между элементами.\n   */\n  gap?: number;\n};\n\n/**\n * @see https://vkui.io/components/cell#list\n */\nexport const List = ({ children, gap = 0, ...restProps }: ListProps): React.ReactNode => {\n  return (\n    <RootComponent\n      role=\"list\"\n      baseClassName={styles.host}\n      baseStyle={{\n        gridGap: gap,\n      }}\n      {...restProps}\n    >\n      {children}\n      <div\n        aria-hidden\n        {...DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP}\n        className={styles.placeholder}\n      ></div>\n    </RootComponent>\n  );\n};\n"],"names":["DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","RootComponent","List","children","gap","restProps","role","baseClassName","baseStyle","gridGap","div","aria-hidden","className"],"mappings":";AACA,SAASA,qCAAqC,QAAQ,8CAAqC;AAE3F,SAASC,aAAa,QAAQ,oCAAiC;AAU/D;;CAEC,GACD,OAAO,MAAMC,OAAO,CAAC,EAAEC,QAAQ,EAAEC,MAAM,CAAC,EAAE,GAAGC,WAAsB;IACjE,qBACE,MAACJ;QACCK,MAAK;QACLC,aAAa;QACbC,WAAW;YACTC,SAASL;QACX;QACC,GAAGC,SAAS;;YAEZF;0BACD,KAACO;gBACCC,aAAW;gBACV,GAAGX,qCAAqC;gBACzCY,SAAS;;;;AAIjB,EAAE"}
+{"version":3,"sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from '../../hooks/useDraggableWithDomApi';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './List.module.css';\n\nexport type ListProps = HTMLAttributesWithRootRef<HTMLDivElement> & {\n  /**\n   * Задает отступ между элементами.\n   */\n  gap?: number | undefined;\n};\n\n/**\n * @see https://vkui.io/components/cell#list\n */\nexport const List = ({ children, gap = 0, ...restProps }: ListProps): React.ReactNode => {\n  return (\n    <RootComponent\n      role=\"list\"\n      baseClassName={styles.host}\n      baseStyle={{\n        gridGap: gap,\n      }}\n      {...restProps}\n    >\n      {children}\n      <div\n        aria-hidden\n        {...DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP}\n        className={styles.placeholder}\n      ></div>\n    </RootComponent>\n  );\n};\n"],"names":["DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","RootComponent","List","children","gap","restProps","role","baseClassName","baseStyle","gridGap","div","aria-hidden","className"],"mappings":";AACA,SAASA,qCAAqC,QAAQ,8CAAqC;AAE3F,SAASC,aAAa,QAAQ,oCAAiC;AAU/D;;CAEC,GACD,OAAO,MAAMC,OAAO,CAAC,EAAEC,QAAQ,EAAEC,MAAM,CAAC,EAAE,GAAGC,WAAsB;IACjE,qBACE,MAACJ;QACCK,MAAK;QACLC,aAAa;QACbC,WAAW;YACTC,SAASL;QACX;QACC,GAAGC,SAAS;;YAEZF;0BACD,KAACO;gBACCC,aAAW;gBACV,GAAGX,qCAAqC;gBACzCY,SAAS;;;;AAIjB,EAAE"}

package/dist/components/MiniInfoCell/MiniInfoCell.d.ts

@@ -6,12 +6,12 @@ export interface MiniInfoCellProps extends Pick<TappableOmitProps, 'hoverMode' |
      * Иконка слева.<br />
      * Рекомендуется использовать иконки размера 20.
      */
-    before?: React.ReactNode;
+    before?: React.ReactNode | undefined;
     /**
      * Содержимое справа.<br />
      * `<UsersStack size="s" />` или `<Avatar size={24} />`.
      */
-    after?: React.ReactNode;
+    after?: React.ReactNode | undefined;
     /**
      * Тип ячейки:
      *
@@ -20,7 +20,7 @@ export interface MiniInfoCellProps extends Pick<TappableOmitProps, 'hoverMode' |
      * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.
      * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.
      */
-    mode?: 'base' | 'accent' | 'add' | 'more';
+    mode?: 'base' | 'accent' | 'add' | 'more' | undefined;
     /**
      * Тип отображения текста:
      *
@@ -28,11 +28,11 @@ export interface MiniInfoCellProps extends Pick<TappableOmitProps, 'hoverMode' |
      * - `short` – максимально отображается 3 строки, остальное обрезается.
      * - `full` – текст отображается полностью. В дизайне это свойство `multiline`.
      */
-    textWrap?: 'nowrap' | 'short' | 'full';
+    textWrap?: 'nowrap' | 'short' | 'full' | undefined;
     /**
      * Передавать `true`, если предполагается переход при нажатии на ячейку.
      */
-    chevron?: boolean;
+    chevron?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/mini-info-cell

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

@@ -1 +1 @@
-{"version":3,"file":"MiniInfoCell.d.ts","sourceRoot":"","sources":["../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBxE,MAAM,WAAW,iBACf,SAAQ,IAAI,CACR,iBAAiB,EACjB,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,CAChF,EACD,kBAAkB,CAAC,cAAc,CAAC;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IAE1C;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAEvC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,oEAQ1B,iBAAiB,KAAG,KAAK,CAAC,SAyB5B,CAAC"}
+{"version":3,"file":"MiniInfoCell.d.ts","sourceRoot":"","sources":["../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBxE,MAAM,WAAW,iBACf,SAAQ,IAAI,CACR,iBAAiB,EACjB,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,CAChF,EACD,kBAAkB,CAAC,cAAc,CAAC;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAErC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAEpC;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAEtD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAEnD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,oEAQ1B,iBAAiB,KAAG,KAAK,CAAC,SAyB5B,CAAC"}

package/dist/components/MiniInfoCell/MiniInfoCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Chevron } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { RootComponentProps } from '../RootComponent/RootComponent';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nconst stylesMode = {\n  add: styles.modeAdd,\n  accent: styles.modeAccent,\n  more: styles.modeMore,\n};\n\nconst stylesTextWrap = {\n  nowrap: styles.textWrapNowrap,\n  full: styles.textWrapFull,\n  short: styles.textWrapShort,\n};\n\nexport interface MiniInfoCellProps\n  extends Pick<\n      TappableOmitProps,\n      'hoverMode' | 'activeMode' | 'hovered' | 'activated' | 'hasHover' | 'hasActive'\n    >,\n    RootComponentProps<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before?: React.ReactNode;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`.\n   */\n  after?: React.ReactNode;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: 'base' | 'accent' | 'add' | 'more';\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью. В дизайне это свойство `multiline`.\n   */\n  textWrap?: 'nowrap' | 'short' | 'full';\n\n  /**\n   * Передавать `true`, если предполагается переход при нажатии на ячейку.\n   */\n  chevron?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/mini-info-cell\n */\nexport const MiniInfoCell = ({\n  before,\n  after,\n  children,\n  mode = 'base',\n  textWrap = 'nowrap',\n  chevron = false,\n  ...restProps\n}: MiniInfoCellProps): React.ReactNode => {\n  const cellClasses = classNames(\n    styles.host,\n    stylesTextWrap[textWrap],\n    mode !== 'base' && stylesMode[mode],\n  );\n\n  const cellContent = (\n    <React.Fragment>\n      {hasReactNode(before) && <span className={styles.before}>{before}</span>}\n      <div className={styles.middle}>\n        <Paragraph className={styles.content} weight={mode === 'more' ? '2' : undefined}>\n          {children}\n        </Paragraph>\n        {chevron && <Icon16Chevron />}\n      </div>\n      {hasReactNode(after) && <span className={styles.after}>{after}</span>}\n    </React.Fragment>\n  );\n\n  return (\n    <Tappable {...restProps} baseClassName={cellClasses}>\n      {cellContent}\n    </Tappable>\n  );\n};\n"],"names":["React","Icon16Chevron","classNames","hasReactNode","Tappable","Paragraph","stylesMode","add","accent","more","stylesTextWrap","nowrap","full","short","MiniInfoCell","before","after","children","mode","textWrap","chevron","restProps","cellClasses","cellContent","Fragment","span","className","div","weight","undefined","baseClassName"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,QAAQ,QAAgC,0BAAuB;AACxE,SAASC,SAAS,QAAQ,uCAAoC;AAG9D,MAAMC,aAAa;IACjBC,GAAG;IACHC,MAAM;IACNC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AA6CA;;CAEC,GACD,OAAO,MAAMC,eAAe,CAAC,EAC3BC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACnBC,UAAU,KAAK,EACf,GAAGC,WACe;IAClB,MAAMC,cAAcpB,qCAElBQ,cAAc,CAACS,SAAS,EACxBD,SAAS,UAAUZ,UAAU,CAACY,KAAK;IAGrC,MAAMK,4BACJ,MAACvB,MAAMwB,QAAQ;;YACZrB,aAAaY,yBAAW,KAACU;gBAAKC,SAAS;0BAAkBX;;0BAC1D,MAACY;gBAAID,SAAS;;kCACZ,KAACrB;wBAAUqB,SAAS;wBAAkBE,QAAQV,SAAS,SAAS,MAAMW;kCACnEZ;;oBAEFG,yBAAW,KAACnB;;;YAEdE,aAAaa,wBAAU,KAACS;gBAAKC,SAAS;0BAAiBV;;;;IAI5D,qBACE,KAACZ;QAAU,GAAGiB,SAAS;QAAES,eAAeR;kBACrCC;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Chevron } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { RootComponentProps } from '../RootComponent/RootComponent';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nconst stylesMode = {\n  add: styles.modeAdd,\n  accent: styles.modeAccent,\n  more: styles.modeMore,\n};\n\nconst stylesTextWrap = {\n  nowrap: styles.textWrapNowrap,\n  full: styles.textWrapFull,\n  short: styles.textWrapShort,\n};\n\nexport interface MiniInfoCellProps\n  extends Pick<\n      TappableOmitProps,\n      'hoverMode' | 'activeMode' | 'hovered' | 'activated' | 'hasHover' | 'hasActive'\n    >,\n    RootComponentProps<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before?: React.ReactNode | undefined;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`.\n   */\n  after?: React.ReactNode | undefined;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: 'base' | 'accent' | 'add' | 'more' | undefined;\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью. В дизайне это свойство `multiline`.\n   */\n  textWrap?: 'nowrap' | 'short' | 'full' | undefined;\n\n  /**\n   * Передавать `true`, если предполагается переход при нажатии на ячейку.\n   */\n  chevron?: boolean | undefined;\n}\n\n/**\n * @see https://vkui.io/components/mini-info-cell\n */\nexport const MiniInfoCell = ({\n  before,\n  after,\n  children,\n  mode = 'base',\n  textWrap = 'nowrap',\n  chevron = false,\n  ...restProps\n}: MiniInfoCellProps): React.ReactNode => {\n  const cellClasses = classNames(\n    styles.host,\n    stylesTextWrap[textWrap],\n    mode !== 'base' && stylesMode[mode],\n  );\n\n  const cellContent = (\n    <React.Fragment>\n      {hasReactNode(before) && <span className={styles.before}>{before}</span>}\n      <div className={styles.middle}>\n        <Paragraph className={styles.content} weight={mode === 'more' ? '2' : undefined}>\n          {children}\n        </Paragraph>\n        {chevron && <Icon16Chevron />}\n      </div>\n      {hasReactNode(after) && <span className={styles.after}>{after}</span>}\n    </React.Fragment>\n  );\n\n  return (\n    <Tappable {...restProps} baseClassName={cellClasses}>\n      {cellContent}\n    </Tappable>\n  );\n};\n"],"names":["React","Icon16Chevron","classNames","hasReactNode","Tappable","Paragraph","stylesMode","add","accent","more","stylesTextWrap","nowrap","full","short","MiniInfoCell","before","after","children","mode","textWrap","chevron","restProps","cellClasses","cellContent","Fragment","span","className","div","weight","undefined","baseClassName"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,QAAQ,QAAgC,0BAAuB;AACxE,SAASC,SAAS,QAAQ,uCAAoC;AAG9D,MAAMC,aAAa;IACjBC,GAAG;IACHC,MAAM;IACNC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AA6CA;;CAEC,GACD,OAAO,MAAMC,eAAe,CAAC,EAC3BC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACnBC,UAAU,KAAK,EACf,GAAGC,WACe;IAClB,MAAMC,cAAcpB,qCAElBQ,cAAc,CAACS,SAAS,EACxBD,SAAS,UAAUZ,UAAU,CAACY,KAAK;IAGrC,MAAMK,4BACJ,MAACvB,MAAMwB,QAAQ;;YACZrB,aAAaY,yBAAW,KAACU;gBAAKC,SAAS;0BAAkBX;;0BAC1D,MAACY;gBAAID,SAAS;;kCACZ,KAACrB;wBAAUqB,SAAS;wBAAkBE,QAAQV,SAAS,SAAS,MAAMW;kCACnEZ;;oBAEFG,yBAAW,KAACnB;;;YAEdE,aAAaa,wBAAU,KAACS;gBAAKC,SAAS;0BAAiBV;;;;IAI5D,qBACE,KAACZ;QAAU,GAAGiB,SAAS;QAAES,eAAeR;kBACrCC;;AAGP,EAAE"}

package/dist/components/ModalCard/ModalCardInternal.d.ts

@@ -2,7 +2,7 @@ import { type ComponentType, type ReactNode } from 'react';
 import { type ModalOverlayProps } from '../ModalOverlay/ModalOverlay';
 import type { ModalCardProps } from './types';
 export interface ModalCardInternalProps extends Omit<ModalCardProps, 'nav' | 'keepMounted'> {
-    ModalOverlay?: ComponentType<ModalOverlayProps>;
+    ModalOverlay?: ComponentType<ModalOverlayProps> | undefined;
 }
 /**
  * В компоненте заложена вся логика модального окна.

package/dist/components/ModalCard/ModalCardInternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCardInternal.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCard/ModalCardInternal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAsB,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAa5F,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAoB9C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,aAAa,CAAC;IACzF,YAAY,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;CACjD;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,6ZA8B/B,sBAAsB,KAAG,SAqH3B,CAAC"}
+{"version":3,"file":"ModalCardInternal.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCard/ModalCardInternal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAsB,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAa5F,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAoB9C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,aAAa,CAAC;IACzF,YAAY,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAC7D;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,6ZA8B/B,sBAAsB,KAAG,SAqH3B,CAAC"}

package/dist/components/ModalCard/ModalCardInternal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalCard/ModalCardInternal.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport { type ComponentType, type KeyboardEvent, type ReactNode, useCallback } from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useVirtualKeyboardState } from '../../hooks/useVirtualKeyboardState';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { useCSSTransition, type UseCSSTransitionState } from '../../lib/animation';\nimport { useBottomSheet } from '../../lib/sheet';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalCardBase } from '../ModalCardBase/ModalCardBase';\nimport { ModalOutlet } from '../ModalOutlet/ModalOutlet';\nimport {\n  ModalOverlay as ModalOverlayDefault,\n  type ModalOverlayProps,\n} from '../ModalOverlay/ModalOverlay';\nimport type { ModalCardProps } from './types';\nimport styles from './ModalCard.module.css';\n\nconst sizeByPlatformClassNames = {\n  vkcom: styles.hostMaxWidthS,\n  ios: styles.hostMaxWidthM,\n  android: styles.hostMaxWidthL,\n};\n\nconst transitionStateClassNames: Partial<Record<UseCSSTransitionState, string>> = {\n  appear: styles.hostStateEnter,\n  appearing: styles.hostStateEntering,\n\n  enter: styles.hostStateEnter,\n  entering: styles.hostStateEntering,\n\n  exiting: styles.hostStateExiting,\n  exited: styles.hostStateExited,\n};\n\nexport interface ModalCardInternalProps extends Omit<ModalCardProps, 'nav' | 'keepMounted'> {\n  ModalOverlay?: ComponentType<ModalOverlayProps>;\n}\n\n/**\n * В компоненте заложена вся логика модального окна.\n *\n * @private\n */\nexport const ModalCardInternal = ({\n  icon,\n  title,\n  titleComponent,\n  description,\n  descriptionComponent,\n  children,\n  actions,\n  size,\n  open,\n  style: styleProp,\n  className,\n  preventClose,\n  ModalOverlay = ModalOverlayDefault,\n  modalOverlayTestId,\n  modalDismissButtonTestId,\n  getRootRef,\n  dismissButtonMode,\n  dismissLabel,\n  noFocusToDialog,\n  restoreFocus,\n  onOpen,\n  onOpened,\n  onClose = noop,\n  onClosed,\n  disableFocusTrap,\n  disableModalOverlay,\n  disableOpenAnimation,\n  disableCloseAnimation,\n  ...restProps\n}: ModalCardInternalProps): ReactNode => {\n  const platform = usePlatform();\n  const [transitionState, { ref, onTransitionEnd }] = useCSSTransition<HTMLDivElement>(open, {\n    enableAppear: !disableOpenAnimation,\n    enableEnter: !disableOpenAnimation,\n    enableExit: !disableCloseAnimation,\n    onEnter() {\n      onOpen?.();\n    },\n    onEntered() {\n      onOpened?.();\n    },\n    onExited() {\n      onClosed?.();\n    },\n  });\n  const opened = transitionState === 'appeared' || transitionState === 'entered';\n  const hidden = transitionState === 'exited';\n  const closable = !preventClose && opened;\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const bottomSheetEnabled = !isDesktop && !preventClose && transitionState !== 'exited';\n\n  const { opened: keyboardOpened } = useVirtualKeyboardState(bottomSheetEnabled);\n  const [{ setSheetEl, setBackdropEl }, bottomSheetEventHandlers] = useBottomSheet(\n    bottomSheetEnabled,\n    {\n      blocked: keyboardOpened,\n      snapPoint: 'auto',\n      sheetCSSProperty: '--vkui_internal_ModalCard--translateY',\n      backdropCSSProperty: '--vkui_internal--modal-overlay--opacity',\n      onDismiss() {\n        onClose?.('swipe-down');\n      },\n    },\n  );\n  const handleRef = useExternRef<HTMLDivElement>(setSheetEl, ref, getRootRef);\n  const style = keyboardOpened\n    ? {\n        ...styleProp,\n        '--vkui_internal_ModalCard--safeAreaInsetBottom': '0px',\n      }\n    : styleProp;\n  const modalOverlay = !disableModalOverlay && (\n    <ModalOverlay\n      getRootRef={setBackdropEl}\n      data-testid={modalOverlayTestId}\n      visible={open}\n      disableOpenAnimation={disableOpenAnimation}\n      disableCloseAnimation={disableCloseAnimation}\n      onClick={\n        closable\n          ? function handleBackdropClick(event) {\n              onClose('click-overlay', event);\n            }\n          : undefined\n      }\n    />\n  );\n  const handleEscKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (closable && pressedKey(event) === Keys.ESCAPE) {\n        onClose('escape-key');\n      }\n    },\n    [closable, onClose],\n  );\n\n  useScrollLock(!hidden);\n\n  return (\n    <ModalOutlet\n      hidden={hidden}\n      isDesktop={isDesktop}\n      onKeyDown={handleEscKeyDown}\n      disableModalOverlay={disableModalOverlay}\n    >\n      {modalOverlay}\n      <FocusTrap\n        rootRef={handleRef}\n        autoFocus={!noFocusToDialog}\n        disabled={!opened || hidden || disableFocusTrap}\n        restoreFocus={restoreFocus}\n      >\n        <ModalCardBase\n          {...restProps}\n          tabIndex={-1}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          getRootRef={handleRef}\n          style={style}\n          className={classNames(\n            styles.host,\n            isDesktop ? styles.hostDesktop : styles.hostMobile,\n            sizeByPlatformClassNames[platform],\n            transitionStateClassNames[transitionState],\n            className,\n          )}\n          onTransitionEnd={onTransitionEnd}\n          {...bottomSheetEventHandlers}\n          icon={icon}\n          title={title}\n          titleComponent={titleComponent}\n          description={description}\n          descriptionComponent={descriptionComponent}\n          actions={actions}\n          onClose={() => onClose('click-close-button')}\n          size={size}\n          modalDismissButtonTestId={modalDismissButtonTestId}\n          dismissButtonMode={dismissButtonMode}\n          dismissLabel={dismissLabel}\n        >\n          {children}\n        </ModalCardBase>\n      </FocusTrap>\n    </ModalOutlet>\n  );\n};\n"],"names":["useCallback","classNames","noop","useAdaptivityWithJSMediaQueries","useExternRef","usePlatform","useVirtualKeyboardState","Keys","pressedKey","useCSSTransition","useBottomSheet","useScrollLock","FocusTrap","ModalCardBase","ModalOutlet","ModalOverlay","ModalOverlayDefault","sizeByPlatformClassNames","vkcom","ios","android","transitionStateClassNames","appear","appearing","enter","entering","exiting","exited","ModalCardInternal","icon","title","titleComponent","description","descriptionComponent","children","actions","size","open","style","styleProp","className","preventClose","modalOverlayTestId","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","noFocusToDialog","restoreFocus","onOpen","onOpened","onClose","onClosed","disableFocusTrap","disableModalOverlay","disableOpenAnimation","disableCloseAnimation","restProps","platform","transitionState","ref","onTransitionEnd","enableAppear","enableEnter","enableExit","onEnter","onEntered","onExited","opened","hidden","closable","isDesktop","bottomSheetEnabled","keyboardOpened","setSheetEl","setBackdropEl","bottomSheetEventHandlers","blocked","snapPoint","sheetCSSProperty","backdropCSSProperty","onDismiss","handleRef","modalOverlay","data-testid","visible","onClick","handleBackdropClick","event","undefined","handleEscKeyDown","ESCAPE","onKeyDown","rootRef","autoFocus","disabled","tabIndex","role","aria-modal"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ModalCard/ModalCardInternal.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport { type ComponentType, type KeyboardEvent, type ReactNode, useCallback } from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useVirtualKeyboardState } from '../../hooks/useVirtualKeyboardState';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { useCSSTransition, type UseCSSTransitionState } from '../../lib/animation';\nimport { useBottomSheet } from '../../lib/sheet';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalCardBase } from '../ModalCardBase/ModalCardBase';\nimport { ModalOutlet } from '../ModalOutlet/ModalOutlet';\nimport {\n  ModalOverlay as ModalOverlayDefault,\n  type ModalOverlayProps,\n} from '../ModalOverlay/ModalOverlay';\nimport type { ModalCardProps } from './types';\nimport styles from './ModalCard.module.css';\n\nconst sizeByPlatformClassNames = {\n  vkcom: styles.hostMaxWidthS,\n  ios: styles.hostMaxWidthM,\n  android: styles.hostMaxWidthL,\n};\n\nconst transitionStateClassNames: Partial<Record<UseCSSTransitionState, string>> = {\n  appear: styles.hostStateEnter,\n  appearing: styles.hostStateEntering,\n\n  enter: styles.hostStateEnter,\n  entering: styles.hostStateEntering,\n\n  exiting: styles.hostStateExiting,\n  exited: styles.hostStateExited,\n};\n\nexport interface ModalCardInternalProps extends Omit<ModalCardProps, 'nav' | 'keepMounted'> {\n  ModalOverlay?: ComponentType<ModalOverlayProps> | undefined;\n}\n\n/**\n * В компоненте заложена вся логика модального окна.\n *\n * @private\n */\nexport const ModalCardInternal = ({\n  icon,\n  title,\n  titleComponent,\n  description,\n  descriptionComponent,\n  children,\n  actions,\n  size,\n  open,\n  style: styleProp,\n  className,\n  preventClose,\n  ModalOverlay = ModalOverlayDefault,\n  modalOverlayTestId,\n  modalDismissButtonTestId,\n  getRootRef,\n  dismissButtonMode,\n  dismissLabel,\n  noFocusToDialog,\n  restoreFocus,\n  onOpen,\n  onOpened,\n  onClose = noop,\n  onClosed,\n  disableFocusTrap,\n  disableModalOverlay,\n  disableOpenAnimation,\n  disableCloseAnimation,\n  ...restProps\n}: ModalCardInternalProps): ReactNode => {\n  const platform = usePlatform();\n  const [transitionState, { ref, onTransitionEnd }] = useCSSTransition<HTMLDivElement>(open, {\n    enableAppear: !disableOpenAnimation,\n    enableEnter: !disableOpenAnimation,\n    enableExit: !disableCloseAnimation,\n    onEnter() {\n      onOpen?.();\n    },\n    onEntered() {\n      onOpened?.();\n    },\n    onExited() {\n      onClosed?.();\n    },\n  });\n  const opened = transitionState === 'appeared' || transitionState === 'entered';\n  const hidden = transitionState === 'exited';\n  const closable = !preventClose && opened;\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const bottomSheetEnabled = !isDesktop && !preventClose && transitionState !== 'exited';\n\n  const { opened: keyboardOpened } = useVirtualKeyboardState(bottomSheetEnabled);\n  const [{ setSheetEl, setBackdropEl }, bottomSheetEventHandlers] = useBottomSheet(\n    bottomSheetEnabled,\n    {\n      blocked: keyboardOpened,\n      snapPoint: 'auto',\n      sheetCSSProperty: '--vkui_internal_ModalCard--translateY',\n      backdropCSSProperty: '--vkui_internal--modal-overlay--opacity',\n      onDismiss() {\n        onClose?.('swipe-down');\n      },\n    },\n  );\n  const handleRef = useExternRef<HTMLDivElement>(setSheetEl, ref, getRootRef);\n  const style = keyboardOpened\n    ? {\n        ...styleProp,\n        '--vkui_internal_ModalCard--safeAreaInsetBottom': '0px',\n      }\n    : styleProp;\n  const modalOverlay = !disableModalOverlay && (\n    <ModalOverlay\n      getRootRef={setBackdropEl}\n      data-testid={modalOverlayTestId}\n      visible={open}\n      disableOpenAnimation={disableOpenAnimation}\n      disableCloseAnimation={disableCloseAnimation}\n      onClick={\n        closable\n          ? function handleBackdropClick(event) {\n              onClose('click-overlay', event);\n            }\n          : undefined\n      }\n    />\n  );\n  const handleEscKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (closable && pressedKey(event) === Keys.ESCAPE) {\n        onClose('escape-key');\n      }\n    },\n    [closable, onClose],\n  );\n\n  useScrollLock(!hidden);\n\n  return (\n    <ModalOutlet\n      hidden={hidden}\n      isDesktop={isDesktop}\n      onKeyDown={handleEscKeyDown}\n      disableModalOverlay={disableModalOverlay}\n    >\n      {modalOverlay}\n      <FocusTrap\n        rootRef={handleRef}\n        autoFocus={!noFocusToDialog}\n        disabled={!opened || hidden || disableFocusTrap}\n        restoreFocus={restoreFocus}\n      >\n        <ModalCardBase\n          {...restProps}\n          tabIndex={-1}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          getRootRef={handleRef}\n          style={style}\n          className={classNames(\n            styles.host,\n            isDesktop ? styles.hostDesktop : styles.hostMobile,\n            sizeByPlatformClassNames[platform],\n            transitionStateClassNames[transitionState],\n            className,\n          )}\n          onTransitionEnd={onTransitionEnd}\n          {...bottomSheetEventHandlers}\n          icon={icon}\n          title={title}\n          titleComponent={titleComponent}\n          description={description}\n          descriptionComponent={descriptionComponent}\n          actions={actions}\n          onClose={() => onClose('click-close-button')}\n          size={size}\n          modalDismissButtonTestId={modalDismissButtonTestId}\n          dismissButtonMode={dismissButtonMode}\n          dismissLabel={dismissLabel}\n        >\n          {children}\n        </ModalCardBase>\n      </FocusTrap>\n    </ModalOutlet>\n  );\n};\n"],"names":["useCallback","classNames","noop","useAdaptivityWithJSMediaQueries","useExternRef","usePlatform","useVirtualKeyboardState","Keys","pressedKey","useCSSTransition","useBottomSheet","useScrollLock","FocusTrap","ModalCardBase","ModalOutlet","ModalOverlay","ModalOverlayDefault","sizeByPlatformClassNames","vkcom","ios","android","transitionStateClassNames","appear","appearing","enter","entering","exiting","exited","ModalCardInternal","icon","title","titleComponent","description","descriptionComponent","children","actions","size","open","style","styleProp","className","preventClose","modalOverlayTestId","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","noFocusToDialog","restoreFocus","onOpen","onOpened","onClose","onClosed","disableFocusTrap","disableModalOverlay","disableOpenAnimation","disableCloseAnimation","restProps","platform","transitionState","ref","onTransitionEnd","enableAppear","enableEnter","enableExit","onEnter","onEntered","onExited","opened","hidden","closable","isDesktop","bottomSheetEnabled","keyboardOpened","setSheetEl","setBackdropEl","bottomSheetEventHandlers","blocked","snapPoint","sheetCSSProperty","backdropCSSProperty","onDismiss","handleRef","modalOverlay","data-testid","visible","onClick","handleBackdropClick","event","undefined","handleEscKeyDown","ESCAPE","onKeyDown","rootRef","autoFocus","disabled","tabIndex","role","aria-modal"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,SAAiEA,WAAW,QAAQ,QAAQ;AAC5F,SAASC,UAAU,EAAEC,IAAI,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,iDAA8C;AAC9F,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,uBAAuB,QAAQ,yCAAsC;AAC9E,SAASC,IAAI,EAAEC,UAAU,QAAQ,6BAA0B;AAC3D,SAASC,gBAAgB,QAAoC,+BAAsB;AACnF,SAASC,cAAc,QAAQ,2BAAkB;AACjD,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SACEC,gBAAgBC,mBAAmB,QAE9B,kCAA+B;AAItC,MAAMC,2BAA2B;IAC/BC,KAAK;IACLC,GAAG;IACHC,OAAO;AACT;AAEA,MAAMC,4BAA4E;IAChFC,MAAM;IACNC,SAAS;IAETC,KAAK;IACLC,QAAQ;IAERC,OAAO;IACPC,MAAM;AACR;AAMA;;;;CAIC,GACD,OAAO,MAAMC,oBAAoB,CAAC,EAChCC,IAAI,EACJC,KAAK,EACLC,cAAc,EACdC,WAAW,EACXC,oBAAoB,EACpBC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,IAAI,EACJC,OAAOC,SAAS,EAChBC,SAAS,EACTC,YAAY,EACZ1B,eAAeC,mBAAmB,EAClC0B,kBAAkB,EAClBC,wBAAwB,EACxBC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EACZC,eAAe,EACfC,YAAY,EACZC,MAAM,EACNC,QAAQ,EACRC,UAAUjD,IAAI,EACdkD,QAAQ,EACRC,gBAAgB,EAChBC,mBAAmB,EACnBC,oBAAoB,EACpBC,qBAAqB,EACrB,GAAGC,WACoB;IACvB,MAAMC,WAAWrD;IACjB,MAAM,CAACsD,iBAAiB,EAAEC,GAAG,EAAEC,eAAe,EAAE,CAAC,GAAGpD,iBAAiC4B,MAAM;QACzFyB,cAAc,CAACP;QACfQ,aAAa,CAACR;QACdS,YAAY,CAACR;QACbS;YACEhB;QACF;QACAiB;YACEhB;QACF;QACAiB;YACEf;QACF;IACF;IACA,MAAMgB,SAAST,oBAAoB,cAAcA,oBAAoB;IACrE,MAAMU,SAASV,oBAAoB;IACnC,MAAMW,WAAW,CAAC7B,gBAAgB2B;IAElC,MAAM,EAAEG,SAAS,EAAE,GAAGpE;IACtB,MAAMqE,qBAAqB,CAACD,aAAa,CAAC9B,gBAAgBkB,oBAAoB;IAE9E,MAAM,EAAES,QAAQK,cAAc,EAAE,GAAGnE,wBAAwBkE;IAC3D,MAAM,CAAC,EAAEE,UAAU,EAAEC,aAAa,EAAE,EAAEC,yBAAyB,GAAGlE,eAChE8D,oBACA;QACEK,SAASJ;QACTK,WAAW;QACXC,kBAAkB;QAClBC,qBAAqB;QACrBC;YACE9B,UAAU;QACZ;IACF;IAEF,MAAM+B,YAAY9E,aAA6BsE,YAAYd,KAAKhB;IAChE,MAAMN,QAAQmC,iBACV;QACE,GAAGlC,SAAS;QACZ,kDAAkD;IACpD,IACAA;IACJ,MAAM4C,eAAe,CAAC7B,qCACpB,KAACvC;QACC6B,YAAY+B;QACZS,eAAa1C;QACb2C,SAAShD;QACTkB,sBAAsBA;QACtBC,uBAAuBA;QACvB8B,SACEhB,WACI,SAASiB,oBAAoBC,KAAK;YAChCrC,QAAQ,iBAAiBqC;QAC3B,IACAC;;IAIV,MAAMC,mBAAmB1F,YACvB,CAACwF;QACC,IAAIlB,YAAY9D,WAAWgF,WAAWjF,KAAKoF,MAAM,EAAE;YACjDxC,QAAQ;QACV;IACF,GACA;QAACmB;QAAUnB;KAAQ;IAGrBxC,cAAc,CAAC0D;IAEf,qBACE,MAACvD;QACCuD,QAAQA;QACRE,WAAWA;QACXqB,WAAWF;QACXpC,qBAAqBA;;YAEpB6B;0BACD,KAACvE;gBACCiF,SAASX;gBACTY,WAAW,CAAC/C;gBACZgD,UAAU,CAAC3B,UAAUC,UAAUhB;gBAC/BL,cAAcA;0BAEd,cAAA,KAACnC;oBACE,GAAG4C,SAAS;oBACbuC,UAAU,CAAC;oBACXC,MAAK;oBACLC,cAAW;oBACXtD,YAAYsC;oBACZ5C,OAAOA;oBACPE,WAAWvC,kCAETsE,wEACAtD,wBAAwB,CAACyC,SAAS,EAClCrC,yBAAyB,CAACsC,gBAAgB,EAC1CnB;oBAEFqB,iBAAiBA;oBAChB,GAAGe,wBAAwB;oBAC5B/C,MAAMA;oBACNC,OAAOA;oBACPC,gBAAgBA;oBAChBC,aAAaA;oBACbC,sBAAsBA;oBACtBE,SAASA;oBACTgB,SAAS,IAAMA,QAAQ;oBACvBf,MAAMA;oBACNO,0BAA0BA;oBAC1BE,mBAAmBA;oBACnBC,cAAcA;8BAEbZ;;;;;AAKX,EAAE"}

package/dist/components/ModalCard/types.d.ts

@@ -9,61 +9,61 @@ export interface ModalCardProps extends NavIdProps, Omit<ModalCardBaseProps, 'id
      *
      * @default false
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
      * Сохранять ли компонент в DOM при `open={false}`.
      *
      * @default false
      */
-    keepMounted?: boolean;
+    keepMounted?: boolean | undefined;
     /**
      * Отключает фокус на интерактивный элемент после открытия модалки.
      *
      * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.
      */
-    noFocusToDialog?: boolean;
+    noFocusToDialog?: boolean | undefined;
     /**
      * `data-testid` для оверлея.
      */
-    modalOverlayTestId?: string;
+    modalOverlayTestId?: string | undefined;
     /**
      * Будет вызвано при начале открытия модалки.
      */
-    onOpen?: VoidFunction;
+    onOpen?: VoidFunction | undefined;
     /**
      * Будет вызвано при окончательном открытии модалки.
      */
-    onOpened?: VoidFunction;
+    onOpened?: VoidFunction | undefined;
     /**
      * Будет вызвано при начале закрытия модалки.
      */
-    onClose?: (reason: ModalCardCloseReason, event?: UIEvent<HTMLElement>) => void;
+    onClose?: ((reason: ModalCardCloseReason, event?: UIEvent<HTMLElement>) => void) | undefined;
     /**
      * Будет вызвано при окончательном закрытии модалки.
      */
-    onClosed?: VoidFunction;
+    onClosed?: VoidFunction | undefined;
     /**
      * Позволяет отключить захват фокуса.
      *
      * Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали.
      */
-    disableFocusTrap?: boolean;
+    disableFocusTrap?: boolean | undefined;
     /**
      * Отключает отображение и взаимодействие с фоном модалки.
      */
-    disableModalOverlay?: boolean;
+    disableModalOverlay?: boolean | undefined;
     /**
      * Отключает анимацию открытия модалки.
      */
-    disableOpenAnimation?: boolean;
+    disableOpenAnimation?: boolean | undefined;
     /**
      * Отключает анимацию закрытия модалки.
      */
-    disableCloseAnimation?: boolean;
+    disableCloseAnimation?: boolean | undefined;
     /**
      * Управление поведением возврата фокуса при закрытии всплывающего окна.
      * @default true
      */
-    restoreFocus?: boolean | (() => boolean | HTMLElement);
+    restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ModalCard/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAC5B,eAAe,GACf,oBAAoB,GACpB,YAAY,GACZ,YAAY,CAAC;AAEjB,MAAM,WAAW,cACf,SAAQ,UAAU,EAChB,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,SAAS,GAAG,iBAAiB,GAAG,MAAM,sBAAsB,CAAC;IAC/F;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/E;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC;CACxD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAC5B,eAAe,GACf,oBAAoB,GACpB,YAAY,GACZ,YAAY,CAAC;AAEjB,MAAM,WAAW,cACf,SAAQ,UAAU,EAChB,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,SAAS,GAAG,iBAAiB,GAAG,MAAM,sBAAsB,CAAC;IAC/F;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7F;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACpC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,SAAS,CAAC;CACpE"}

package/dist/components/ModalCard/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalCard/types.ts"],"sourcesContent":["import type { UIEvent } from 'react';\nimport type { NavIdProps } from '../../lib/getNavId';\nimport type { UseBottomSheetHandlers } from '../../lib/sheet';\nimport type { ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\n\nexport type ModalCardCloseReason =\n  | 'click-overlay'\n  | 'click-close-button'\n  | 'escape-key'\n  | 'swipe-down';\n\nexport interface ModalCardProps\n  extends NavIdProps,\n    Omit<ModalCardBaseProps, 'id' | 'onClose' | 'onTransitionEnd' | keyof UseBottomSheetHandlers> {\n  /**\n   * Состояние видимости.\n   *\n   * @default false\n   */\n  open?: boolean;\n  /**\n   * Сохранять ли компонент в DOM при `open={false}`.\n   *\n   * @default false\n   */\n  keepMounted?: boolean;\n  /**\n   * Отключает фокус на интерактивный элемент после открытия модалки.\n   *\n   * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.\n   */\n  noFocusToDialog?: boolean;\n  /**\n   * `data-testid` для оверлея.\n   */\n  modalOverlayTestId?: string;\n  /**\n   * Будет вызвано при начале открытия модалки.\n   */\n  onOpen?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном открытии модалки.\n   */\n  onOpened?: VoidFunction;\n  /**\n   * Будет вызвано при начале закрытия модалки.\n   */\n  onClose?: (reason: ModalCardCloseReason, event?: UIEvent<HTMLElement>) => void;\n  /**\n   * Будет вызвано при окончательном закрытии модалки.\n   */\n  onClosed?: VoidFunction;\n  /**\n   * Позволяет отключить захват фокуса.\n   *\n   * Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали.\n   */\n  disableFocusTrap?: boolean;\n  /**\n   * Отключает отображение и взаимодействие с фоном модалки.\n   */\n  disableModalOverlay?: boolean;\n  /**\n   * Отключает анимацию открытия модалки.\n   */\n  disableOpenAnimation?: boolean;\n  /**\n   * Отключает анимацию закрытия модалки.\n   */\n  disableCloseAnimation?: boolean;\n  /**\n   * Управление поведением возврата фокуса при закрытии всплывающего окна.\n   * @default true\n   */\n  restoreFocus?: boolean | (() => boolean | HTMLElement);\n}\n"],"names":[],"mappings":"AAWA,WAgEC"}
+{"version":3,"sources":["../../../src/components/ModalCard/types.ts"],"sourcesContent":["import type { UIEvent } from 'react';\nimport type { NavIdProps } from '../../lib/getNavId';\nimport type { UseBottomSheetHandlers } from '../../lib/sheet';\nimport type { ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\n\nexport type ModalCardCloseReason =\n  | 'click-overlay'\n  | 'click-close-button'\n  | 'escape-key'\n  | 'swipe-down';\n\nexport interface ModalCardProps\n  extends NavIdProps,\n    Omit<ModalCardBaseProps, 'id' | 'onClose' | 'onTransitionEnd' | keyof UseBottomSheetHandlers> {\n  /**\n   * Состояние видимости.\n   *\n   * @default false\n   */\n  open?: boolean | undefined;\n  /**\n   * Сохранять ли компонент в DOM при `open={false}`.\n   *\n   * @default false\n   */\n  keepMounted?: boolean | undefined;\n  /**\n   * Отключает фокус на интерактивный элемент после открытия модалки.\n   *\n   * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.\n   */\n  noFocusToDialog?: boolean | undefined;\n  /**\n   * `data-testid` для оверлея.\n   */\n  modalOverlayTestId?: string | undefined;\n  /**\n   * Будет вызвано при начале открытия модалки.\n   */\n  onOpen?: VoidFunction | undefined;\n  /**\n   * Будет вызвано при окончательном открытии модалки.\n   */\n  onOpened?: VoidFunction | undefined;\n  /**\n   * Будет вызвано при начале закрытия модалки.\n   */\n  onClose?: ((reason: ModalCardCloseReason, event?: UIEvent<HTMLElement>) => void) | undefined;\n  /**\n   * Будет вызвано при окончательном закрытии модалки.\n   */\n  onClosed?: VoidFunction | undefined;\n  /**\n   * Позволяет отключить захват фокуса.\n   *\n   * Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали.\n   */\n  disableFocusTrap?: boolean | undefined;\n  /**\n   * Отключает отображение и взаимодействие с фоном модалки.\n   */\n  disableModalOverlay?: boolean | undefined;\n  /**\n   * Отключает анимацию открытия модалки.\n   */\n  disableOpenAnimation?: boolean | undefined;\n  /**\n   * Отключает анимацию закрытия модалки.\n   */\n  disableCloseAnimation?: boolean | undefined;\n  /**\n   * Управление поведением возврата фокуса при закрытии всплывающего окна.\n   * @default true\n   */\n  restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;\n}\n"],"names":[],"mappings":"AAWA,WAgEC"}

package/dist/components/ModalCardBase/ModalCardBase.d.ts

@@ -6,27 +6,27 @@ export interface ModalCardBaseProps extends Omit<HTMLAttributesWithRootRef<HTMLD
      *
      * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src="" />`.
      */
-    icon?: React.ReactNode;
+    icon?: React.ReactNode | undefined;
     /**
      * Заголовок карточки.
      */
-    title?: React.ReactNode;
+    title?: React.ReactNode | undefined;
     /**
      * Позволяет поменять тег используемый для заголовка.
      */
-    titleComponent?: React.ElementType;
+    titleComponent?: React.ElementType | undefined;
     /**
      * Позволяет задать id для заголовка. Используется, чтобы связать модальное окно и title через aria-labelledby, тем самым задав модальному окну имя через title.
      */
-    titleId?: string;
+    titleId?: string | undefined;
     /**
      * Описание.
      */
-    description?: React.ReactNode;
+    description?: React.ReactNode | undefined;
     /**
      * Позволяет поменять тег используемый для описания.
      */
-    descriptionComponent?: React.ElementType;
+    descriptionComponent?: React.ElementType | undefined;
     /**
      * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button) с параметрами:
      *
@@ -38,23 +38,23 @@ export interface ModalCardBaseProps extends Omit<HTMLAttributesWithRootRef<HTMLD
      * - `gap="s" mode="horizontal" stretched`
      * - `gap="m" mode="vertical" stretched`.
      */
-    actions?: React.ReactNode;
+    actions?: React.ReactNode | undefined;
     /**
      * Обработчик закрытия модального окна.
      */
-    onClose?: VoidFunction;
+    onClose?: VoidFunction | undefined;
     /**
      * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.
      */
-    dismissLabel?: string;
+    dismissLabel?: string | undefined;
     /**
      * Задаёт контенту максимальную ширину для десктопной версии.
      */
-    size?: number;
+    size?: number | undefined;
     /**
      * Передает атрибут `data-testid` для кнопки закрытия.
      */
-    modalDismissButtonTestId?: string;
+    modalDismissButtonTestId?: string | undefined;
     /**
      * Расположение кнопки закрытия (внутри и вне `popout'a`).
      *
@@ -64,20 +64,20 @@ export interface ModalCardBaseProps extends Omit<HTMLAttributesWithRootRef<HTMLD
      *
      * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.
      */
-    dismissButtonMode?: 'inside' | 'outside' | 'none';
+    dismissButtonMode?: 'inside' | 'outside' | 'none' | undefined;
     /**
      * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, нажатие на подложку).
      *
      * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте.
      */
-    preventClose?: boolean;
+    preventClose?: boolean | undefined;
     /**
      * Управляющие элементы под кнопкой закрытия.
      *
      * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton.
      *
      */
-    outsideButtons?: React.ReactNode;
+    outsideButtons?: React.ReactNode | undefined;
 }
 /**
  * @see https://vkui.io/components/modal-card-base

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

@@ -1 +1 @@
-{"version":3,"file":"ModalCardBase.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAY7D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAChE;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEzC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IAClD;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,gOAiB3B,kBAAkB,KAAG,KAAK,CAAC,SAkF7B,CAAC"}
+{"version":3,"file":"ModalCardBase.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAY7D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAChE;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAEnC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAC/C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAErD;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAElC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9C;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC9D;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CAC9C;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,gOAiB3B,kBAAkB,KAAG,KAAK,CAAC,SAkF7B,CAAC"}

package/dist/components/ModalCardBase/ModalCardBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Icon20Cancel, Icon24Dismiss } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { AdaptivityContext } from '../AdaptivityProvider/AdaptivityContext';\nimport { ModalOutsideButton } from '../ModalOutsideButton/ModalOutsideButton';\nimport { ModalOutsideButtons } from '../ModalOutsideButtons/ModalOutsideButtons';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalCardBase.module.css';\n\nexport interface ModalCardBaseProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`.\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки.\n   */\n  title?: React.ReactNode;\n  /**\n   * Позволяет поменять тег используемый для заголовка.\n   */\n  titleComponent?: React.ElementType;\n  /**\n   * Позволяет задать id для заголовка. Используется, чтобы связать модальное окно и title через aria-labelledby, тем самым задав модальному окну имя через title.\n   */\n  titleId?: string;\n\n  /**\n   * Описание.\n   */\n  description?: React.ReactNode;\n  /**\n   * Позволяет поменять тег используемый для описания.\n   */\n  descriptionComponent?: React.ElementType;\n\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button) с параметрами:\n   *\n   * - `size=\"l\" mode=\"primary\" stretched`\n   * - `size=\"l\" mode=\"secondary\" stretched`.\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkui.io/components/button-group) с параметрами:\n   *\n   * - `gap=\"s\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`.\n   */\n  actions?: React.ReactNode;\n  /**\n   * Обработчик закрытия модального окна.\n   */\n  onClose?: VoidFunction;\n\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.\n   */\n  dismissLabel?: string;\n\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: number;\n\n  /**\n   * Передает атрибут `data-testid` для кнопки закрытия.\n   */\n  modalDismissButtonTestId?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`).\n   *\n   * Доступно только в `compact`-режиме.\n   *\n   * На `iOS` в `regular`-режиме всегда включен `inside`.\n   *\n   * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.\n   */\n  dismissButtonMode?: 'inside' | 'outside' | 'none';\n  /**\n   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, нажатие на подложку).\n   *\n   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте.\n   */\n  preventClose?: boolean;\n  /**\n   * Управляющие элементы под кнопкой закрытия.\n   *\n   * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton.\n   *\n   */\n  outsideButtons?: React.ReactNode;\n}\n\n/**\n * @see https://vkui.io/components/modal-card-base\n */\nexport const ModalCardBase = ({\n  icon,\n  title,\n  titleComponent = 'span',\n  description,\n  descriptionComponent = 'span',\n  children,\n  actions,\n  onClose,\n  dismissLabel = 'Закрыть',\n  size: sizeProp,\n  modalDismissButtonTestId,\n  dismissButtonMode = 'outside',\n  preventClose,\n  outsideButtons,\n  titleId,\n  ...restProps\n}: ModalCardBaseProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  const size = isDesktop ? sizeProp : undefined;\n  const withSafeZone =\n    !icon &&\n    (dismissButtonMode === 'inside' ||\n      (platform === 'ios' && !isDesktop && dismissButtonMode !== 'none'));\n\n  const hasTitle = hasReactNode(title);\n  const hasDescription = hasReactNode(description);\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        'vkuiInternalModalCardBase',\n        platform === 'ios' && styles.ios,\n        isDesktop && styles.desktop,\n        withSafeZone && styles.withSafeZone,\n      )}\n      baseStyle={{\n        maxWidth: size,\n      }}\n    >\n      <div className={styles.container}>\n        {hasReactNode(icon) && <div className={styles.icon}>{icon}</div>}\n        {hasReactNode(title) && (\n          <Title\n            id={titleId}\n            level=\"2\"\n            weight=\"2\"\n            className={styles.title}\n            Component={titleComponent}\n          >\n            {title}\n          </Title>\n        )}\n        {hasTitle && hasDescription && <Spacing size={8} />}\n        {hasDescription && (\n          <AdaptivityContext.Provider value={{ density: 'regular' }}>\n            <Subhead className={styles.description} Component={descriptionComponent}>\n              {description}\n            </Subhead>\n          </AdaptivityContext.Provider>\n        )}\n\n        {children}\n\n        {hasReactNode(actions) && <div className={styles.actions}>{actions}</div>}\n\n        {isDesktop && (dismissButtonMode === 'outside' || outsideButtons) && (\n          <ModalOutsideButtons>\n            {dismissButtonMode === 'outside' && (\n              <ModalOutsideButton\n                aria-label={dismissLabel}\n                data-testid={modalDismissButtonTestId}\n                onClick={onClose}\n              >\n                <Icon20Cancel />\n              </ModalOutsideButton>\n            )}\n            {outsideButtons}\n          </ModalOutsideButtons>\n        )}\n\n        {(dismissButtonMode === 'inside' ||\n          (platform === 'ios' && !isDesktop && dismissButtonMode !== 'none')) && (\n          <Tappable\n            className={styles.dismiss}\n            onClick={onClose}\n            hoverMode=\"opacity\"\n            activeMode=\"opacity\"\n            data-testid={modalDismissButtonTestId}\n          >\n            <VisuallyHidden>{dismissLabel}</VisuallyHidden>\n            {platform === 'ios' ? <Icon24Dismiss /> : <Icon20Cancel />}\n          </Tappable>\n        )}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["Icon20Cancel","Icon24Dismiss","classNames","hasReactNode","useAdaptivityWithJSMediaQueries","usePlatform","AdaptivityContext","ModalOutsideButton","ModalOutsideButtons","RootComponent","Spacing","Tappable","Subhead","Title","VisuallyHidden","ModalCardBase","icon","title","titleComponent","description","descriptionComponent","children","actions","onClose","dismissLabel","size","sizeProp","modalDismissButtonTestId","dismissButtonMode","preventClose","outsideButtons","titleId","restProps","platform","isDesktop","undefined","withSafeZone","hasTitle","hasDescription","baseClassName","baseStyle","maxWidth","div","className","id","level","weight","Component","Provider","value","density","aria-label","data-testid","onClick","hoverMode","activeMode"],"mappings":"AAAA;;AAGA,SAASA,YAAY,EAAEC,aAAa,QAAQ,mBAAmB;AAC/D,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,+BAA+B,QAAQ,iDAA8C;AAC9F,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,iBAAiB,QAAQ,6CAA0C;AAC5E,SAASC,kBAAkB,QAAQ,8CAA2C;AAC9E,SAASC,mBAAmB,QAAQ,gDAA6C;AACjF,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,OAAO,QAAQ,wBAAqB;AAC7C,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,KAAK,QAAQ,+BAA4B;AAClD,SAASC,cAAc,QAAQ,sCAAmC;AA0FlE;;CAEC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,IAAI,EACJC,KAAK,EACLC,iBAAiB,MAAM,EACvBC,WAAW,EACXC,uBAAuB,MAAM,EAC7BC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,eAAe,SAAS,EACxBC,MAAMC,QAAQ,EACdC,wBAAwB,EACxBC,oBAAoB,SAAS,EAC7BC,YAAY,EACZC,cAAc,EACdC,OAAO,EACP,GAAGC,WACgB;IACnB,MAAMC,WAAW5B;IACjB,MAAM,EAAE6B,SAAS,EAAE,GAAG9B;IAEtB,MAAMqB,OAAOS,YAAYR,WAAWS;IACpC,MAAMC,eACJ,CAACpB,QACAY,CAAAA,sBAAsB,YACpBK,aAAa,SAAS,CAACC,aAAaN,sBAAsB,MAAM;IAErE,MAAMS,WAAWlC,aAAac;IAC9B,MAAMqB,iBAAiBnC,aAAagB;IACpC,qBACE,KAACV;QACE,GAAGuB,SAAS;QACbO,eAAerC,WACb,6BACA+B,aAAa,mCACbC,2CACAE;QAEFI,WAAW;YACTC,UAAUhB;QACZ;kBAEA,cAAA,MAACiB;YAAIC,SAAS;;gBACXxC,aAAaa,uBAAS,KAAC0B;oBAAIC,SAAS;8BAAgB3B;;gBACpDb,aAAac,wBACZ,KAACJ;oBACC+B,IAAIb;oBACJc,OAAM;oBACNC,QAAO;oBACPH,SAAS;oBACTI,WAAW7B;8BAEVD;;gBAGJoB,YAAYC,gCAAkB,KAAC5B;oBAAQe,MAAM;;gBAC7Ca,gCACC,KAAChC,kBAAkB0C,QAAQ;oBAACC,OAAO;wBAAEC,SAAS;oBAAU;8BACtD,cAAA,KAACtC;wBAAQ+B,SAAS;wBAAsBI,WAAW3B;kCAChDD;;;gBAKNE;gBAEAlB,aAAamB,0BAAY,KAACoB;oBAAIC,SAAS;8BAAmBrB;;gBAE1DY,aAAcN,CAAAA,sBAAsB,aAAaE,cAAa,mBAC7D,MAACtB;;wBACEoB,sBAAsB,2BACrB,KAACrB;4BACC4C,cAAY3B;4BACZ4B,eAAazB;4BACb0B,SAAS9B;sCAET,cAAA,KAACvB;;wBAGJ8B;;;gBAIHF,CAAAA,sBAAsB,YACrBK,aAAa,SAAS,CAACC,aAAaN,sBAAsB,MAAM,mBACjE,MAACjB;oBACCgC,SAAS;oBACTU,SAAS9B;oBACT+B,WAAU;oBACVC,YAAW;oBACXH,eAAazB;;sCAEb,KAACb;sCAAgBU;;wBAChBS,aAAa,sBAAQ,KAAChC,mCAAmB,KAACD;;;;;;AAMvD,EAAE"}
+{"version":3,"sources":["../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Icon20Cancel, Icon24Dismiss } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { AdaptivityContext } from '../AdaptivityProvider/AdaptivityContext';\nimport { ModalOutsideButton } from '../ModalOutsideButton/ModalOutsideButton';\nimport { ModalOutsideButtons } from '../ModalOutsideButtons/ModalOutsideButtons';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalCardBase.module.css';\n\nexport interface ModalCardBaseProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`.\n   */\n  icon?: React.ReactNode | undefined;\n\n  /**\n   * Заголовок карточки.\n   */\n  title?: React.ReactNode | undefined;\n  /**\n   * Позволяет поменять тег используемый для заголовка.\n   */\n  titleComponent?: React.ElementType | undefined;\n  /**\n   * Позволяет задать id для заголовка. Используется, чтобы связать модальное окно и title через aria-labelledby, тем самым задав модальному окну имя через title.\n   */\n  titleId?: string | undefined;\n\n  /**\n   * Описание.\n   */\n  description?: React.ReactNode | undefined;\n  /**\n   * Позволяет поменять тег используемый для описания.\n   */\n  descriptionComponent?: React.ElementType | undefined;\n\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button) с параметрами:\n   *\n   * - `size=\"l\" mode=\"primary\" stretched`\n   * - `size=\"l\" mode=\"secondary\" stretched`.\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkui.io/components/button-group) с параметрами:\n   *\n   * - `gap=\"s\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`.\n   */\n  actions?: React.ReactNode | undefined;\n  /**\n   * Обработчик закрытия модального окна.\n   */\n  onClose?: VoidFunction | undefined;\n\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.\n   */\n  dismissLabel?: string | undefined;\n\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: number | undefined;\n\n  /**\n   * Передает атрибут `data-testid` для кнопки закрытия.\n   */\n  modalDismissButtonTestId?: string | undefined;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`).\n   *\n   * Доступно только в `compact`-режиме.\n   *\n   * На `iOS` в `regular`-режиме всегда включен `inside`.\n   *\n   * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.\n   */\n  dismissButtonMode?: 'inside' | 'outside' | 'none' | undefined;\n  /**\n   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, нажатие на подложку).\n   *\n   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте.\n   */\n  preventClose?: boolean | undefined;\n  /**\n   * Управляющие элементы под кнопкой закрытия.\n   *\n   * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton.\n   *\n   */\n  outsideButtons?: React.ReactNode | undefined;\n}\n\n/**\n * @see https://vkui.io/components/modal-card-base\n */\nexport const ModalCardBase = ({\n  icon,\n  title,\n  titleComponent = 'span',\n  description,\n  descriptionComponent = 'span',\n  children,\n  actions,\n  onClose,\n  dismissLabel = 'Закрыть',\n  size: sizeProp,\n  modalDismissButtonTestId,\n  dismissButtonMode = 'outside',\n  preventClose,\n  outsideButtons,\n  titleId,\n  ...restProps\n}: ModalCardBaseProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  const size = isDesktop ? sizeProp : undefined;\n  const withSafeZone =\n    !icon &&\n    (dismissButtonMode === 'inside' ||\n      (platform === 'ios' && !isDesktop && dismissButtonMode !== 'none'));\n\n  const hasTitle = hasReactNode(title);\n  const hasDescription = hasReactNode(description);\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        'vkuiInternalModalCardBase',\n        platform === 'ios' && styles.ios,\n        isDesktop && styles.desktop,\n        withSafeZone && styles.withSafeZone,\n      )}\n      baseStyle={{\n        maxWidth: size,\n      }}\n    >\n      <div className={styles.container}>\n        {hasReactNode(icon) && <div className={styles.icon}>{icon}</div>}\n        {hasReactNode(title) && (\n          <Title\n            id={titleId}\n            level=\"2\"\n            weight=\"2\"\n            className={styles.title}\n            Component={titleComponent}\n          >\n            {title}\n          </Title>\n        )}\n        {hasTitle && hasDescription && <Spacing size={8} />}\n        {hasDescription && (\n          <AdaptivityContext.Provider value={{ density: 'regular' }}>\n            <Subhead className={styles.description} Component={descriptionComponent}>\n              {description}\n            </Subhead>\n          </AdaptivityContext.Provider>\n        )}\n\n        {children}\n\n        {hasReactNode(actions) && <div className={styles.actions}>{actions}</div>}\n\n        {isDesktop && (dismissButtonMode === 'outside' || outsideButtons) && (\n          <ModalOutsideButtons>\n            {dismissButtonMode === 'outside' && (\n              <ModalOutsideButton\n                aria-label={dismissLabel}\n                data-testid={modalDismissButtonTestId}\n                onClick={onClose}\n              >\n                <Icon20Cancel />\n              </ModalOutsideButton>\n            )}\n            {outsideButtons}\n          </ModalOutsideButtons>\n        )}\n\n        {(dismissButtonMode === 'inside' ||\n          (platform === 'ios' && !isDesktop && dismissButtonMode !== 'none')) && (\n          <Tappable\n            className={styles.dismiss}\n            onClick={onClose}\n            hoverMode=\"opacity\"\n            activeMode=\"opacity\"\n            data-testid={modalDismissButtonTestId}\n          >\n            <VisuallyHidden>{dismissLabel}</VisuallyHidden>\n            {platform === 'ios' ? <Icon24Dismiss /> : <Icon20Cancel />}\n          </Tappable>\n        )}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["Icon20Cancel","Icon24Dismiss","classNames","hasReactNode","useAdaptivityWithJSMediaQueries","usePlatform","AdaptivityContext","ModalOutsideButton","ModalOutsideButtons","RootComponent","Spacing","Tappable","Subhead","Title","VisuallyHidden","ModalCardBase","icon","title","titleComponent","description","descriptionComponent","children","actions","onClose","dismissLabel","size","sizeProp","modalDismissButtonTestId","dismissButtonMode","preventClose","outsideButtons","titleId","restProps","platform","isDesktop","undefined","withSafeZone","hasTitle","hasDescription","baseClassName","baseStyle","maxWidth","div","className","id","level","weight","Component","Provider","value","density","aria-label","data-testid","onClick","hoverMode","activeMode"],"mappings":"AAAA;;AAGA,SAASA,YAAY,EAAEC,aAAa,QAAQ,mBAAmB;AAC/D,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,+BAA+B,QAAQ,iDAA8C;AAC9F,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,iBAAiB,QAAQ,6CAA0C;AAC5E,SAASC,kBAAkB,QAAQ,8CAA2C;AAC9E,SAASC,mBAAmB,QAAQ,gDAA6C;AACjF,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,OAAO,QAAQ,wBAAqB;AAC7C,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,KAAK,QAAQ,+BAA4B;AAClD,SAASC,cAAc,QAAQ,sCAAmC;AA0FlE;;CAEC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,IAAI,EACJC,KAAK,EACLC,iBAAiB,MAAM,EACvBC,WAAW,EACXC,uBAAuB,MAAM,EAC7BC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,eAAe,SAAS,EACxBC,MAAMC,QAAQ,EACdC,wBAAwB,EACxBC,oBAAoB,SAAS,EAC7BC,YAAY,EACZC,cAAc,EACdC,OAAO,EACP,GAAGC,WACgB;IACnB,MAAMC,WAAW5B;IACjB,MAAM,EAAE6B,SAAS,EAAE,GAAG9B;IAEtB,MAAMqB,OAAOS,YAAYR,WAAWS;IACpC,MAAMC,eACJ,CAACpB,QACAY,CAAAA,sBAAsB,YACpBK,aAAa,SAAS,CAACC,aAAaN,sBAAsB,MAAM;IAErE,MAAMS,WAAWlC,aAAac;IAC9B,MAAMqB,iBAAiBnC,aAAagB;IACpC,qBACE,KAACV;QACE,GAAGuB,SAAS;QACbO,eAAerC,WACb,6BACA+B,aAAa,mCACbC,2CACAE;QAEFI,WAAW;YACTC,UAAUhB;QACZ;kBAEA,cAAA,MAACiB;YAAIC,SAAS;;gBACXxC,aAAaa,uBAAS,KAAC0B;oBAAIC,SAAS;8BAAgB3B;;gBACpDb,aAAac,wBACZ,KAACJ;oBACC+B,IAAIb;oBACJc,OAAM;oBACNC,QAAO;oBACPH,SAAS;oBACTI,WAAW7B;8BAEVD;;gBAGJoB,YAAYC,gCAAkB,KAAC5B;oBAAQe,MAAM;;gBAC7Ca,gCACC,KAAChC,kBAAkB0C,QAAQ;oBAACC,OAAO;wBAAEC,SAAS;oBAAU;8BACtD,cAAA,KAACtC;wBAAQ+B,SAAS;wBAAsBI,WAAW3B;kCAChDD;;;gBAKNE;gBAEAlB,aAAamB,0BAAY,KAACoB;oBAAIC,SAAS;8BAAmBrB;;gBAE1DY,aAAcN,CAAAA,sBAAsB,aAAaE,cAAa,mBAC7D,MAACtB;;wBACEoB,sBAAsB,2BACrB,KAACrB;4BACC4C,cAAY3B;4BACZ4B,eAAazB;4BACb0B,SAAS9B;sCAET,cAAA,KAACvB;;wBAGJ8B;;;gBAIHF,CAAAA,sBAAsB,YACrBK,aAAa,SAAS,CAACC,aAAaN,sBAAsB,MAAM,mBACjE,MAACjB;oBACCgC,SAAS;oBACTU,SAAS9B;oBACT+B,WAAU;oBACVC,YAAW;oBACXH,eAAazB;;sCAEb,KAACb;sCAAgBU;;wBAChBS,aAAa,sBAAQ,KAAChC,mCAAmB,KAACD;;;;;;AAMvD,EAAE"}

package/dist/components/ModalDismissButton/ModalDismissButton.d.ts

@@ -4,7 +4,7 @@ export interface ModalDismissButtonProps extends Omit<ModalOutsideButtonProps, '
     /**
      * Содержимое кнопки.
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 /**
  * @see https://vkui.io/components/modal-dismiss-button

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

@@ -1 +1 @@
-{"version":3,"file":"ModalDismissButton.d.ts","sourceRoot":"","sources":["../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,0CAA0C,CAAC;AAIlD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC;IACxF;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,uCAIhC,uBAAuB,KAAG,KAAK,CAAC,SAOlC,CAAC"}
+{"version":3,"file":"ModalDismissButton.d.ts","sourceRoot":"","sources":["../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,0CAA0C,CAAC;AAIlD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC;IACxF;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACxC;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,uCAIhC,uBAAuB,KAAG,KAAK,CAAC,SAOlC,CAAC"}

package/dist/components/ModalDismissButton/ModalDismissButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  ModalOutsideButton,\n  type ModalOutsideButtonProps,\n} from '../ModalOutsideButton/ModalOutsideButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalDismissButton.module.css';\n\nexport interface ModalDismissButtonProps extends Omit<ModalOutsideButtonProps, 'children'> {\n  /**\n   * Содержимое кнопки.\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkui.io/components/modal-dismiss-button\n */\nexport const ModalDismissButton = ({\n  children = 'Закрыть',\n  className,\n  ...restProps\n}: ModalDismissButtonProps): React.ReactNode => {\n  return (\n    <ModalOutsideButton className={classNames(styles.host, className)} {...restProps}>\n      {children && <VisuallyHidden>{children}</VisuallyHidden>}\n      <Icon20Cancel />\n    </ModalOutsideButton>\n  );\n};\n"],"names":["Icon20Cancel","classNames","ModalOutsideButton","VisuallyHidden","ModalDismissButton","children","className","restProps"],"mappings":";AACA,SAASA,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SACEC,kBAAkB,QAEb,8CAA2C;AAClD,SAASC,cAAc,QAAQ,sCAAmC;AAUlE;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,WAAW,SAAS,EACpBC,SAAS,EACT,GAAGC,WACqB;IACxB,qBACE,MAACL;QAAmBI,WAAWL,2CAAwBK;QAAa,GAAGC,SAAS;;YAC7EF,0BAAY,KAACF;0BAAgBE;;0BAC9B,KAACL;;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  ModalOutsideButton,\n  type ModalOutsideButtonProps,\n} from '../ModalOutsideButton/ModalOutsideButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalDismissButton.module.css';\n\nexport interface ModalDismissButtonProps extends Omit<ModalOutsideButtonProps, 'children'> {\n  /**\n   * Содержимое кнопки.\n   */\n  children?: React.ReactNode | undefined;\n}\n\n/**\n * @see https://vkui.io/components/modal-dismiss-button\n */\nexport const ModalDismissButton = ({\n  children = 'Закрыть',\n  className,\n  ...restProps\n}: ModalDismissButtonProps): React.ReactNode => {\n  return (\n    <ModalOutsideButton className={classNames(styles.host, className)} {...restProps}>\n      {children && <VisuallyHidden>{children}</VisuallyHidden>}\n      <Icon20Cancel />\n    </ModalOutsideButton>\n  );\n};\n"],"names":["Icon20Cancel","classNames","ModalOutsideButton","VisuallyHidden","ModalDismissButton","children","className","restProps"],"mappings":";AACA,SAASA,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SACEC,kBAAkB,QAEb,8CAA2C;AAClD,SAASC,cAAc,QAAQ,sCAAmC;AAUlE;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,WAAW,SAAS,EACpBC,SAAS,EACT,GAAGC,WACqB;IACxB,qBACE,MAACL;QAAmBI,WAAWL,2CAAwBK;QAAa,GAAGC,SAAS;;YAC7EF,0BAAY,KAACF;0BAAgBE;;0BAC9B,KAACL;;;AAGP,EAAE"}

package/dist/components/ModalOutlet/ModalOutlet.d.ts

@@ -1,8 +1,8 @@
 import type { HTMLAttributesWithRootRef } from '../../types';
 export interface ModalOutletProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'hidden' | 'aria-hidden'> {
-    disableModalOverlay?: boolean;
-    hidden?: boolean;
-    isDesktop?: boolean;
+    disableModalOverlay?: boolean | undefined;
+    hidden?: boolean | undefined;
+    isDesktop?: boolean | undefined;
 }
 /**
  * @private

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

@@ -1 +1 @@
-{"version":3,"file":"ModalOutlet.d.ts","sourceRoot":"","sources":["../../../src/components/ModalOutlet/ModalOutlet.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG7D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IACjF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,2FAQzB,gBAAgB,4CAiBlB,CAAC"}
+{"version":3,"file":"ModalOutlet.d.ts","sourceRoot":"","sources":["../../../src/components/ModalOutlet/ModalOutlet.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG7D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IACjF,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,2FAQzB,gBAAgB,4CAiBlB,CAAC"}

package/dist/components/ModalOutlet/ModalOutlet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalOutlet/ModalOutlet.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport styles from './ModalOutlet.module.css';\n\nexport interface ModalOutletProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'hidden' | 'aria-hidden'> {\n  disableModalOverlay?: boolean;\n  hidden?: boolean;\n  isDesktop?: boolean;\n}\n\n/**\n * @private\n */\nexport const ModalOutlet = ({\n  className,\n  hidden,\n  isDesktop,\n  children,\n  getRootRef,\n  disableModalOverlay,\n  ...restProps\n}: ModalOutletProps) => {\n  return (\n    <div\n      ref={getRootRef}\n      className={classNames(\n        className,\n        styles.host,\n        isDesktop && styles.hostDesktop,\n        disableModalOverlay && styles.disableModalOverlay,\n      )}\n      hidden={hidden}\n      aria-hidden={hidden}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["classNames","ModalOutlet","className","hidden","isDesktop","children","getRootRef","disableModalOverlay","restProps","div","ref","aria-hidden"],"mappings":";AAAA,sCAAsC,GAEtC,SAASA,UAAU,QAAQ,kBAAkB;AAW7C;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,UAAU,EACVC,mBAAmB,EACnB,GAAGC,WACc;IACjB,qBACE,KAACC;QACCC,KAAKJ;QACLJ,WAAWF,WACTE,oCAEAE,6CACAG;QAEFJ,QAAQA;QACRQ,eAAaR;QACZ,GAAGK,SAAS;kBAEZH;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/ModalOutlet/ModalOutlet.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport styles from './ModalOutlet.module.css';\n\nexport interface ModalOutletProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'hidden' | 'aria-hidden'> {\n  disableModalOverlay?: boolean | undefined;\n  hidden?: boolean | undefined;\n  isDesktop?: boolean | undefined;\n}\n\n/**\n * @private\n */\nexport const ModalOutlet = ({\n  className,\n  hidden,\n  isDesktop,\n  children,\n  getRootRef,\n  disableModalOverlay,\n  ...restProps\n}: ModalOutletProps) => {\n  return (\n    <div\n      ref={getRootRef}\n      className={classNames(\n        className,\n        styles.host,\n        isDesktop && styles.hostDesktop,\n        disableModalOverlay && styles.disableModalOverlay,\n      )}\n      hidden={hidden}\n      aria-hidden={hidden}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["classNames","ModalOutlet","className","hidden","isDesktop","children","getRootRef","disableModalOverlay","restProps","div","ref","aria-hidden"],"mappings":";AAAA,sCAAsC,GAEtC,SAASA,UAAU,QAAQ,kBAAkB;AAW7C;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,UAAU,EACVC,mBAAmB,EACnB,GAAGC,WACc;IACjB,qBACE,KAACC;QACCC,KAAKJ;QACLJ,WAAWF,WACTE,oCAEAE,6CACAG;QAEFJ,QAAQA;QACRQ,eAAaR;QACZ,GAAGK,SAAS;kBAEZH;;AAGP,EAAE"}

package/dist/components/ModalOutsideButton/ModalOutsideButton.d.ts

@@ -4,7 +4,7 @@ export interface ModalOutsideButtonProps extends TappableOmitProps {
     /**
      * Текст для скринридера.
      */
-    'aria-label'?: string;
+    'aria-label'?: string | undefined;
     /**
      * Рекомендуется использовать иконки размером `20px`.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"ModalOutsideButton.d.ts","sourceRoot":"","sources":["../../../src/components/ModalOutsideButton/ModalOutsideButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIxE,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,qDAIhC,uBAAuB,4CAYzB,CAAC"}
+{"version":3,"file":"ModalOutsideButton.d.ts","sourceRoot":"","sources":["../../../src/components/ModalOutsideButton/ModalOutsideButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIxE,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,qDAIhC,uBAAuB,4CAYzB,CAAC"}

package/dist/components/ModalOutsideButton/ModalOutsideButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalOutsideButton/ModalOutsideButton.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalOutsideButton.module.css';\n\nexport interface ModalOutsideButtonProps extends TappableOmitProps {\n  /**\n   * Текст для скринридера.\n   */\n  'aria-label'?: string;\n  /**\n   * Рекомендуется использовать иконки размером `20px`.\n   */\n  'children': React.ReactNode;\n}\n\n/**\n * @see https://vkui.io/components/modal-outside-button\n */\nexport const ModalOutsideButton = ({\n  children,\n  'aria-label': ariaLabel,\n  ...restProps\n}: ModalOutsideButtonProps) => {\n  return (\n    <Tappable\n      baseClassName={styles.host}\n      activeMode={styles.active}\n      hoverMode={styles.hover}\n      {...restProps}\n    >\n      {ariaLabel && <VisuallyHidden>{ariaLabel}</VisuallyHidden>}\n      {children}\n    </Tappable>\n  );\n};\n"],"names":["Tappable","VisuallyHidden","ModalOutsideButton","children","ariaLabel","restProps","baseClassName","activeMode","hoverMode"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAgC,0BAAuB;AACxE,SAASC,cAAc,QAAQ,sCAAmC;AAclE;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,QAAQ,EACR,cAAcC,SAAS,EACvB,GAAGC,WACqB;IACxB,qBACE,MAACL;QACCM,aAAa;QACbC,UAAU;QACVC,SAAS;QACR,GAAGH,SAAS;;YAEZD,2BAAa,KAACH;0BAAgBG;;YAC9BD;;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/ModalOutsideButton/ModalOutsideButton.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalOutsideButton.module.css';\n\nexport interface ModalOutsideButtonProps extends TappableOmitProps {\n  /**\n   * Текст для скринридера.\n   */\n  'aria-label'?: string | undefined;\n  /**\n   * Рекомендуется использовать иконки размером `20px`.\n   */\n  'children': React.ReactNode;\n}\n\n/**\n * @see https://vkui.io/components/modal-outside-button\n */\nexport const ModalOutsideButton = ({\n  children,\n  'aria-label': ariaLabel,\n  ...restProps\n}: ModalOutsideButtonProps) => {\n  return (\n    <Tappable\n      baseClassName={styles.host}\n      activeMode={styles.active}\n      hoverMode={styles.hover}\n      {...restProps}\n    >\n      {ariaLabel && <VisuallyHidden>{ariaLabel}</VisuallyHidden>}\n      {children}\n    </Tappable>\n  );\n};\n"],"names":["Tappable","VisuallyHidden","ModalOutsideButton","children","ariaLabel","restProps","baseClassName","activeMode","hoverMode"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAgC,0BAAuB;AACxE,SAASC,cAAc,QAAQ,sCAAmC;AAclE;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,QAAQ,EACR,cAAcC,SAAS,EACvB,GAAGC,WACqB;IACxB,qBACE,MAACL;QACCM,aAAa;QACbC,UAAU;QACVC,SAAS;QACR,GAAGH,SAAS;;YAEZD,2BAAa,KAACH;0BAAgBG;;YAC9BD;;;AAGP,EAAE"}

package/dist/components/ModalOverlay/ModalOverlay.d.ts

@@ -1,13 +1,13 @@
 import type { DataHTMLAttributes } from 'react';
 import type { HasRootRef } from '../../types';
 export interface ModalOverlayProps extends DataHTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
-    visible?: boolean;
-    position?: 'absolute' | 'fixed';
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    onClosed?: () => void;
-    onShowed?: () => void;
-    disableOpenAnimation?: boolean;
-    disableCloseAnimation?: boolean;
+    visible?: boolean | undefined;
+    position?: 'absolute' | 'fixed' | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLDivElement>) => void) | undefined;
+    onClosed?: (() => void) | undefined;
+    onShowed?: (() => void) | undefined;
+    disableOpenAnimation?: boolean | undefined;
+    disableCloseAnimation?: boolean | undefined;
 }
 /**
  * @private

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

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAoB9C,MAAM,WAAW,iBACf,SAAQ,kBAAkB,CAAC,cAAc,CAAC,EACxC,UAAU,CAAC,cAAc,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,2HAU1B,iBAAiB,4CA0BnB,CAAC"}
+{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAoB9C,MAAM,WAAW,iBACf,SAAQ,kBAAkB,CAAC,cAAc,CAAC,EACxC,UAAU,CAAC,cAAc,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1E,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,2HAU1B,iBAAiB,4CA0BnB,CAAC"}

package/dist/components/ModalOverlay/ModalOverlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport type { DataHTMLAttributes } from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useCSSTransition, type UseCSSTransitionState } from '../../lib/animation/useCSSTransition';\nimport type { HasRootRef } from '../../types';\nimport styles from './ModalOverlay.module.css';\n\nconst positionClassNames = {\n  absolute: styles.hostPositionAbsolute,\n  fixed: styles.hostPositionFixed,\n};\n\nconst transitionStateClassNames: Partial<Record<UseCSSTransitionState, string>> = {\n  appear: styles.hostStateEnter,\n  appearing: styles.hostStateEntering,\n  appeared: styles.hostStateEntered,\n  enter: styles.hostStateEnter,\n  entering: styles.hostStateEntering,\n  entered: styles.hostStateEntered,\n  exit: styles.hostStateExit,\n  exiting: styles.hostStateExiting,\n  exited: styles.hostStateExited,\n};\n\nexport interface ModalOverlayProps\n  extends DataHTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  visible?: boolean;\n  position?: 'absolute' | 'fixed';\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  onClosed?: () => void;\n  onShowed?: () => void;\n  disableOpenAnimation?: boolean;\n  disableCloseAnimation?: boolean;\n}\n\n/**\n * @private\n */\nexport const ModalOverlay = ({\n  visible = false,\n  position = 'absolute',\n  getRootRef,\n  onClick,\n  onClosed,\n  onShowed,\n  disableOpenAnimation,\n  disableCloseAnimation,\n  ...restProps\n}: ModalOverlayProps) => {\n  const [transitionState, { ref, onTransitionEnd }] = useCSSTransition<HTMLDivElement>(visible, {\n    enableAppear: !disableOpenAnimation,\n    enableEnter: !disableOpenAnimation,\n    enableExit: !disableCloseAnimation,\n    onExited: onClosed,\n    onEntered: onShowed,\n  });\n  const handleRef = useExternRef(getRootRef, ref);\n\n  return (\n    <div\n      {...restProps}\n      ref={handleRef}\n      aria-hidden=\"true\"\n      hidden={transitionState === 'exited'}\n      className={classNames(\n        styles.host,\n        onClick === undefined && styles.nonInteractive,\n        positionClassNames[position],\n        transitionStateClassNames[transitionState],\n      )}\n      onClick={onClick}\n      onTransitionEnd={onTransitionEnd}\n    />\n  );\n};\n"],"names":["classNames","useExternRef","useCSSTransition","positionClassNames","absolute","fixed","transitionStateClassNames","appear","appearing","appeared","enter","entering","entered","exit","exiting","exited","ModalOverlay","visible","position","getRootRef","onClick","onClosed","onShowed","disableOpenAnimation","disableCloseAnimation","restProps","transitionState","ref","onTransitionEnd","enableAppear","enableEnter","enableExit","onExited","onEntered","handleRef","div","aria-hidden","hidden","className","undefined"],"mappings":"AAAA;;AAIA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,gBAAgB,QAAoC,0CAAuC;AAIpG,MAAMC,qBAAqB;IACzBC,QAAQ;IACRC,KAAK;AACP;AAEA,MAAMC,4BAA4E;IAChFC,MAAM;IACNC,SAAS;IACTC,QAAQ;IACRC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,IAAI;IACJC,OAAO;IACPC,MAAM;AACR;AAcA;;CAEC,GACD,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,KAAK,EACfC,WAAW,UAAU,EACrBC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,oBAAoB,EACpBC,qBAAqB,EACrB,GAAGC,WACe;IAClB,MAAM,CAACC,iBAAiB,EAAEC,GAAG,EAAEC,eAAe,EAAE,CAAC,GAAG1B,iBAAiCe,SAAS;QAC5FY,cAAc,CAACN;QACfO,aAAa,CAACP;QACdQ,YAAY,CAACP;QACbQ,UAAUX;QACVY,WAAWX;IACb;IACA,MAAMY,YAAYjC,aAAakB,YAAYQ;IAE3C,qBACE,KAACQ;QACE,GAAGV,SAAS;QACbE,KAAKO;QACLE,eAAY;QACZC,QAAQX,oBAAoB;QAC5BY,WAAWtC,qCAEToB,YAAYmB,iDACZpC,kBAAkB,CAACe,SAAS,EAC5BZ,yBAAyB,CAACoB,gBAAgB;QAE5CN,SAASA;QACTQ,iBAAiBA;;AAGvB,EAAE"}
+{"version":3,"sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport type { DataHTMLAttributes } from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useCSSTransition, type UseCSSTransitionState } from '../../lib/animation/useCSSTransition';\nimport type { HasRootRef } from '../../types';\nimport styles from './ModalOverlay.module.css';\n\nconst positionClassNames = {\n  absolute: styles.hostPositionAbsolute,\n  fixed: styles.hostPositionFixed,\n};\n\nconst transitionStateClassNames: Partial<Record<UseCSSTransitionState, string>> = {\n  appear: styles.hostStateEnter,\n  appearing: styles.hostStateEntering,\n  appeared: styles.hostStateEntered,\n  enter: styles.hostStateEnter,\n  entering: styles.hostStateEntering,\n  entered: styles.hostStateEntered,\n  exit: styles.hostStateExit,\n  exiting: styles.hostStateExiting,\n  exited: styles.hostStateExited,\n};\n\nexport interface ModalOverlayProps\n  extends DataHTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  visible?: boolean | undefined;\n  position?: 'absolute' | 'fixed' | undefined;\n  onClick?: ((event: React.MouseEvent<HTMLDivElement>) => void) | undefined;\n  onClosed?: (() => void) | undefined;\n  onShowed?: (() => void) | undefined;\n  disableOpenAnimation?: boolean | undefined;\n  disableCloseAnimation?: boolean | undefined;\n}\n\n/**\n * @private\n */\nexport const ModalOverlay = ({\n  visible = false,\n  position = 'absolute',\n  getRootRef,\n  onClick,\n  onClosed,\n  onShowed,\n  disableOpenAnimation,\n  disableCloseAnimation,\n  ...restProps\n}: ModalOverlayProps) => {\n  const [transitionState, { ref, onTransitionEnd }] = useCSSTransition<HTMLDivElement>(visible, {\n    enableAppear: !disableOpenAnimation,\n    enableEnter: !disableOpenAnimation,\n    enableExit: !disableCloseAnimation,\n    onExited: onClosed,\n    onEntered: onShowed,\n  });\n  const handleRef = useExternRef(getRootRef, ref);\n\n  return (\n    <div\n      {...restProps}\n      ref={handleRef}\n      aria-hidden=\"true\"\n      hidden={transitionState === 'exited'}\n      className={classNames(\n        styles.host,\n        onClick === undefined && styles.nonInteractive,\n        positionClassNames[position],\n        transitionStateClassNames[transitionState],\n      )}\n      onClick={onClick}\n      onTransitionEnd={onTransitionEnd}\n    />\n  );\n};\n"],"names":["classNames","useExternRef","useCSSTransition","positionClassNames","absolute","fixed","transitionStateClassNames","appear","appearing","appeared","enter","entering","entered","exit","exiting","exited","ModalOverlay","visible","position","getRootRef","onClick","onClosed","onShowed","disableOpenAnimation","disableCloseAnimation","restProps","transitionState","ref","onTransitionEnd","enableAppear","enableEnter","enableExit","onExited","onEntered","handleRef","div","aria-hidden","hidden","className","undefined"],"mappings":"AAAA;;AAIA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,gBAAgB,QAAoC,0CAAuC;AAIpG,MAAMC,qBAAqB;IACzBC,QAAQ;IACRC,KAAK;AACP;AAEA,MAAMC,4BAA4E;IAChFC,MAAM;IACNC,SAAS;IACTC,QAAQ;IACRC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,IAAI;IACJC,OAAO;IACPC,MAAM;AACR;AAcA;;CAEC,GACD,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,KAAK,EACfC,WAAW,UAAU,EACrBC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,oBAAoB,EACpBC,qBAAqB,EACrB,GAAGC,WACe;IAClB,MAAM,CAACC,iBAAiB,EAAEC,GAAG,EAAEC,eAAe,EAAE,CAAC,GAAG1B,iBAAiCe,SAAS;QAC5FY,cAAc,CAACN;QACfO,aAAa,CAACP;QACdQ,YAAY,CAACP;QACbQ,UAAUX;QACVY,WAAWX;IACb;IACA,MAAMY,YAAYjC,aAAakB,YAAYQ;IAE3C,qBACE,KAACQ;QACE,GAAGV,SAAS;QACbE,KAAKO;QACLE,eAAY;QACZC,QAAQX,oBAAoB;QAC5BY,WAAWtC,qCAEToB,YAAYmB,iDACZpC,kBAAkB,CAACe,SAAS,EAC5BZ,yBAAyB,CAACoB,gBAAgB;QAE5CN,SAASA;QACTQ,iBAAiBA;;AAGvB,EAAE"}

package/dist/components/ModalPage/ModalPageBase.d.ts

@@ -1,8 +1,8 @@
 import type { HasRef, HTMLAttributesWithRootRef } from '../../types';
 import type { ModalPageInternalProps } from './ModalPageInternal';
 export interface ModalPageBaseProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'>, HasRef<HTMLDivElement>, Pick<ModalPageInternalProps, 'disableContentPanningGesture' | 'header' | 'children' | 'footer' | 'outsideButtons' | 'modalContentTestId' | 'modalDismissButtonTestId' | 'modalDismissButtonLabel' | 'hideCloseButton' | 'onClose'> {
-    isDesktop?: boolean;
-    closable?: boolean;
+    isDesktop?: boolean | undefined;
+    closable?: boolean | undefined;
 }
 export declare const ModalPageBase: ({ isDesktop, getRef, disableContentPanningGesture, header, children, footer, outsideButtons, modalContentTestId, modalDismissButtonTestId, modalDismissButtonLabel, hideCloseButton, closable, onClose, ...restProps }: ModalPageBaseProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ModalPageBase.d.ts.map