@vkontakte/vkui 6.5.3 → 6.7.0

package/dist/cjs/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/ImageBase/ImageBaseBadge/ImageBaseBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport { ImageBaseContext } from '../context';\nimport type { ImageBaseExpectedIconProps } from '../types';\nimport { validateBadgeIcon } from '../validators';\nimport styles from './ImageBaseBadge.module.css';\n\nfunction DevelopmentCheck({ children }: Pick<ImageBaseBadgeProps, 'children'>) {\n  const { size } = React.useContext(ImageBaseContext);\n\n  if (children) {\n    validateBadgeIcon(size, { name: 'children', value: children });\n  }\n\n  return null;\n}\n\nconst backgroundStyles = {\n  stroke: styles['ImageBaseBadge--background-stroke'],\n  shadow: styles['ImageBaseBadge--background-shadow'],\n};\n\nexport interface ImageBaseBadgeProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Вид подложки под иконку.\n   *\n   * - `\"stroke\"` – имитирует вырез (⚠️ если фон под компонентом динамический, то ожидайте баг).\n   * - `\"shadow\"` – добавляет небольшую тень.\n   */\n  background?: 'stroke' | 'shadow';\n  /**\n   * Принимает иконку.\n   *\n   * > 📝 Нужный для `<ImageBase size={...} />` размер можно узнать из функции `getBadgeIconSizeByImageBaseSize()`.\n   *\n   * > Предпочтительней использовать иконки из `@vkontakte/icons`.\n   *\n   * > 📊️ Если вы хотите передать кастомную иконку, то следует именовать её по шаблону `Icon<size><name>`. Или же\n   * > чтобы в неё был передан параметр `width`. Тогда мы сможем выводить в консоль подсказку правильного ли размера вы\n   * > использовали иконку.\n   */\n  children: React.ReactElement<ImageBaseExpectedIconProps>;\n}\n\n/**\n * Бейдж в правом нижнем углу компонента.\n *\n * > Не используйте при `size < 24`\n */\nexport const ImageBaseBadge: React.FC<ImageBaseBadgeProps> = ({\n  background = 'shadow',\n  ...restProps\n}: ImageBaseBadgeProps) => {\n  return (\n    <>\n      <RootComponent\n        {...restProps}\n        baseClassName={classNames(styles['ImageBaseBadge'], backgroundStyles[background])}\n      />\n      {process.env.NODE_ENV === 'development' && (\n        <DevelopmentCheck>{restProps.children}</DevelopmentCheck>\n      )}\n    </>\n  );\n};\n\nImageBaseBadge.displayName = 'ImageBaseBadge';\n"],"names":["ImageBaseBadge","DevelopmentCheck","children","size","React","useContext","ImageBaseContext","validateBadgeIcon","name","value","backgroundStyles","stroke","shadow","background","restProps","RootComponent","baseClassName","classNames","process","env","NODE_ENV","displayName"],"mappings":";;;;+BAmDaA;;;eAAAA;;;;;;;;iEAnDU;sBACI;+BAEG;yBACG;4BAEC;AAGlC,SAASC,iBAAiB,EAAEC,QAAQ,EAAyC;IAC3E,MAAM,EAAEC,IAAI,EAAE,GAAGC,OAAMC,UAAU,CAACC,yBAAgB;IAElD,IAAIJ,UAAU;QACZK,IAAAA,6BAAiB,EAACJ,MAAM;YAAEK,MAAM;YAAYC,OAAOP;QAAS;IAC9D;IAEA,OAAO;AACT;AAEA,MAAMQ,mBAAmB;IACvBC,MAAM;IACNC,MAAM;AACR;AA6BO,MAAMZ,iBAAgD;QAAC,EAC5Da,aAAa,QAAQ,EAED,WADjBC;QADHD;;IAGA,qBACE;;0BACE,qBAACE,4BAAa,8CACRD;gBACJE,eAAeC,IAAAA,gBAAU,wBAA2BP,gBAAgB,CAACG,WAAW;;YAEjFK,QAAQC,GAAG,CAACC,QAAQ,KAAK,+BACxB,qBAACnB;0BAAkBa,UAAUZ,QAAQ;;;;AAI7C;AAEAF,eAAeqB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/components/ImageBase/ImageBaseBadge/ImageBaseBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport { ImageBaseContext } from '../context';\nimport type { ImageBaseExpectedIconProps } from '../types';\nimport { validateBadgeIcon } from '../validators';\nimport styles from './ImageBaseBadge.module.css';\n\nfunction DevelopmentCheck({ children }: Pick<ImageBaseBadgeProps, 'children'>) {\n  const { size } = React.useContext(ImageBaseContext);\n\n  if (children) {\n    validateBadgeIcon(size, { name: 'children', value: children });\n  }\n\n  return null;\n}\n\nconst backgroundStyles = {\n  stroke: styles['ImageBaseBadge--background-stroke'],\n  shadow: styles['ImageBaseBadge--background-shadow'],\n};\n\nexport interface ImageBaseBadgeProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Вид подложки под иконку.\n   *\n   * - `\"stroke\"` – имитирует вырез (⚠️ если фон под компонентом динамический, то ожидайте баг).\n   * - `\"shadow\"` – добавляет небольшую тень.\n   */\n  background?: 'stroke' | 'shadow';\n  /**\n   * Принимает иконку.\n   *\n   * > 📝 Нужный для `<ImageBase size={...} />` размер можно узнать из функции `getBadgeIconSizeByImageBaseSize()`.\n   *\n   * > Предпочтительней использовать иконки из `@vkontakte/icons`.\n   *\n   * > 📊️ Если вы хотите передать кастомную иконку, то следует именовать её по шаблону `Icon<size><name>`. Или же\n   * > чтобы в неё был передан параметр `width`. Тогда мы сможем выводить в консоль подсказку правильного ли размера вы\n   * > использовали иконку.\n   */\n  children: React.ReactElement<ImageBaseExpectedIconProps>;\n}\n\n/**\n * Бейдж в правом нижнем углу компонента.\n *\n * > Не используйте при `size < 24`\n */\nexport const ImageBaseBadge: React.FC<ImageBaseBadgeProps> = ({\n  background = 'shadow',\n  ...restProps\n}: ImageBaseBadgeProps) => {\n  return (\n    <>\n      <RootComponent\n        {...restProps}\n        baseClassName={classNames(styles['ImageBaseBadge'], backgroundStyles[background])}\n      />\n      {process.env.NODE_ENV === 'development' && (\n        <DevelopmentCheck>{restProps.children}</DevelopmentCheck>\n      )}\n    </>\n  );\n};\n\nImageBaseBadge.displayName = 'ImageBaseBadge';\n"],"names":["ImageBaseBadge","DevelopmentCheck","children","size","React","useContext","ImageBaseContext","validateBadgeIcon","name","value","backgroundStyles","stroke","shadow","background","restProps","RootComponent","baseClassName","classNames","process","env","NODE_ENV","displayName"],"mappings":";;;;+BAmDaA;;;eAAAA;;;;;;;;iEAnDU;sBACI;+BAEG;yBACG;4BAEC;AAGlC,SAASC,iBAAiB,EAAEC,QAAQ,EAAyC;IAC3E,MAAM,EAAEC,IAAI,EAAE,GAAGC,OAAMC,UAAU,CAACC,yBAAgB;IAElD,IAAIJ,UAAU;QACZK,IAAAA,6BAAiB,EAACJ,MAAM;YAAEK,MAAM;YAAYC,OAAOP;QAAS;IAC9D;IAEA,OAAO;AACT;AAEA,MAAMQ,mBAAmB;IACvBC,MAAM;IACNC,MAAM;AACR;AA6BO,MAAMZ,iBAAgD;QAAC,EAC5Da,aAAa,QAAQ,EAED,WADjBC;QADHD;;IAGA,qBACE;;0BACE,qBAACE,4BAAa,8CACRD;gBACJE,eAAeC,IAAAA,gBAAU,wBAA2BP,gBAAgB,CAACG,WAAW;;YAEjFK,QAAQC,GAAG,CAACC,QAAQ,KAAK,+BACxB,qBAACnB;0BAAkBa,UAAUZ,QAAQ;;;;AAI7C;AAEAF,eAAeqB,WAAW,GAAG"}

package/dist/cjs/components/ImageBase/ImageBaseOverlay/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { HasRootRef } from '../../../types';
+import type * as React from 'react';
+import type { HasRootRef } from '../../../types';
 import type { ImageBaseExpectedIconProps } from '../types';
 export interface ImageBaseOverlayCommonProps extends React.AriaAttributes, HasRootRef<HTMLDivElement> {
     /**

package/dist/cjs/components/ImageBase/ImageBaseOverlay/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,EAC1B,UAAU,CAAC,cAAc,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gCAAiC,SAAQ,2BAA2B;IACnF;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C;;;;;;;;;;;OAWG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,0BAA0B,CAAC,CAAC;IACzD,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;AAED,MAAM,WAAW,mCAAoC,SAAQ,2BAA2B;IACtF;;;;;OAKG;IACH,kBAAkB,EAAE,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,EAC1B,UAAU,CAAC,cAAc,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gCAAiC,SAAQ,2BAA2B;IACnF;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C;;;;;;;;;;;OAWG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,0BAA0B,CAAC,CAAC;IACzD,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;AAED,MAAM,WAAW,mCAAoC,SAAQ,2BAA2B;IACtF;;;;;OAKG;IACH,kBAAkB,EAAE,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/cjs/components/ImageBase/ImageBaseOverlay/types.js

@@ -2,7 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 
 //# sourceMappingURL=types.js.map

package/dist/cjs/components/ImageBase/ImageBaseOverlay/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../../types';\nimport type { ImageBaseExpectedIconProps } from '../types';\n\nexport interface ImageBaseOverlayCommonProps\n  extends React.AriaAttributes,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Задаёт тему оформления.\n   *\n   * > По умолчанию берётся из параметра `appearance` в `ConfigProvider`.\n   */\n  theme?: 'dark' | 'light';\n  /**\n   * Определяет каким образом должен показываться оверлей.\n   *\n   * - `\"on-hover\"` – на наведение указателя мыши.\n   * - `\"always\"` – всегда показывать.\n   *\n   * > По умолчанию определяется в зависимости от того, есть ли у пользователя мышь или нет.\n   */\n  visibility?: 'on-hover' | 'always';\n  className?: string;\n}\n\nexport interface ImageBaseOverlayInteractiveProps extends ImageBaseOverlayCommonProps {\n  /**\n   * Обработчик взаимодействия с элементом.\n   * Свойство несовместимо с `nonInteractive={true}`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Принимает иконку.\n   *\n   *\n   * > 📝 Нужный для `<ImageBase size={...} />` размер можно узнать из функции `getOverlayIconSizeByImageBaseSize()`.\n   *\n   * > Предпочтительней использовать иконки из `@vkontakte/icons`.\n   *\n   * > 📊️ Если вы хотите передать кастомную иконку, то следует именовать её по шаблону `Icon<size><name>`. Или же\n   * > чтобы в неё был передан параметр `width`. Тогда мы сможем выводить в консоль подсказку правильного ли размера вы\n   * > использовали иконку.\n   */\n  children: React.ReactElement<ImageBaseExpectedIconProps>;\n  disableInteractive?: false;\n}\n\nexport interface ImageBaseOverlayNonInteractiveProps extends ImageBaseOverlayCommonProps {\n  /**\n   * По умолчанию сам компонент является интерактивным элементом. Передав значение `true`, можно отключить\n   * такое поведение, что дает возможность передавать отдельные интерактивные элементы в `children`.\n   *\n   * TODO [>=7]: для определения интерактивности завязываться на св-во `onClick`\n   */\n  disableInteractive: true;\n  onClick?: undefined;\n  children: React.ReactNode;\n}\n"],"names":[],"mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/types.ts"],"names":[],"mappings":""}

package/dist/cjs/components/ImageBase/context.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { ImageBaseContextProps } from './types';
+import type { ImageBaseContextProps } from './types';
 export declare const ImageBaseContext: React.Context<ImageBaseContextProps>;
 //# sourceMappingURL=context.d.ts.map

package/dist/cjs/components/ImageBase/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/ImageBase/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAG9D,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/ImageBase/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAG9D,CAAC"}

package/dist/cjs/components/ImageBase/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ImageBase/context.ts"],"sourcesContent":["import * as React from 'react';\nimport { ImageBaseContextProps } from './types';\n\nexport const ImageBaseContext: React.Context<ImageBaseContextProps> =\n  React.createContext<ImageBaseContextProps>({\n    size: 0,\n  });\n"],"names":["ImageBaseContext","React","createContext","size"],"mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;AAGhB,MAAMA,mBACXC,OAAMC,aAAa,CAAwB;IACzCC,MAAM;AACR"}
+{"version":3,"sources":["../../../../src/components/ImageBase/context.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ImageBaseContextProps } from './types';\n\nexport const ImageBaseContext: React.Context<ImageBaseContextProps> =\n  React.createContext<ImageBaseContextProps>({\n    size: 0,\n  });\n"],"names":["ImageBaseContext","React","createContext","size"],"mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;AAGhB,MAAMA,mBACXC,OAAMC,aAAa,CAAwB;IACzCC,MAAM;AACR"}

package/dist/cjs/components/InfoRow/InfoRow.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HTMLAttributesWithRootRef } from '../../types';
+import type { HTMLAttributesWithRootRef } from '../../types';
 export interface InfoRowProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
     header: React.ReactNode;
 }

package/dist/cjs/components/InfoRow/InfoRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoRow.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAMxD,MAAM,WAAW,YAAa,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC7E,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,kDAKjB,YAAY,KAAG,KAAK,CAAC,SAevB,CAAC"}
+{"version":3,"file":"InfoRow.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAM7D,MAAM,WAAW,YAAa,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC7E,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,kDAKjB,YAAY,KAAG,KAAK,CAAC,SAevB,CAAC"}

package/dist/cjs/components/InfoRow/InfoRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './InfoRow.module.css';\n\nexport interface InfoRowProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  header: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({\n  header,\n  children,\n  className,\n  ...restProps\n}: InfoRowProps): React.ReactNode => (\n  <Headline\n    {...restProps}\n    Component=\"span\"\n    className={classNames(styles['InfoRow'], className)}\n    weight=\"3\"\n  >\n    {hasReactNode(header) && (\n      <Subhead Component=\"strong\" className={styles['InfoRow__header']}>\n        {header}\n        <VisuallyHidden>&nbsp;</VisuallyHidden>\n      </Subhead>\n    )}\n    {children}\n  </Headline>\n);\n"],"names":["InfoRow","header","children","className","restProps","Headline","Component","classNames","weight","hasReactNode","Subhead","VisuallyHidden"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;;;iEAfU;sBACkB;0BAEhB;yBACD;gCACO;AAUxB,MAAMA,UAAU;QAAC,EACtBC,MAAM,EACNC,QAAQ,EACRC,SAAS,EAEI,WADVC;QAHHH;QACAC;QACAC;;yBAGA,sBAACE,kBAAQ,8CACHD;QACJE,WAAU;QACVH,WAAWI,IAAAA,gBAAU,iBAAoBJ;QACzCK,QAAO;;YAENC,IAAAA,kBAAY,EAACR,yBACZ,sBAACS,gBAAO;gBAACJ,WAAU;gBAASH,SAAS;;oBAClCF;kCACD,qBAACU,8BAAc;kCAAC;;;;YAGnBT"}
+{"version":3,"sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './InfoRow.module.css';\n\nexport interface InfoRowProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  header: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({\n  header,\n  children,\n  className,\n  ...restProps\n}: InfoRowProps): React.ReactNode => (\n  <Headline\n    {...restProps}\n    Component=\"span\"\n    className={classNames(styles['InfoRow'], className)}\n    weight=\"3\"\n  >\n    {hasReactNode(header) && (\n      <Subhead Component=\"strong\" className={styles['InfoRow__header']}>\n        {header}\n        <VisuallyHidden>&nbsp;</VisuallyHidden>\n      </Subhead>\n    )}\n    {children}\n  </Headline>\n);\n"],"names":["InfoRow","header","children","className","restProps","Headline","Component","classNames","weight","hasReactNode","Subhead","VisuallyHidden"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;;;iEAfU;sBACkB;0BAEhB;yBACD;gCACO;AAUxB,MAAMA,UAAU;QAAC,EACtBC,MAAM,EACNC,QAAQ,EACRC,SAAS,EAEI,WADVC;QAHHH;QACAC;QACAC;;yBAGA,sBAACE,kBAAQ,8CACHD;QACJE,WAAU;QACVH,WAAWI,IAAAA,gBAAU,iBAAoBJ;QACzCK,QAAO;;YAENC,IAAAA,kBAAY,EAACR,yBACZ,sBAACS,gBAAO;gBAACJ,WAAU;gBAASH,SAAS;;oBAClCF;kCACD,qBAACU,8BAAc;kCAAC;;;;YAGnBT"}

package/dist/cjs/components/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { HasAlign, HasRef, HasRootRef } from '../../types';
-import { FormFieldProps } from '../FormField/FormField';
+import type { HasAlign, HasRef, HasRootRef } from '../../types';
+import { type FormFieldProps } from '../FormField/FormField';
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement>, HasRootRef<HTMLDivElement>, HasAlign, Omit<FormFieldProps, 'maxHeight'> {
 }
 /**

package/dist/cjs/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASnE,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,MAAM,CAAC,gBAAgB,CAAC,EACxB,UAAU,CAAC,cAAc,CAAC,EAC1B,QAAQ,EACR,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;CAAG;AAExC;;GAEG;AACH,eAAO,MAAM,KAAK,qGAYf,UAAU,KAAG,KAAK,CAAC,SA+BrB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASxE,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,MAAM,CAAC,gBAAgB,CAAC,EACxB,UAAU,CAAC,cAAc,CAAC,EAC1B,QAAQ,EACR,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;CAAG;AAExC;;GAEG;AACH,eAAO,MAAM,KAAK,qGAYf,UAAU,KAAG,KAAK,CAAC,SA+BrB,CAAC"}

package/dist/cjs/components/Input/Input.js

@@ -20,7 +20,7 @@ const _FormField = require("../FormField/FormField");
 const _UnstyledTextField = require("../UnstyledTextField/UnstyledTextField");
 const sizeYClassNames = {
     none: "vkuiInput--sizeY-none",
-    ['compact']: "vkuiInput--sizeY-compact"
+    compact: "vkuiInput--sizeY-compact"
 };
 const Input = (_param)=>{
     var { type = 'text', align = 'left', getRef, className, getRootRef, style, before, after, status, mode } = _param, restProps = _object_without_properties._(_param, [

package/dist/cjs/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport styles from './Input.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Input--sizeY-none'],\n  ['compact']: styles['Input--sizeY-compact'],\n};\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    Omit<FormFieldProps, 'maxHeight'> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = ({\n  type = 'text',\n  align = 'left',\n  getRef,\n  className,\n  getRootRef,\n  style,\n  before,\n  after,\n  status,\n  mode,\n  ...restProps\n}: InputProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <FormField\n      style={style}\n      className={classNames(\n        styles['Input'],\n        align === 'right' && styles['Input--align-right'],\n        align === 'center' && styles['Input--align-center'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        before && styles['Input--hasBefore'],\n        after && styles['Input--hasAfter'],\n        className,\n      )}\n      getRootRef={getRootRef}\n      before={before}\n      after={after}\n      disabled={restProps.disabled}\n      mode={mode}\n      status={status}\n    >\n      <UnstyledTextField\n        {...restProps}\n        as=\"input\"\n        type={type}\n        className={styles['Input__el']}\n        getRootRef={getRef}\n      />\n    </FormField>\n  );\n};\n"],"names":["Input","sizeYClassNames","none","type","align","getRef","className","getRootRef","style","before","after","status","mode","restProps","sizeY","useAdaptivity","FormField","classNames","disabled","UnstyledTextField","as"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;;iEAvBU;sBACI;+BACG;2BAEY;mCACR;AAGlC,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAYO,MAAMF,QAAQ;QAAC,EACpBG,OAAO,MAAM,EACbC,QAAQ,MAAM,EACdC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,KAAK,EACLC,MAAM,EACNC,IAAI,EAEO,WADRC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,oBAAS;QACRR,OAAOA;QACPF,WAAWW,IAAAA,gBAAU,eAEnBb,UAAU,qCACVA,UAAU,uCACVU,UAAU,aAAab,eAAe,CAACa,MAAM,EAC7CL,kCACAC,gCACAJ;QAEFC,YAAYA;QACZE,QAAQA;QACRC,OAAOA;QACPQ,UAAUL,UAAUK,QAAQ;QAC5BN,MAAMA;QACND,QAAQA;kBAER,cAAA,qBAACQ,oCAAiB,8CACZN;YACJO,IAAG;YACHjB,MAAMA;YACNG,SAAS;YACTC,YAAYF;;;AAIpB"}
+{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport type { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, type FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport styles from './Input.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Input--sizeY-none'],\n  compact: styles['Input--sizeY-compact'],\n};\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    Omit<FormFieldProps, 'maxHeight'> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = ({\n  type = 'text',\n  align = 'left',\n  getRef,\n  className,\n  getRootRef,\n  style,\n  before,\n  after,\n  status,\n  mode,\n  ...restProps\n}: InputProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <FormField\n      style={style}\n      className={classNames(\n        styles['Input'],\n        align === 'right' && styles['Input--align-right'],\n        align === 'center' && styles['Input--align-center'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        before && styles['Input--hasBefore'],\n        after && styles['Input--hasAfter'],\n        className,\n      )}\n      getRootRef={getRootRef}\n      before={before}\n      after={after}\n      disabled={restProps.disabled}\n      mode={mode}\n      status={status}\n    >\n      <UnstyledTextField\n        {...restProps}\n        as=\"input\"\n        type={type}\n        className={styles['Input__el']}\n        getRootRef={getRef}\n      />\n    </FormField>\n  );\n};\n"],"names":["Input","sizeYClassNames","none","compact","type","align","getRef","className","getRootRef","style","before","after","status","mode","restProps","sizeY","useAdaptivity","FormField","classNames","disabled","UnstyledTextField","as"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;;iEAvBU;sBACI;+BACG;2BAEiB;mCACb;AAGlC,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAYO,MAAMH,QAAQ;QAAC,EACpBI,OAAO,MAAM,EACbC,QAAQ,MAAM,EACdC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,KAAK,EACLC,MAAM,EACNC,IAAI,EAEO,WADRC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,oBAAS;QACRR,OAAOA;QACPF,WAAWW,IAAAA,gBAAU,eAEnBb,UAAU,qCACVA,UAAU,uCACVU,UAAU,aAAad,eAAe,CAACc,MAAM,EAC7CL,kCACAC,gCACAJ;QAEFC,YAAYA;QACZE,QAAQA;QACRC,OAAOA;QACPQ,UAAUL,UAAUK,QAAQ;QAC5BN,MAAMA;QACND,QAAQA;kBAER,cAAA,qBAACQ,oCAAiB,8CACZN;YACJO,IAAG;YACHjB,MAAMA;YACNG,SAAS;YACTC,YAAYF;;;AAIpB"}

package/dist/cjs/components/Link/Link.d.ts

@@ -1,4 +1,4 @@
-import { TappableProps } from '../Tappable/Tappable';
+import { type TappableProps } from '../Tappable/Tappable';
 export interface LinkProps extends TappableProps {
     /**
      * Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет

package/dist/cjs/components/Link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG/D,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,sDAKd,SAAS,KAAG,KAAK,CAAC,SAcpB,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGpE,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,sDAKd,SAAS,KAAG,KAAK,CAAC,SAcpB,CAAC"}

package/dist/cjs/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport styles from './Link.module.css';\n\nexport interface LinkProps extends TappableProps {\n  /**\n   * Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n   */\n  hasVisited?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({\n  hasVisited,\n  children,\n  className,\n  ...restProps\n}: LinkProps): React.ReactNode => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      className={classNames(styles['Link'], hasVisited && styles['Link--has-visited'], className)}\n      hasHover={false}\n      activeMode=\"opacity\"\n      hoverMode=\"none\"\n      focusVisibleMode=\"outside\"\n    >\n      {children}\n    </Tappable>\n  );\n};\n"],"names":["Link","hasVisited","children","className","restProps","Tappable","Component","href","classNames","hasHover","activeMode","hoverMode","focusVisibleMode"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;sBAdc;0BACa;AAajC,MAAMA,OAAO;QAAC,EACnBC,UAAU,EACVC,QAAQ,EACRC,SAAS,EAEC,WADPC;QAHHH;QACAC;QACAC;;IAGA,qBACE,qBAACE,kBAAQ;QACPC,WAAWF,UAAUG,IAAI,GAAG,MAAM;OAC9BH;QACJD,WAAWK,IAAAA,gBAAU,cAAiBP,uCAA2CE;QACjFM,UAAU;QACVC,YAAW;QACXC,WAAU;QACVC,kBAAiB;kBAEhBV;;AAGP"}
+{"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport styles from './Link.module.css';\n\nexport interface LinkProps extends TappableProps {\n  /**\n   * Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n   */\n  hasVisited?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({\n  hasVisited,\n  children,\n  className,\n  ...restProps\n}: LinkProps): React.ReactNode => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      className={classNames(styles['Link'], hasVisited && styles['Link--has-visited'], className)}\n      hasHover={false}\n      activeMode=\"opacity\"\n      hoverMode=\"none\"\n      focusVisibleMode=\"outside\"\n    >\n      {children}\n    </Tappable>\n  );\n};\n"],"names":["Link","hasVisited","children","className","restProps","Tappable","Component","href","classNames","hasHover","activeMode","hoverMode","focusVisibleMode"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;sBAdc;0BACkB;AAatC,MAAMA,OAAO;QAAC,EACnBC,UAAU,EACVC,QAAQ,EACRC,SAAS,EAEC,WADPC;QAHHH;QACAC;QACAC;;IAGA,qBACE,qBAACE,kBAAQ;QACPC,WAAWF,UAAUG,IAAI,GAAG,MAAM;OAC9BH;QACJD,WAAWK,IAAAA,gBAAU,cAAiBP,uCAA2CE;QACjFM,UAAU;QACVC,YAAW;QACXC,WAAU;QACVC,kBAAiB;kBAEhBV;;AAGP"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HTMLAttributesWithRootRef } from '../../types';
+import type { HTMLAttributesWithRootRef } from '../../types';
 export type ListProps = HTMLAttributesWithRootRef<HTMLDivElement> & {
     /**
      * Задает отступ между элементами

package/dist/cjs/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,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,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,sDAMd,SAAS,KAAG,KAAK,CAAC,SAmBpB,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,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,sDAMd,SAAS,KAAG,KAAK,CAAC,SAmBpB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from '../../hooks/useDraggableWithDomApi';\nimport { 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://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({\n  children,\n  gap = 0,\n  className,\n  style,\n  ...restProps\n}: ListProps): React.ReactNode => {\n  return (\n    <RootComponent\n      role=\"list\"\n      className={classNames(styles.List, className)}\n      style={{\n        ...style,\n        gridGap: gap,\n      }}\n      {...restProps}\n    >\n      {children}\n      <div\n        aria-hidden\n        {...DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP}\n        className={styles['List__placeholder']}\n      ></div>\n    </RootComponent>\n  );\n};\n"],"names":["List","children","gap","className","style","restProps","RootComponent","role","classNames","gridGap","div","aria-hidden","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;;;iEAjBU;sBACI;wCAC2B;+BAExB;AAavB,MAAMA,OAAO;QAAC,EACnBC,QAAQ,EACRC,MAAM,CAAC,EACPC,SAAS,EACTC,KAAK,EAEK,WADPC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,sBAACE,4BAAa;QACZC,MAAK;QACLJ,WAAWK,IAAAA,gBAAU,cAAcL;QACnCC,OAAO,4CACFA;YACHK,SAASP;;OAEPG;;YAEHJ;0BACD,qBAACS;gBACCC,aAAW;eACPC,6DAAqC;gBACzCT,SAAS;;;;AAIjB"}
+{"version":3,"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\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://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({\n  children,\n  gap = 0,\n  className,\n  style,\n  ...restProps\n}: ListProps): React.ReactNode => {\n  return (\n    <RootComponent\n      role=\"list\"\n      className={classNames(styles.List, className)}\n      style={{\n        ...style,\n        gridGap: gap,\n      }}\n      {...restProps}\n    >\n      {children}\n      <div\n        aria-hidden\n        {...DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP}\n        className={styles['List__placeholder']}\n      ></div>\n    </RootComponent>\n  );\n};\n"],"names":["List","children","gap","className","style","restProps","RootComponent","role","classNames","gridGap","div","aria-hidden","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;;;iEAjBU;sBACI;wCAC2B;+BAExB;AAavB,MAAMA,OAAO;QAAC,EACnBC,QAAQ,EACRC,MAAM,CAAC,EACPC,SAAS,EACTC,KAAK,EAEK,WADPC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,sBAACE,4BAAa;QACZC,MAAK;QACLJ,WAAWK,IAAAA,gBAAU,cAAcL;QACnCC,OAAO,4CACFA;YACHK,SAASP;;OAEPG;;YAEHJ;0BACD,qBAACS;gBACCC,aAAW;eACPC,6DAAqC;gBACzCT,SAAS;;;;AAIjB"}

package/dist/cjs/components/LocaleProvider/LocaleProvider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
+import { type ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
 export interface LocaleProviderProps {
     /**
      * Строка с языковой меткой BCP 47

package/dist/cjs/components/LocaleProvider/LocaleProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocaleProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/LocaleProvider/LocaleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAGzF,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,KAAK,EAAE,8BAA8B,CAAC,QAAQ,CAAC,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,SAAS,CAExF"}
+{"version":3,"file":"LocaleProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/LocaleProvider/LocaleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAG9F,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,KAAK,EAAE,8BAA8B,CAAC,QAAQ,CAAC,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,SAAS,CAExF"}

package/dist/cjs/components/LocaleProvider/LocaleProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LocaleProvider/LocaleProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface LocaleProviderProps {\n  /**\n   * Строка с языковой меткой BCP 47\n   */\n  value: ConfigProviderContextInterface['locale'];\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, прокидывающий локаль. Список можно найти в\n * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)\n *\n * @since 5.0.0\n * @see https://vkcom.github.io/VKUI/#/LocaleProvider\n */\nexport function LocaleProvider({ value, children }: LocaleProviderProps): React.ReactNode {\n  return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["LocaleProvider","value","children","ConfigProviderOverride","locale"],"mappings":";;;;+BAmBgBA;;;eAAAA;;;;;iEAnBO;wCAEgB;AAiBhC,SAASA,eAAe,EAAEC,KAAK,EAAEC,QAAQ,EAAuB;IACrE,qBAAO,qBAACC,8CAAsB;QAACC,QAAQH;kBAAQC;;AACjD"}
+{"version":3,"sources":["../../../../src/components/LocaleProvider/LocaleProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface LocaleProviderProps {\n  /**\n   * Строка с языковой меткой BCP 47\n   */\n  value: ConfigProviderContextInterface['locale'];\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, прокидывающий локаль. Список можно найти в\n * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)\n *\n * @since 5.0.0\n * @see https://vkcom.github.io/VKUI/#/LocaleProvider\n */\nexport function LocaleProvider({ value, children }: LocaleProviderProps): React.ReactNode {\n  return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["LocaleProvider","value","children","ConfigProviderOverride","locale"],"mappings":";;;;+BAmBgBA;;;eAAAA;;;;;iEAnBO;wCAEgB;AAiBhC,SAASA,eAAe,EAAEC,KAAK,EAAEC,QAAQ,EAAuB;IACrE,qBAAO,qBAACC,8CAAsB;QAACC,QAAQH;kBAAQC;;AACjD"}

package/dist/cjs/components/Mark/Mark.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HTMLAttributesWithRootRef } from '../../types';
+import type { HTMLAttributesWithRootRef } from '../../types';
 export type MarkProps = HTMLAttributesWithRootRef<HTMLDivElement>;
 /**
  * Компонент используется для выделения фрагментов текста,

package/dist/cjs/components/Mark/Mark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mark.d.ts","sourceRoot":"","sources":["../../../../src/components/Mark/Mark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,MAAM,SAAS,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,KAAK,CAAC,SAE7C,CAAC"}
+{"version":3,"file":"Mark.d.ts","sourceRoot":"","sources":["../../../../src/components/Mark/Mark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,MAAM,SAAS,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,KAAK,CAAC,SAE7C,CAAC"}

package/dist/cjs/components/Mark/Mark.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Mark.module.css';\n\nexport type MarkProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\n/**\n * Компонент используется для выделения фрагментов текста,\n * например при поиске определенных слов или выделения текста в цитате.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/Mark\n */\nexport const Mark = (props: MarkProps): React.ReactNode => (\n  <RootComponent baseClassName={styles['Mark']} Component=\"mark\" {...props} />\n);\n"],"names":["Mark","props","RootComponent","baseClassName","Component"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;iEAdU;+BAEO;AAYvB,MAAMA,OAAO,CAACC,sBACnB,qBAACC,4BAAa;QAACC,aAAa;QAAkBC,WAAU;OAAWH"}
+{"version":3,"sources":["../../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Mark.module.css';\n\nexport type MarkProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\n/**\n * Компонент используется для выделения фрагментов текста,\n * например при поиске определенных слов или выделения текста в цитате.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/Mark\n */\nexport const Mark = (props: MarkProps): React.ReactNode => (\n  <RootComponent baseClassName={styles['Mark']} Component=\"mark\" {...props} />\n);\n"],"names":["Mark","props","RootComponent","baseClassName","Component"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;iEAdU;+BAEO;AAYvB,MAAMA,OAAO,CAACC,sBACnB,qBAACC,4BAAa;QAACC,aAAa;QAAkBC,WAAU;OAAWH"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HTMLAttributesWithRootRef } from '../../types';
+import type { HTMLAttributesWithRootRef } from '../../types';
 export interface MiniInfoCellProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
     /**
      * Иконка слева.<br />

package/dist/cjs/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,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAkBxD,MAAM,WAAW,iBAAkB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAClF;;;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,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,qFAStB,iBAAiB,KAAG,KAAK,CAAC,SAiC5B,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,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAkB7D,MAAM,WAAW,iBAAkB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAClF;;;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,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,qFAStB,iBAAiB,KAAG,KAAK,CAAC,SAiC5B,CAAC"}

package/dist/cjs/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 { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nconst stylesMode = {\n  add: styles['MiniInfoCell--mode-add'],\n  accent: styles['MiniInfoCell--mode-accent'],\n  more: styles['MiniInfoCell--mode-more'],\n};\n\nconst stylesTextWrap = {\n  nowrap: styles['MiniInfoCell--textWrap-nowrap'],\n  full: styles['MiniInfoCell--textWrap-full'],\n  short: styles['MiniInfoCell--textWrap-short'],\n};\n\nexport interface MiniInfoCellProps extends HTMLAttributesWithRootRef<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` – текст отображается полностью.\n   */\n  textWrap?: 'nowrap' | 'short' | 'full';\n\n  /**\n   * Передавать `true`, если предполагается переход при клике по ячейке.\n   */\n  expandable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n  before,\n  after,\n  children,\n  mode = 'base',\n  textWrap = 'nowrap',\n  expandable = false,\n  className,\n  ...restProps\n}: MiniInfoCellProps): React.ReactNode => {\n  const cellClasses = classNames(\n    styles['MiniInfoCell'],\n    stylesTextWrap[textWrap],\n    mode !== 'base' && stylesMode[mode],\n    className,\n  );\n\n  const cellContent = (\n    <React.Fragment>\n      {hasReactNode(before) && <span className={styles['MiniInfoCell__before']}>{before}</span>}\n      <div className={styles['MiniInfoCell__middle']}>\n        <Paragraph\n          className={styles['MiniInfoCell__content']}\n          weight={mode === 'more' ? '2' : undefined}\n        >\n          {children}\n        </Paragraph>\n        {expandable && <Icon16Chevron />}\n      </div>\n      {hasReactNode(after) && <span className={styles['MiniInfoCell__after']}>{after}</span>}\n    </React.Fragment>\n  );\n\n  return restProps.onClick ? (\n    <Tappable Component=\"div\" role=\"button\" {...restProps} className={cellClasses}>\n      {cellContent}\n    </Tappable>\n  ) : (\n    <RootComponent {...restProps} baseClassName={cellClasses}>\n      {cellContent}\n    </RootComponent>\n  );\n};\n"],"names":["MiniInfoCell","stylesMode","add","accent","more","stylesTextWrap","nowrap","full","short","before","after","children","mode","textWrap","expandable","className","restProps","cellClasses","classNames","cellContent","React","Fragment","hasReactNode","span","div","Paragraph","weight","undefined","Icon16Chevron","onClick","Tappable","Component","role","RootComponent","baseClassName"],"mappings":";;;;+BA8DaA;;;eAAAA;;;;;;;;iEA9DU;uBACO;sBACW;+BAEX;0BACL;2BACC;AAG1B,MAAMC,aAAa;IACjBC,GAAG;IACHC,MAAM;IACNC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AA2CO,MAAMR,eAAe;QAAC,EAC3BS,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACnBC,aAAa,KAAK,EAClBC,SAAS,EAES,WADfC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,cAAcC,IAAAA,gBAAU,sBAE5Bb,cAAc,CAACQ,SAAS,EACxBD,SAAS,UAAUX,UAAU,CAACW,KAAK,EACnCG;IAGF,MAAMI,4BACJ,sBAACC,OAAMC,QAAQ;;YACZC,IAAAA,kBAAY,EAACb,yBAAW,qBAACc;gBAAKR,SAAS;0BAAmCN;;0BAC3E,sBAACe;gBAAIT,SAAS;;kCACZ,qBAACU,oBAAS;wBACRV,SAAS;wBACTW,QAAQd,SAAS,SAAS,MAAMe;kCAE/BhB;;oBAEFG,4BAAc,qBAACc,oBAAa;;;YAE9BN,IAAAA,kBAAY,EAACZ,wBAAU,qBAACa;gBAAKR,SAAS;0BAAkCL;;;;IAI7E,OAAOM,UAAUa,OAAO,iBACtB,qBAACC,kBAAQ;QAACC,WAAU;QAAMC,MAAK;OAAahB;QAAWD,WAAWE;kBAC/DE;wBAGH,qBAACc,4BAAa,8CAAKjB;QAAWkB,eAAejB;kBAC1CE;;AAGP"}
+{"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 { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nconst stylesMode = {\n  add: styles['MiniInfoCell--mode-add'],\n  accent: styles['MiniInfoCell--mode-accent'],\n  more: styles['MiniInfoCell--mode-more'],\n};\n\nconst stylesTextWrap = {\n  nowrap: styles['MiniInfoCell--textWrap-nowrap'],\n  full: styles['MiniInfoCell--textWrap-full'],\n  short: styles['MiniInfoCell--textWrap-short'],\n};\n\nexport interface MiniInfoCellProps extends HTMLAttributesWithRootRef<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` – текст отображается полностью.\n   */\n  textWrap?: 'nowrap' | 'short' | 'full';\n\n  /**\n   * Передавать `true`, если предполагается переход при клике по ячейке.\n   */\n  expandable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n  before,\n  after,\n  children,\n  mode = 'base',\n  textWrap = 'nowrap',\n  expandable = false,\n  className,\n  ...restProps\n}: MiniInfoCellProps): React.ReactNode => {\n  const cellClasses = classNames(\n    styles['MiniInfoCell'],\n    stylesTextWrap[textWrap],\n    mode !== 'base' && stylesMode[mode],\n    className,\n  );\n\n  const cellContent = (\n    <React.Fragment>\n      {hasReactNode(before) && <span className={styles['MiniInfoCell__before']}>{before}</span>}\n      <div className={styles['MiniInfoCell__middle']}>\n        <Paragraph\n          className={styles['MiniInfoCell__content']}\n          weight={mode === 'more' ? '2' : undefined}\n        >\n          {children}\n        </Paragraph>\n        {expandable && <Icon16Chevron />}\n      </div>\n      {hasReactNode(after) && <span className={styles['MiniInfoCell__after']}>{after}</span>}\n    </React.Fragment>\n  );\n\n  return restProps.onClick ? (\n    <Tappable Component=\"div\" role=\"button\" {...restProps} className={cellClasses}>\n      {cellContent}\n    </Tappable>\n  ) : (\n    <RootComponent {...restProps} baseClassName={cellClasses}>\n      {cellContent}\n    </RootComponent>\n  );\n};\n"],"names":["MiniInfoCell","stylesMode","add","accent","more","stylesTextWrap","nowrap","full","short","before","after","children","mode","textWrap","expandable","className","restProps","cellClasses","classNames","cellContent","React","Fragment","hasReactNode","span","div","Paragraph","weight","undefined","Icon16Chevron","onClick","Tappable","Component","role","RootComponent","baseClassName"],"mappings":";;;;+BA8DaA;;;eAAAA;;;;;;;;iEA9DU;uBACO;sBACW;+BAEX;0BACL;2BACC;AAG1B,MAAMC,aAAa;IACjBC,GAAG;IACHC,MAAM;IACNC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AA2CO,MAAMR,eAAe;QAAC,EAC3BS,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACnBC,aAAa,KAAK,EAClBC,SAAS,EAES,WADfC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,cAAcC,IAAAA,gBAAU,sBAE5Bb,cAAc,CAACQ,SAAS,EACxBD,SAAS,UAAUX,UAAU,CAACW,KAAK,EACnCG;IAGF,MAAMI,4BACJ,sBAACC,OAAMC,QAAQ;;YACZC,IAAAA,kBAAY,EAACb,yBAAW,qBAACc;gBAAKR,SAAS;0BAAmCN;;0BAC3E,sBAACe;gBAAIT,SAAS;;kCACZ,qBAACU,oBAAS;wBACRV,SAAS;wBACTW,QAAQd,SAAS,SAAS,MAAMe;kCAE/BhB;;oBAEFG,4BAAc,qBAACc,oBAAa;;;YAE9BN,IAAAA,kBAAY,EAACZ,wBAAU,qBAACa;gBAAKR,SAAS;0BAAkCL;;;;IAI7E,OAAOM,UAAUa,OAAO,iBACtB,qBAACC,kBAAQ;QAACC,WAAU;QAAMC,MAAK;OAAahB;QAAWD,WAAWE;kBAC/DE;wBAGH,qBAACc,4BAAa,8CAAKjB;QAAWkB,eAAejB;kBAC1CE;;AAGP"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { NavIdProps } from '../../lib/getNavId';
-import { ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';
+import { type NavIdProps } from '../../lib/getNavId';
+import { type ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';
 export interface ModalCardProps extends NavIdProps, ModalCardBaseProps {
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ModalCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAiB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAWnF,MAAM,WAAW,cAAe,SAAQ,UAAU,EAAE,kBAAkB;CAAG;AAIzE;;GAEG;AACH,eAAO,MAAM,SAAS,qMAiBnB,cAAc,KAAG,KAAK,CAAC,SA8CzB,CAAC"}
+{"version":3,"file":"ModalCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAWxF,MAAM,WAAW,cAAe,SAAQ,UAAU,EAAE,kBAAkB;CAAG;AAIzE;;GAEG;AACH,eAAO,MAAM,SAAS,qMAiBnB,cAAc,KAAG,KAAK,CAAC,SA8CzB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ModalCard.module.css';\n\nconst platformClassNames = {\n  ios: styles['ModalCard--ios'],\n  android: styles['ModalCard--android'],\n  vkcom: styles['ModalCard--vkcom'],\n};\n\nexport interface ModalCardProps extends NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = ({\n  icon,\n  header,\n  headerComponent,\n  subheader,\n  subheaderComponent,\n  children,\n  actions,\n  onClose,\n  nav,\n  id,\n  size,\n  modalDismissButtonTestId,\n  getRootRef,\n  dismissButtonMode,\n  dismissLabel,\n  ...restProps\n}: ModalCardProps): React.ReactNode => {\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'card');\n  const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootRef}\n      tabIndex={-1}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={contextValue.labelId}\n      id={id}\n      baseClassName={classNames(\n        styles['ModalCard'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isDesktop && styles['ModalCard--desktop'],\n      )}\n    >\n      <ModalCardBase\n        className={styles['ModalCard__in']}\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        headerComponent={headerComponent}\n        subheader={subheader}\n        subheaderComponent={subheaderComponent}\n        actions={actions}\n        onClose={onClose || modalContext.onClose}\n        size={size}\n        modalDismissButtonTestId={modalDismissButtonTestId}\n        dismissButtonMode={dismissButtonMode}\n        dismissLabel={dismissLabel}\n      >\n        {children}\n      </ModalCardBase>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCard","platformClassNames","ios","android","vkcom","warn","warnOnce","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","nav","id","size","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","restProps","isDesktop","useAdaptivityWithJSMediaQueries","platform","usePlatform","modalContext","React","useContext","ModalRootContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","hasOwnProperty","ModalCardBase","className","innerElement"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;;iEAzBU;sBACI;iDACqB;8BACnB;6BACD;0BACS;0BACZ;+BACyB;kCACC;+BACrB;AAG9B,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAIA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,YAAY;QAAC,EACxBO,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,kBAAkB,EAClBC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,GAAG,EACHC,EAAE,EACFC,IAAI,EACJC,wBAAwB,EACxBC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EAEG,WADZC;QAfHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAeC,OAAMC,UAAU,CAACC,kCAAgB;IACtD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAElB;QAAKC;IAAG,GAAGX,OAAO;IAC/D,MAAM6B,UAAUC,IAAAA,0BAAY,EAAChB,YAAYY,KAAKK,YAAY;IAE1D,MAAMC,eAAeT,OAAMU,OAAO,CAAC,IAAO,CAAA;YAAEC,SAAS,CAAC,EAAEvB,GAAG,MAAM,CAAC;QAAC,CAAA,GAAI;QAACA;KAAG;IAE3E,qBACE,qBAACwB,4BAAa,8CACRlB;QACJH,YAAYe;QACZO,UAAU,CAAC;QACXC,MAAK;QACLC,cAAW;QACXC,mBAAiBP,aAAaE,OAAO;QACrCvB,IAAIA;QACJ6B,eAAeC,IAAAA,gBAAU,mBAEvB7C,mBAAmB8C,cAAc,CAACtB,YAC9BxB,kBAAkB,CAACwB,SAAS,GAC5BxB,mBAAmBE,OAAO,EAC9BoB;kBAGF,cAAA,qBAACyB,4BAAa;YACZC,SAAS;YACT9B,YAAYY,KAAKmB,YAAY;YAC7B3C,MAAMA;YACNC,QAAQA;YACRC,iBAAiBA;YACjBC,WAAWA;YACXC,oBAAoBA;YACpBE,SAASA;YACTC,SAASA,WAAWa,aAAab,OAAO;YACxCG,MAAMA;YACNC,0BAA0BA;YAC1BE,mBAAmBA;YACnBC,cAAcA;sBAEbT;;;AAIT"}
+{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, type ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ModalCard.module.css';\n\nconst platformClassNames = {\n  ios: styles['ModalCard--ios'],\n  android: styles['ModalCard--android'],\n  vkcom: styles['ModalCard--vkcom'],\n};\n\nexport interface ModalCardProps extends NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = ({\n  icon,\n  header,\n  headerComponent,\n  subheader,\n  subheaderComponent,\n  children,\n  actions,\n  onClose,\n  nav,\n  id,\n  size,\n  modalDismissButtonTestId,\n  getRootRef,\n  dismissButtonMode,\n  dismissLabel,\n  ...restProps\n}: ModalCardProps): React.ReactNode => {\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'card');\n  const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootRef}\n      tabIndex={-1}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={contextValue.labelId}\n      id={id}\n      baseClassName={classNames(\n        styles['ModalCard'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isDesktop && styles['ModalCard--desktop'],\n      )}\n    >\n      <ModalCardBase\n        className={styles['ModalCard__in']}\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        headerComponent={headerComponent}\n        subheader={subheader}\n        subheaderComponent={subheaderComponent}\n        actions={actions}\n        onClose={onClose || modalContext.onClose}\n        size={size}\n        modalDismissButtonTestId={modalDismissButtonTestId}\n        dismissButtonMode={dismissButtonMode}\n        dismissLabel={dismissLabel}\n      >\n        {children}\n      </ModalCardBase>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCard","platformClassNames","ios","android","vkcom","warn","warnOnce","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","nav","id","size","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","restProps","isDesktop","useAdaptivityWithJSMediaQueries","platform","usePlatform","modalContext","React","useContext","ModalRootContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","hasOwnProperty","ModalCardBase","className","innerElement"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;;iEAzBU;sBACI;iDACqB;8BACnB;6BACD;0BACc;0BACjB;+BAC8B;kCACJ;+BACrB;AAG9B,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAIA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,YAAY;QAAC,EACxBO,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,kBAAkB,EAClBC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,GAAG,EACHC,EAAE,EACFC,IAAI,EACJC,wBAAwB,EACxBC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EAEG,WADZC;QAfHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAeC,OAAMC,UAAU,CAACC,kCAAgB;IACtD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAElB;QAAKC;IAAG,GAAGX,OAAO;IAC/D,MAAM6B,UAAUC,IAAAA,0BAAY,EAAChB,YAAYY,KAAKK,YAAY;IAE1D,MAAMC,eAAeT,OAAMU,OAAO,CAAC,IAAO,CAAA;YAAEC,SAAS,CAAC,EAAEvB,GAAG,MAAM,CAAC;QAAC,CAAA,GAAI;QAACA;KAAG;IAE3E,qBACE,qBAACwB,4BAAa,8CACRlB;QACJH,YAAYe;QACZO,UAAU,CAAC;QACXC,MAAK;QACLC,cAAW;QACXC,mBAAiBP,aAAaE,OAAO;QACrCvB,IAAIA;QACJ6B,eAAeC,IAAAA,gBAAU,mBAEvB7C,mBAAmB8C,cAAc,CAACtB,YAC9BxB,kBAAkB,CAACwB,SAAS,GAC5BxB,mBAAmBE,OAAO,EAC9BoB;kBAGF,cAAA,qBAACyB,4BAAa;YACZC,SAAS;YACT9B,YAAYY,KAAKmB,YAAY;YAC7B3C,MAAMA;YACNC,QAAQA;YACRC,iBAAiBA;YACjBC,WAAWA;YACXC,oBAAoBA;YACpBE,SAASA;YACTC,SAASA,WAAWa,aAAab,OAAO;YACxCG,MAAMA;YACNC,0BAA0BA;YAC1BE,mBAAmBA;YACnBC,cAAcA;sBAEbT;;;AAIT"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HTMLAttributesWithRootRef } from '../../types';
+import type { HTMLAttributesWithRootRef } from '../../types';
 export interface ModalCardBaseProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
     /**
      * Иконка.

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

@@ -1 +1 @@
-{"version":3,"file":"ModalCardBase.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AASxD,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACnF;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,kBAAkB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEvC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,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;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,+MAgBvB,kBAAkB,KAAG,KAAK,CAAC,SAqE7B,CAAC"}
+{"version":3,"file":"ModalCardBase.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAS7D,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACnF;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,kBAAkB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEvC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,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;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,+MAgBvB,kBAAkB,KAAG,KAAK,CAAC,SAqE7B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AdaptivityContext } from '../AdaptivityProvider/AdaptivityContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport { ModalCardBaseCloseButton } from './ModalCardBaseCloseButton';\nimport styles from './ModalCardBase.module.css';\n\nexport interface ModalCardBaseProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n  /* Позволяет поменять тег используемый для заголовка */\n  headerComponent?: React.ElementType;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n  /* Позволяет поменять тег используемый для подзаголовка */\n  subheaderComponent?: React.ElementType;\n\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `size=\"l\" mode=\"primary\" stretched`\n   * - `size=\"l\" mode=\"secondary\" stretched`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `gap=\"s\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`\n   */\n  actions?: React.ReactNode;\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 * @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = ({\n  icon,\n  header,\n  headerComponent = 'span',\n  subheader,\n  subheaderComponent = 'span',\n  children,\n  actions,\n  onClose,\n  dismissLabel = 'Скрыть',\n  style,\n  size: sizeProp,\n  modalDismissButtonTestId,\n  dismissButtonMode = 'outside',\n  preventClose,\n  ...restProps\n}: ModalCardBaseProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n  const size = isDesktop ? sizeProp : undefined;\n  const withSafeZone =\n    !icon &&\n    (dismissButtonMode === 'inside' ||\n      (platform === 'ios' && !isDesktop && dismissButtonMode !== 'none'));\n\n  const hasHeader = hasReactNode(header);\n  const hasSubheader = hasReactNode(subheader);\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        'vkuiInternalModalCardBase',\n        platform === 'ios' && styles['ModalCardBase--ios'],\n        isDesktop && styles['ModalCardBase--desktop'],\n        withSafeZone && styles['ModalCardBase--withSafeZone'],\n      )}\n      style={{\n        ...style,\n        maxWidth: size,\n      }}\n    >\n      <div\n        className={classNames(\n          styles['ModalCardBase__container'],\n          isSoftwareKeyboardOpened && styles['ModalCardBase__container--softwareKeyboardOpened'],\n        )}\n      >\n        {hasReactNode(icon) && <div className={styles['ModalCardBase__icon']}>{icon}</div>}\n        {hasReactNode(header) && (\n          <Title\n            level=\"2\"\n            weight=\"2\"\n            className={styles['ModalCardBase__header']}\n            Component={headerComponent}\n          >\n            {header}\n          </Title>\n        )}\n        {hasHeader && hasSubheader && <Spacing size={8} />}\n        {hasSubheader && (\n          <AdaptivityContext.Provider value={{ sizeY: 'regular' }}>\n            <Subhead className={styles['ModalCardBase__subheader']} Component={subheaderComponent}>\n              {subheader}\n            </Subhead>\n          </AdaptivityContext.Provider>\n        )}\n\n        {children}\n\n        {hasReactNode(actions) && <div className={styles['ModalCardBase__actions']}>{actions}</div>}\n\n        {dismissButtonMode !== 'none' && (\n          <ModalCardBaseCloseButton\n            testId={modalDismissButtonTestId}\n            onClose={onClose}\n            mode={dismissButtonMode}\n          >\n            {dismissLabel}\n          </ModalCardBaseCloseButton>\n        )}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCardBase","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","dismissLabel","style","size","sizeProp","modalDismissButtonTestId","dismissButtonMode","preventClose","restProps","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","isSoftwareKeyboardOpened","useKeyboard","isOpened","undefined","withSafeZone","hasHeader","hasReactNode","hasSubheader","RootComponent","baseClassName","classNames","maxWidth","div","className","Title","level","weight","Component","Spacing","AdaptivityContext","Provider","value","sizeY","Subhead","ModalCardBaseCloseButton","testId","mode"],"mappings":";;;;+BAsFaA;;;eAAAA;;;;;;;;iEAtFU;sBACkB;iDACO;6BACpB;6BACA;mCAEM;+BACJ;yBACN;yBACA;uBACF;0CACmB;AA2ElC,MAAMA,gBAAgB;QAAC,EAC5BC,IAAI,EACJC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,SAAS,EACTC,qBAAqB,MAAM,EAC3BC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,eAAe,QAAQ,EACvBC,KAAK,EACLC,MAAMC,QAAQ,EACdC,wBAAwB,EACxBC,oBAAoB,SAAS,EAC7BC,YAAY,EAEO,WADhBC;QAdHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,2BAA2BC,IAAAA,wBAAW,IAAGC,QAAQ;IAEvD,MAAMZ,OAAOQ,YAAYP,WAAWY;IACpC,MAAMC,eACJ,CAACxB,QACAa,CAAAA,sBAAsB,YACpBG,aAAa,SAAS,CAACE,aAAaL,sBAAsB,MAAM;IAErE,MAAMY,YAAYC,IAAAA,kBAAY,EAACzB;IAC/B,MAAM0B,eAAeD,IAAAA,kBAAY,EAACvB;IAClC,qBACE,qBAACyB,4BAAa,8CACRb;QACJc,eAAeC,IAAAA,gBAAU,EACvB,6BACAd,aAAa,mCACbE,2CACAM;QAEFf,OAAO,4CACFA;YACHsB,UAAUrB;;kBAGZ,cAAA,sBAACsB;YACCC,WAAWH,IAAAA,gBAAU,kCAEnBV;;gBAGDM,IAAAA,kBAAY,EAAC1B,uBAAS,qBAACgC;oBAAIC,SAAS;8BAAkCjC;;gBACtE0B,IAAAA,kBAAY,EAACzB,yBACZ,qBAACiC,YAAK;oBACJC,OAAM;oBACNC,QAAO;oBACPH,SAAS;oBACTI,WAAWnC;8BAEVD;;gBAGJwB,aAAaE,8BAAgB,qBAACW,gBAAO;oBAAC5B,MAAM;;gBAC5CiB,8BACC,qBAACY,oCAAiB,CAACC,QAAQ;oBAACC,OAAO;wBAAEC,OAAO;oBAAU;8BACpD,cAAA,qBAACC,gBAAO;wBAACV,SAAS;wBAAsCI,WAAWjC;kCAChED;;;gBAKNE;gBAEAqB,IAAAA,kBAAY,EAACpB,0BAAY,qBAAC0B;oBAAIC,SAAS;8BAAqC3B;;gBAE5EO,sBAAsB,wBACrB,qBAAC+B,kDAAwB;oBACvBC,QAAQjC;oBACRL,SAASA;oBACTuC,MAAMjC;8BAELL;;;;;AAMb"}
+{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { AdaptivityContext } from '../AdaptivityProvider/AdaptivityContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport { ModalCardBaseCloseButton } from './ModalCardBaseCloseButton';\nimport styles from './ModalCardBase.module.css';\n\nexport interface ModalCardBaseProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n  /* Позволяет поменять тег используемый для заголовка */\n  headerComponent?: React.ElementType;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n  /* Позволяет поменять тег используемый для подзаголовка */\n  subheaderComponent?: React.ElementType;\n\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `size=\"l\" mode=\"primary\" stretched`\n   * - `size=\"l\" mode=\"secondary\" stretched`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `gap=\"s\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`\n   */\n  actions?: React.ReactNode;\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 * @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = ({\n  icon,\n  header,\n  headerComponent = 'span',\n  subheader,\n  subheaderComponent = 'span',\n  children,\n  actions,\n  onClose,\n  dismissLabel = 'Скрыть',\n  style,\n  size: sizeProp,\n  modalDismissButtonTestId,\n  dismissButtonMode = 'outside',\n  preventClose,\n  ...restProps\n}: ModalCardBaseProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n  const size = isDesktop ? sizeProp : undefined;\n  const withSafeZone =\n    !icon &&\n    (dismissButtonMode === 'inside' ||\n      (platform === 'ios' && !isDesktop && dismissButtonMode !== 'none'));\n\n  const hasHeader = hasReactNode(header);\n  const hasSubheader = hasReactNode(subheader);\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        'vkuiInternalModalCardBase',\n        platform === 'ios' && styles['ModalCardBase--ios'],\n        isDesktop && styles['ModalCardBase--desktop'],\n        withSafeZone && styles['ModalCardBase--withSafeZone'],\n      )}\n      style={{\n        ...style,\n        maxWidth: size,\n      }}\n    >\n      <div\n        className={classNames(\n          styles['ModalCardBase__container'],\n          isSoftwareKeyboardOpened && styles['ModalCardBase__container--softwareKeyboardOpened'],\n        )}\n      >\n        {hasReactNode(icon) && <div className={styles['ModalCardBase__icon']}>{icon}</div>}\n        {hasReactNode(header) && (\n          <Title\n            level=\"2\"\n            weight=\"2\"\n            className={styles['ModalCardBase__header']}\n            Component={headerComponent}\n          >\n            {header}\n          </Title>\n        )}\n        {hasHeader && hasSubheader && <Spacing size={8} />}\n        {hasSubheader && (\n          <AdaptivityContext.Provider value={{ sizeY: 'regular' }}>\n            <Subhead className={styles['ModalCardBase__subheader']} Component={subheaderComponent}>\n              {subheader}\n            </Subhead>\n          </AdaptivityContext.Provider>\n        )}\n\n        {children}\n\n        {hasReactNode(actions) && <div className={styles['ModalCardBase__actions']}>{actions}</div>}\n\n        {dismissButtonMode !== 'none' && (\n          <ModalCardBaseCloseButton\n            testId={modalDismissButtonTestId}\n            onClose={onClose}\n            mode={dismissButtonMode}\n          >\n            {dismissLabel}\n          </ModalCardBaseCloseButton>\n        )}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCardBase","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","dismissLabel","style","size","sizeProp","modalDismissButtonTestId","dismissButtonMode","preventClose","restProps","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","isSoftwareKeyboardOpened","useKeyboard","isOpened","undefined","withSafeZone","hasHeader","hasReactNode","hasSubheader","RootComponent","baseClassName","classNames","maxWidth","div","className","Title","level","weight","Component","Spacing","AdaptivityContext","Provider","value","sizeY","Subhead","ModalCardBaseCloseButton","testId","mode"],"mappings":";;;;+BAsFaA;;;eAAAA;;;;;;;;iEAtFU;sBACkB;iDACO;6BACpB;6BACA;mCAEM;+BACJ;yBACN;yBACA;uBACF;0CACmB;AA2ElC,MAAMA,gBAAgB;QAAC,EAC5BC,IAAI,EACJC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,SAAS,EACTC,qBAAqB,MAAM,EAC3BC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,eAAe,QAAQ,EACvBC,KAAK,EACLC,MAAMC,QAAQ,EACdC,wBAAwB,EACxBC,oBAAoB,SAAS,EAC7BC,YAAY,EAEO,WADhBC;QAdHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,2BAA2BC,IAAAA,wBAAW,IAAGC,QAAQ;IAEvD,MAAMZ,OAAOQ,YAAYP,WAAWY;IACpC,MAAMC,eACJ,CAACxB,QACAa,CAAAA,sBAAsB,YACpBG,aAAa,SAAS,CAACE,aAAaL,sBAAsB,MAAM;IAErE,MAAMY,YAAYC,IAAAA,kBAAY,EAACzB;IAC/B,MAAM0B,eAAeD,IAAAA,kBAAY,EAACvB;IAClC,qBACE,qBAACyB,4BAAa,8CACRb;QACJc,eAAeC,IAAAA,gBAAU,EACvB,6BACAd,aAAa,mCACbE,2CACAM;QAEFf,OAAO,4CACFA;YACHsB,UAAUrB;;kBAGZ,cAAA,sBAACsB;YACCC,WAAWH,IAAAA,gBAAU,kCAEnBV;;gBAGDM,IAAAA,kBAAY,EAAC1B,uBAAS,qBAACgC;oBAAIC,SAAS;8BAAkCjC;;gBACtE0B,IAAAA,kBAAY,EAACzB,yBACZ,qBAACiC,YAAK;oBACJC,OAAM;oBACNC,QAAO;oBACPH,SAAS;oBACTI,WAAWnC;8BAEVD;;gBAGJwB,aAAaE,8BAAgB,qBAACW,gBAAO;oBAAC5B,MAAM;;gBAC5CiB,8BACC,qBAACY,oCAAiB,CAACC,QAAQ;oBAACC,OAAO;wBAAEC,OAAO;oBAAU;8BACpD,cAAA,qBAACC,gBAAO;wBAACV,SAAS;wBAAsCI,WAAWjC;kCAChED;;;gBAKNE;gBAEAqB,IAAAA,kBAAY,EAACpB,0BAAY,qBAAC0B;oBAAIC,SAAS;8BAAqC3B;;gBAE5EO,sBAAsB,wBACrB,qBAAC+B,kDAAwB;oBACvBC,QAAQjC;oBACRL,SAASA;oBACTuC,MAAMjC;8BAELL;;;;;AAMb"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { TappableProps } from '../Tappable/Tappable';
+import { type TappableProps } from '../Tappable/Tappable';
 interface ModalCardBaseCloseButtonProps extends Omit<TappableProps, 'mode' | 'onClose'> {
     onClose?: VoidFunction;
     testId?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ModalCardBaseCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI/D,UAAU,6BAA8B,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IACrF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAoB,EACpB,MAAM,EACN,IAAI,EACJ,OAAO,GACR,EAAE,6BAA6B,GAAG,KAAK,CAAC,SAAS,CA4BjD"}
+{"version":3,"file":"ModalCardBaseCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIpE,UAAU,6BAA8B,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IACrF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAoB,EACpB,MAAM,EACN,IAAI,EACJ,OAAO,GACR,EAAE,6BAA6B,GAAG,KAAK,CAAC,SAAS,CA4BjD"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel, Icon24Dismiss } from '@vkontakte/icons';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalCardBase.module.css';\n\ninterface ModalCardBaseCloseButtonProps extends Omit<TappableProps, 'mode' | 'onClose'> {\n  onClose?: VoidFunction;\n  testId?: string;\n  mode?: 'inside' | 'outside';\n}\n\nexport function ModalCardBaseCloseButton({\n  children = 'Закрыть',\n  testId,\n  mode,\n  onClose,\n}: ModalCardBaseCloseButtonProps): React.ReactNode {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  if (isDesktop && mode === 'outside') {\n    return (\n      <ModalDismissButton data-testid={testId} onClick={onClose}>\n        {children}\n      </ModalDismissButton>\n    );\n  }\n\n  if (mode === 'inside' || (platform === 'ios' && !isDesktop)) {\n    return (\n      <Tappable\n        className={styles['ModalCardBase__dismiss']}\n        onClick={onClose}\n        hoverMode=\"opacity\"\n        activeMode=\"opacity\"\n        data-testid={testId}\n      >\n        <VisuallyHidden>{children}</VisuallyHidden>\n        {platform === 'ios' ? <Icon24Dismiss /> : <Icon20Cancel />}\n      </Tappable>\n    );\n  }\n\n  return null;\n}\n"],"names":["ModalCardBaseCloseButton","children","testId","mode","onClose","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","ModalDismissButton","data-testid","onClick","Tappable","className","hoverMode","activeMode","VisuallyHidden","Icon24Dismiss","Icon20Cancel"],"mappings":";;;;+BAegBA;;;eAAAA;;;;;iEAfO;uBACqB;iDACI;6BACpB;oCACO;0BACK;gCACT;AASxB,SAASA,yBAAyB,EACvCC,WAAW,SAAS,EACpBC,MAAM,EACNC,IAAI,EACJC,OAAO,EACuB;IAC9B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAErD,IAAID,aAAaJ,SAAS,WAAW;QACnC,qBACE,qBAACM,sCAAkB;YAACC,eAAaR;YAAQS,SAASP;sBAC/CH;;IAGP;IAEA,IAAIE,SAAS,YAAaE,aAAa,SAAS,CAACE,WAAY;QAC3D,qBACE,sBAACK,kBAAQ;YACPC,SAAS;YACTF,SAASP;YACTU,WAAU;YACVC,YAAW;YACXL,eAAaR;;8BAEb,qBAACc,8BAAc;8BAAEf;;gBAChBI,aAAa,sBAAQ,qBAACY,oBAAa,sBAAM,qBAACC,mBAAY;;;IAG7D;IAEA,OAAO;AACT"}
+{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel, Icon24Dismiss } from '@vkontakte/icons';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalCardBase.module.css';\n\ninterface ModalCardBaseCloseButtonProps extends Omit<TappableProps, 'mode' | 'onClose'> {\n  onClose?: VoidFunction;\n  testId?: string;\n  mode?: 'inside' | 'outside';\n}\n\nexport function ModalCardBaseCloseButton({\n  children = 'Закрыть',\n  testId,\n  mode,\n  onClose,\n}: ModalCardBaseCloseButtonProps): React.ReactNode {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  if (isDesktop && mode === 'outside') {\n    return (\n      <ModalDismissButton data-testid={testId} onClick={onClose}>\n        {children}\n      </ModalDismissButton>\n    );\n  }\n\n  if (mode === 'inside' || (platform === 'ios' && !isDesktop)) {\n    return (\n      <Tappable\n        className={styles['ModalCardBase__dismiss']}\n        onClick={onClose}\n        hoverMode=\"opacity\"\n        activeMode=\"opacity\"\n        data-testid={testId}\n      >\n        <VisuallyHidden>{children}</VisuallyHidden>\n        {platform === 'ios' ? <Icon24Dismiss /> : <Icon20Cancel />}\n      </Tappable>\n    );\n  }\n\n  return null;\n}\n"],"names":["ModalCardBaseCloseButton","children","testId","mode","onClose","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","ModalDismissButton","data-testid","onClick","Tappable","className","hoverMode","activeMode","VisuallyHidden","Icon24Dismiss","Icon20Cancel"],"mappings":";;;;+BAegBA;;;eAAAA;;;;;iEAfO;uBACqB;iDACI;6BACpB;oCACO;0BACU;gCACd;AASxB,SAASA,yBAAyB,EACvCC,WAAW,SAAS,EACpBC,MAAM,EACNC,IAAI,EACJC,OAAO,EACuB;IAC9B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAErD,IAAID,aAAaJ,SAAS,WAAW;QACnC,qBACE,qBAACM,sCAAkB;YAACC,eAAaR;YAAQS,SAASP;sBAC/CH;;IAGP;IAEA,IAAIE,SAAS,YAAaE,aAAa,SAAS,CAACE,WAAY;QAC3D,qBACE,sBAACK,kBAAQ;YACPC,SAAS;YACTF,SAASP;YACTU,WAAU;YACVC,YAAW;YACXL,eAAaR;;8BAEb,qBAACc,8BAAc;8BAAEf;;gBAChBI,aAAa,sBAAQ,qBAACY,oBAAa,sBAAM,qBAACC,mBAAY;;;IAG7D;IAEA,OAAO;AACT"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { NavIdProps } from '../../lib/getNavId';
-import { HTMLAttributesWithRootRef } from '../../types';
+import { type NavIdProps } from '../../lib/getNavId';
+import type { HTMLAttributesWithRootRef } from '../../types';
 export interface ModalPageProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {
     /**
      * Шапка модальной страницы, `<ModalPageHeader />`

package/dist/cjs/components/ModalPage/ModalPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalPage.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAaxD,MAAM,WAAW,cAAe,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IAC3F;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAID;;GAEG;AACH,eAAO,MAAM,SAAS,wQAoBnB,cAAc,KAAG,KAAK,CAAC,SA6EzB,CAAC"}
+{"version":3,"file":"ModalPage.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAa7D,MAAM,WAAW,cAAe,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IAC3F;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAID;;GAEG;AACH,eAAO,MAAM,SAAS,wQAoBnB,cAAc,KAAG,KAAK,CAAC,SA6EzB,CAAC"}

package/dist/cjs/components/ModalPage/ModalPage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useOrientationChange } from '../../hooks/useOrientationChange';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { multiRef } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ModalPageContext } from './ModalPageContext';\nimport styles from './ModalPage.module.css';\n\nconst sizeClassName = {\n  s: styles['ModalPage--size-s'],\n  m: styles['ModalPage--size-m'],\n  l: styles['ModalPage--size-l'],\n};\n\nexport interface ModalPageProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: 's' | 'm' | 'l' | number;\n  /**\n   * Задаёт модальному окну фиксированную высоту.\n   * Можно передать числовое значение в пикселях, а можно строкой, в том числе и в процентах \"50%\".\n   * В мобильной версии 'settlingHeight' будет считаться относительно заданного height.\n   */\n  height?: string | number;\n  /**\n   * Будет вызвано при начале открытия модалки.\n   */\n  onOpen?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном открытии модалки.\n   */\n  onOpened?: VoidFunction;\n  /**\n   * Будет вызвано при начале закрытия модалки.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном закрытии модалки.\n   */\n  onClosed?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n  /**\n   * Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)\n   */\n  hideCloseButton?: boolean;\n  modalContentTestId?: string;\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  modalDismissButtonTestId?: string;\n  /**\n   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)\n   *\n   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте\n   */\n  preventClose?: boolean;\n}\n\nconst warn = warnOnce('ModalPage');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = ({\n  children,\n  header,\n  size: sizeProp = 's',\n  onOpen,\n  onOpened,\n  onClose,\n  onClosed,\n  settlingHeight, // 75\n  dynamicContentHeight,\n  getModalContentRef,\n  nav,\n  id: idProp,\n  hideCloseButton = false,\n  height,\n  modalContentTestId,\n  modalDismissButtonTestId,\n  getRootRef,\n  preventClose,\n  ...restProps\n}: ModalPageProps): React.ReactNode => {\n  const generatingId = React.useId();\n  const id = idProp || generatingId;\n\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n\n  const platform = usePlatform();\n  const orientation = useOrientationChange();\n  const { sizeX, isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  React.useEffect(() => {\n    if (dynamicContentHeight) {\n      updateModalHeight();\n    }\n  }, [children, dynamicContentHeight, orientation, updateModalHeight]);\n\n  const isCloseButtonShown = !hideCloseButton && isDesktop;\n  const size = isDesktop ? sizeProp : 's';\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'page');\n  const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <ModalPageContext.Provider value={contextValue}>\n      <RootComponent\n        {...restProps}\n        getRootRef={rootRef}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={contextValue.labelId}\n        id={id}\n        baseClassName={classNames(\n          styles['ModalPage'],\n          platform === 'ios' && styles['ModalPage--ios'],\n          isDesktop && styles['ModalPage--desktop'],\n          sizeX === 'regular' && 'vkuiInternalModalPage--sizeX-regular',\n          typeof size === 'string' && sizeClassName[size],\n        )}\n      >\n        <div\n          className={styles['ModalPage__in-wrap']}\n          style={{\n            maxWidth: typeof size === 'number' ? size : undefined,\n            height,\n          }}\n          ref={refs.innerElement}\n        >\n          <div className={styles['ModalPage__in']}>\n            <div className={styles['ModalPage__header']} ref={refs.headerElement}>\n              {header}\n            </div>\n\n            <div className={styles['ModalPage__content-wrap']}>\n              <div\n                className={styles['ModalPage__content']}\n                ref={multiRef<HTMLDivElement>(refs.contentElement, getModalContentRef)}\n                {...(modalContentTestId && { 'data-testid': modalContentTestId })}\n              >\n                <div className={styles['ModalPage__content-in']}>{children}</div>\n              </div>\n              <div ref={refs.bottomInset} className={styles['ModalPage__bottom-inset']} />\n            </div>\n            {isCloseButtonShown && (\n              <ModalDismissButton\n                data-testid={modalDismissButtonTestId}\n                onClick={onClose || modalContext.onClose}\n              />\n            )}\n          </div>\n        </div>\n      </RootComponent>\n    </ModalPageContext.Provider>\n  );\n};\n"],"names":["ModalPage","sizeClassName","s","m","l","warn","warnOnce","children","header","size","sizeProp","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","idProp","hideCloseButton","height","modalContentTestId","modalDismissButtonTestId","getRootRef","preventClose","restProps","generatingId","React","useId","updateModalHeight","useContext","ModalRootContext","platform","usePlatform","orientation","useOrientationChange","sizeX","isDesktop","useAdaptivityWithJSMediaQueries","useEffect","isCloseButtonShown","modalContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","ModalPageContext","Provider","value","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","div","className","style","maxWidth","undefined","ref","innerElement","headerElement","multiRef","contentElement","bottomInset","ModalDismissButton","data-testid","onClick"],"mappings":";;;;+BAoFaA;;;eAAAA;;;;;;;;iEApFU;sBACI;iDACqB;8BACnB;sCACQ;6BACT;0BACS;uBACZ;0BACA;oCAEU;kCACgB;+BACrB;kCACG;AAGjC,MAAMC,gBAAgB;IACpBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AA2DA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,YAAY;QAAC,EACxBO,QAAQ,EACRC,MAAM,EACNC,MAAMC,WAAW,GAAG,EACpBC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,cAAc,EACdC,oBAAoB,EACpBC,kBAAkB,EAClBC,GAAG,EACHC,IAAIC,MAAM,EACVC,kBAAkB,KAAK,EACvBC,MAAM,EACNC,kBAAkB,EAClBC,wBAAwB,EACxBC,UAAU,EACVC,YAAY,EAEG,WADZC;QAlBHpB;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,eAAeC,OAAMC,KAAK;IAChC,MAAMX,KAAKC,UAAUQ;IAErB,MAAM,EAAEG,iBAAiB,EAAE,GAAGF,OAAMG,UAAU,CAACC,kCAAgB;IAE/D,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAMC,cAAcC,IAAAA,0CAAoB;IACxC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAE5DX,OAAMY,SAAS,CAAC;QACd,IAAIzB,sBAAsB;YACxBe;QACF;IACF,GAAG;QAACxB;QAAUS;QAAsBoB;QAAaL;KAAkB;IAEnE,MAAMW,qBAAqB,CAACrB,mBAAmBkB;IAC/C,MAAM9B,OAAO8B,YAAY7B,WAAW;IAEpC,MAAMiC,eAAed,OAAMG,UAAU,CAACC,kCAAgB;IACtD,MAAM,EAAEW,IAAI,EAAE,GAAGC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAE5B;QAAKC;IAAG,GAAGd,OAAO;IAC/D,MAAM0C,UAAUC,IAAAA,0BAAY,EAACvB,YAAYmB,KAAKK,YAAY;IAE1D,MAAMC,eAAerB,OAAMsB,OAAO,CAAC,IAAO,CAAA;YAAEC,SAAS,CAAC,EAAEjC,GAAG,MAAM,CAAC;QAAC,CAAA,GAAI;QAACA;KAAG;IAE3E,qBACE,qBAACkC,kCAAgB,CAACC,QAAQ;QAACC,OAAOL;kBAChC,cAAA,qBAACM,4BAAa,8CACR7B;YACJF,YAAYsB;YACZU,UAAU,CAAC;YACXC,MAAK;YACLC,cAAW;YACXC,mBAAiBV,aAAaE,OAAO;YACrCjC,IAAIA;YACJ0C,eAAeC,IAAAA,gBAAU,mBAEvB5B,aAAa,+BACbK,uCACAD,UAAU,aAAa,wCACvB,OAAO7B,SAAS,YAAYR,aAAa,CAACQ,KAAK;sBAGjD,cAAA,qBAACsD;gBACCC,SAAS;gBACTC,OAAO;oBACLC,UAAU,OAAOzD,SAAS,WAAWA,OAAO0D;oBAC5C7C;gBACF;gBACA8C,KAAKxB,KAAKyB,YAAY;0BAEtB,cAAA,sBAACN;oBAAIC,SAAS;;sCACZ,qBAACD;4BAAIC,SAAS;4BAA+BI,KAAKxB,KAAK0B,aAAa;sCACjE9D;;sCAGH,sBAACuD;4BAAIC,SAAS;;8CACZ,qBAACD;oCACCC,SAAS;oCACTI,KAAKG,IAAAA,eAAQ,EAAiB3B,KAAK4B,cAAc,EAAEvD;mCAC9CM,sBAAsB;oCAAE,eAAeA;gCAAmB;8CAE/D,cAAA,qBAACwC;wCAAIC,SAAS;kDAAoCzD;;;8CAEpD,qBAACwD;oCAAIK,KAAKxB,KAAK6B,WAAW;oCAAET,SAAS;;;;wBAEtCtB,oCACC,qBAACgC,sCAAkB;4BACjBC,eAAanD;4BACboD,SAAS/D,WAAW8B,aAAa9B,OAAO;;;;;;;AAQxD"}
+{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useOrientationChange } from '../../hooks/useOrientationChange';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { multiRef } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { ModalPageContext } from './ModalPageContext';\nimport styles from './ModalPage.module.css';\n\nconst sizeClassName = {\n  s: styles['ModalPage--size-s'],\n  m: styles['ModalPage--size-m'],\n  l: styles['ModalPage--size-l'],\n};\n\nexport interface ModalPageProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: 's' | 'm' | 'l' | number;\n  /**\n   * Задаёт модальному окну фиксированную высоту.\n   * Можно передать числовое значение в пикселях, а можно строкой, в том числе и в процентах \"50%\".\n   * В мобильной версии 'settlingHeight' будет считаться относительно заданного height.\n   */\n  height?: string | number;\n  /**\n   * Будет вызвано при начале открытия модалки.\n   */\n  onOpen?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном открытии модалки.\n   */\n  onOpened?: VoidFunction;\n  /**\n   * Будет вызвано при начале закрытия модалки.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном закрытии модалки.\n   */\n  onClosed?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n  /**\n   * Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)\n   */\n  hideCloseButton?: boolean;\n  modalContentTestId?: string;\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  modalDismissButtonTestId?: string;\n  /**\n   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)\n   *\n   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте\n   */\n  preventClose?: boolean;\n}\n\nconst warn = warnOnce('ModalPage');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = ({\n  children,\n  header,\n  size: sizeProp = 's',\n  onOpen,\n  onOpened,\n  onClose,\n  onClosed,\n  settlingHeight, // 75\n  dynamicContentHeight,\n  getModalContentRef,\n  nav,\n  id: idProp,\n  hideCloseButton = false,\n  height,\n  modalContentTestId,\n  modalDismissButtonTestId,\n  getRootRef,\n  preventClose,\n  ...restProps\n}: ModalPageProps): React.ReactNode => {\n  const generatingId = React.useId();\n  const id = idProp || generatingId;\n\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n\n  const platform = usePlatform();\n  const orientation = useOrientationChange();\n  const { sizeX, isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  React.useEffect(() => {\n    if (dynamicContentHeight) {\n      updateModalHeight();\n    }\n  }, [children, dynamicContentHeight, orientation, updateModalHeight]);\n\n  const isCloseButtonShown = !hideCloseButton && isDesktop;\n  const size = isDesktop ? sizeProp : 's';\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'page');\n  const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <ModalPageContext.Provider value={contextValue}>\n      <RootComponent\n        {...restProps}\n        getRootRef={rootRef}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={contextValue.labelId}\n        id={id}\n        baseClassName={classNames(\n          styles['ModalPage'],\n          platform === 'ios' && styles['ModalPage--ios'],\n          isDesktop && styles['ModalPage--desktop'],\n          sizeX === 'regular' && 'vkuiInternalModalPage--sizeX-regular',\n          typeof size === 'string' && sizeClassName[size],\n        )}\n      >\n        <div\n          className={styles['ModalPage__in-wrap']}\n          style={{\n            maxWidth: typeof size === 'number' ? size : undefined,\n            height,\n          }}\n          ref={refs.innerElement}\n        >\n          <div className={styles['ModalPage__in']}>\n            <div className={styles['ModalPage__header']} ref={refs.headerElement}>\n              {header}\n            </div>\n\n            <div className={styles['ModalPage__content-wrap']}>\n              <div\n                className={styles['ModalPage__content']}\n                ref={multiRef<HTMLDivElement>(refs.contentElement, getModalContentRef)}\n                {...(modalContentTestId && { 'data-testid': modalContentTestId })}\n              >\n                <div className={styles['ModalPage__content-in']}>{children}</div>\n              </div>\n              <div ref={refs.bottomInset} className={styles['ModalPage__bottom-inset']} />\n            </div>\n            {isCloseButtonShown && (\n              <ModalDismissButton\n                data-testid={modalDismissButtonTestId}\n                onClick={onClose || modalContext.onClose}\n              />\n            )}\n          </div>\n        </div>\n      </RootComponent>\n    </ModalPageContext.Provider>\n  );\n};\n"],"names":["ModalPage","sizeClassName","s","m","l","warn","warnOnce","children","header","size","sizeProp","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","idProp","hideCloseButton","height","modalContentTestId","modalDismissButtonTestId","getRootRef","preventClose","restProps","generatingId","React","useId","updateModalHeight","useContext","ModalRootContext","platform","usePlatform","orientation","useOrientationChange","sizeX","isDesktop","useAdaptivityWithJSMediaQueries","useEffect","isCloseButtonShown","modalContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","ModalPageContext","Provider","value","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","div","className","style","maxWidth","undefined","ref","innerElement","headerElement","multiRef","contentElement","bottomInset","ModalDismissButton","data-testid","onClick"],"mappings":";;;;+BAoFaA;;;eAAAA;;;;;;;;iEApFU;sBACI;iDACqB;8BACnB;sCACQ;6BACT;0BACc;uBACjB;0BACA;oCAEU;kCACgB;+BACrB;kCACG;AAGjC,MAAMC,gBAAgB;IACpBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AA2DA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,YAAY;QAAC,EACxBO,QAAQ,EACRC,MAAM,EACNC,MAAMC,WAAW,GAAG,EACpBC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,cAAc,EACdC,oBAAoB,EACpBC,kBAAkB,EAClBC,GAAG,EACHC,IAAIC,MAAM,EACVC,kBAAkB,KAAK,EACvBC,MAAM,EACNC,kBAAkB,EAClBC,wBAAwB,EACxBC,UAAU,EACVC,YAAY,EAEG,WADZC;QAlBHpB;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,eAAeC,OAAMC,KAAK;IAChC,MAAMX,KAAKC,UAAUQ;IAErB,MAAM,EAAEG,iBAAiB,EAAE,GAAGF,OAAMG,UAAU,CAACC,kCAAgB;IAE/D,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAMC,cAAcC,IAAAA,0CAAoB;IACxC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAE5DX,OAAMY,SAAS,CAAC;QACd,IAAIzB,sBAAsB;YACxBe;QACF;IACF,GAAG;QAACxB;QAAUS;QAAsBoB;QAAaL;KAAkB;IAEnE,MAAMW,qBAAqB,CAACrB,mBAAmBkB;IAC/C,MAAM9B,OAAO8B,YAAY7B,WAAW;IAEpC,MAAMiC,eAAed,OAAMG,UAAU,CAACC,kCAAgB;IACtD,MAAM,EAAEW,IAAI,EAAE,GAAGC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAE5B;QAAKC;IAAG,GAAGd,OAAO;IAC/D,MAAM0C,UAAUC,IAAAA,0BAAY,EAACvB,YAAYmB,KAAKK,YAAY;IAE1D,MAAMC,eAAerB,OAAMsB,OAAO,CAAC,IAAO,CAAA;YAAEC,SAAS,CAAC,EAAEjC,GAAG,MAAM,CAAC;QAAC,CAAA,GAAI;QAACA;KAAG;IAE3E,qBACE,qBAACkC,kCAAgB,CAACC,QAAQ;QAACC,OAAOL;kBAChC,cAAA,qBAACM,4BAAa,8CACR7B;YACJF,YAAYsB;YACZU,UAAU,CAAC;YACXC,MAAK;YACLC,cAAW;YACXC,mBAAiBV,aAAaE,OAAO;YACrCjC,IAAIA;YACJ0C,eAAeC,IAAAA,gBAAU,mBAEvB5B,aAAa,+BACbK,uCACAD,UAAU,aAAa,wCACvB,OAAO7B,SAAS,YAAYR,aAAa,CAACQ,KAAK;sBAGjD,cAAA,qBAACsD;gBACCC,SAAS;gBACTC,OAAO;oBACLC,UAAU,OAAOzD,SAAS,WAAWA,OAAO0D;oBAC5C7C;gBACF;gBACA8C,KAAKxB,KAAKyB,YAAY;0BAEtB,cAAA,sBAACN;oBAAIC,SAAS;;sCACZ,qBAACD;4BAAIC,SAAS;4BAA+BI,KAAKxB,KAAK0B,aAAa;sCACjE9D;;sCAGH,sBAACuD;4BAAIC,SAAS;;8CACZ,qBAACD;oCACCC,SAAS;oCACTI,KAAKG,IAAAA,eAAQ,EAAiB3B,KAAK4B,cAAc,EAAEvD;mCAC9CM,sBAAsB;oCAAE,eAAeA;gCAAmB;8CAE/D,cAAA,qBAACwC;wCAAIC,SAAS;kDAAoCzD;;;8CAEpD,qBAACwD;oCAAIK,KAAKxB,KAAK6B,WAAW;oCAAET,SAAS;;;;wBAEtCtB,oCACC,qBAACgC,sCAAkB;4BACjBC,eAAanD;4BACboD,SAAS/D,WAAW8B,aAAa9B,OAAO;;;;;;;AAQxD"}

package/dist/cjs/components/ModalPageHeader/ModalPageHeader.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
-import { PanelHeaderProps } from '../PanelHeader/PanelHeader';
+import type { HasRef, HasRootRef } from '../../types';
+import { type PanelHeaderProps } from '../PanelHeader/PanelHeader';
 export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElement>, Omit<PanelHeaderProps, 'fixed' | 'shadow' | 'delimiter'>, HasRef<HTMLDivElement>, HasRootRef<HTMLDivElement> {
     noSeparator?: boolean;
 }

package/dist/cjs/components/ModalPageHeader/ModalPageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalPageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAI3E,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC,EACxD,MAAM,CAAC,cAAc,CAAC,EACtB,UAAU,CAAC,cAAc,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,oFAOzB,oBAAoB,KAAG,KAAK,CAAC,SAiC/B,CAAC"}
+{"version":3,"file":"ModalPageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAIhF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC,EACxD,MAAM,CAAC,cAAc,CAAC,EACtB,UAAU,CAAC,cAAc,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,oFAOzB,oBAAoB,KAAG,KAAK,CAAC,SAiC/B,CAAC"}

package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { ModalPageContext } from '../ModalPage/ModalPageContext';\nimport { PanelHeader, PanelHeaderProps } from '../PanelHeader/PanelHeader';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageHeader.module.css';\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, 'fixed' | 'shadow' | 'delimiter'>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  noSeparator?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n  children,\n  noSeparator = false,\n  getRootRef,\n  className,\n  typographyProps,\n  ...restProps\n}: ModalPageHeaderProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { isDesktop, sizeX } = useAdaptivityWithJSMediaQueries();\n  const { labelId } = React.useContext(ModalPageContext);\n\n  return (\n    <>\n      <div\n        className={classNames(\n          styles['ModalPageHeader'],\n          platform !== 'vkcom' && styles['ModalPageHeader--withGaps'],\n          isDesktop && styles['ModalPageHeader--desktop'],\n        )}\n        ref={getRootRef}\n      >\n        <PanelHeader\n          className={classNames('vkuiInternalModalPageHeader__in', className)}\n          typographyProps={{\n            Component: 'h2',\n            id: labelId,\n            ...typographyProps,\n          }}\n          {...restProps}\n          fixed={false}\n          delimiter=\"none\"\n          transparent\n        >\n          {children}\n        </PanelHeader>\n      </div>\n      {!noSeparator && <Separator wide={sizeX === 'regular'} />}\n    </>\n  );\n};\n"],"names":["ModalPageHeader","children","noSeparator","getRootRef","className","typographyProps","restProps","platform","usePlatform","isDesktop","sizeX","useAdaptivityWithJSMediaQueries","labelId","React","useContext","ModalPageContext","div","classNames","ref","PanelHeader","Component","id","fixed","delimiter","transparent","Separator","wide"],"mappings":";;;;+BAqBaA;;;eAAAA;;;;;;;;iEArBU;sBACI;iDACqB;6BACpB;kCAEK;6BACa;2BACpB;AAcnB,MAAMA,kBAAkB;QAAC,EAC9BC,QAAQ,EACRC,cAAc,KAAK,EACnBC,UAAU,EACVC,SAAS,EACTC,eAAe,EAEM,WADlBC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,IAAAA,gEAA+B;IAC5D,MAAM,EAAEC,OAAO,EAAE,GAAGC,OAAMC,UAAU,CAACC,kCAAgB;IAErD,qBACE;;0BACE,qBAACC;gBACCZ,WAAWa,IAAAA,gBAAU,yBAEnBV,aAAa,4CACbE;gBAEFS,KAAKf;0BAEL,cAAA,qBAACgB,wBAAW;oBACVf,WAAWa,IAAAA,gBAAU,EAAC,mCAAmCb;oBACzDC,iBAAiB;wBACfe,WAAW;wBACXC,IAAIT;uBACDP;mBAEDC;oBACJgB,OAAO;oBACPC,WAAU;oBACVC,WAAW;8BAEVvB;;;YAGJ,CAACC,6BAAe,qBAACuB,oBAAS;gBAACC,MAAMhB,UAAU;;;;AAGlD"}
+{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasRef, HasRootRef } from '../../types';\nimport { ModalPageContext } from '../ModalPage/ModalPageContext';\nimport { PanelHeader, type PanelHeaderProps } from '../PanelHeader/PanelHeader';\nimport { Separator } from '../Separator/Separator';\nimport styles from './ModalPageHeader.module.css';\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, 'fixed' | 'shadow' | 'delimiter'>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  noSeparator?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n  children,\n  noSeparator = false,\n  getRootRef,\n  className,\n  typographyProps,\n  ...restProps\n}: ModalPageHeaderProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { isDesktop, sizeX } = useAdaptivityWithJSMediaQueries();\n  const { labelId } = React.useContext(ModalPageContext);\n\n  return (\n    <>\n      <div\n        className={classNames(\n          styles['ModalPageHeader'],\n          platform !== 'vkcom' && styles['ModalPageHeader--withGaps'],\n          isDesktop && styles['ModalPageHeader--desktop'],\n        )}\n        ref={getRootRef}\n      >\n        <PanelHeader\n          className={classNames('vkuiInternalModalPageHeader__in', className)}\n          typographyProps={{\n            Component: 'h2',\n            id: labelId,\n            ...typographyProps,\n          }}\n          {...restProps}\n          fixed={false}\n          delimiter=\"none\"\n          transparent\n        >\n          {children}\n        </PanelHeader>\n      </div>\n      {!noSeparator && <Separator wide={sizeX === 'regular'} />}\n    </>\n  );\n};\n"],"names":["ModalPageHeader","children","noSeparator","getRootRef","className","typographyProps","restProps","platform","usePlatform","isDesktop","sizeX","useAdaptivityWithJSMediaQueries","labelId","React","useContext","ModalPageContext","div","classNames","ref","PanelHeader","Component","id","fixed","delimiter","transparent","Separator","wide"],"mappings":";;;;+BAqBaA;;;eAAAA;;;;;;;;iEArBU;sBACI;iDACqB;6BACpB;kCAEK;6BACkB;2BACzB;AAcnB,MAAMA,kBAAkB;QAAC,EAC9BC,QAAQ,EACRC,cAAc,KAAK,EACnBC,UAAU,EACVC,SAAS,EACTC,eAAe,EAEM,WADlBC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,IAAAA,gEAA+B;IAC5D,MAAM,EAAEC,OAAO,EAAE,GAAGC,OAAMC,UAAU,CAACC,kCAAgB;IAErD,qBACE;;0BACE,qBAACC;gBACCZ,WAAWa,IAAAA,gBAAU,yBAEnBV,aAAa,4CACbE;gBAEFS,KAAKf;0BAEL,cAAA,qBAACgB,wBAAW;oBACVf,WAAWa,IAAAA,gBAAU,EAAC,mCAAmCb;oBACzDC,iBAAiB;wBACfe,WAAW;wBACXC,IAAIT;uBACDP;mBAEDC;oBACJgB,OAAO;oBACPC,WAAU;oBACVC,WAAW;8BAEVvB;;;YAGJ,CAACC,6BAAe,qBAACuB,oBAAS;gBAACC,MAAMhB,UAAU;;;;AAGlD"}