@vkontakte/vkui 5.8.2 → 5.9.1

package/dist/cjs/components/ImageBase/validators.js

@@ -9,17 +9,17 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    validateFallbackIcon: function() {
-        return validateFallbackIcon;
-    },
-    validateSize: function() {
-        return validateSize;
-    },
     validateBadgeIcon: function() {
         return validateBadgeIcon;
     },
+    validateFallbackIcon: function() {
+        return validateFallbackIcon;
+    },
     validateOverlayIcon: function() {
         return validateOverlayIcon;
+    },
+    validateSize: function() {
+        return validateSize;
     }
 });
 var _warnOnce = require("../../lib/warnOnce");

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ImageBase/validators.ts"],"sourcesContent":["import { warnOnce } from '../../lib/warnOnce';\nimport {\n  getBadgeIconSizeByImageBaseSize,\n  getFallbackIconSizeByImageBaseSize,\n  getOverlayIconSizeByImageBaseSize,\n} from './helpers';\nimport { imageBaseSizes } from './types';\n\n/**\n * Пример,\n *\n * Icon28User -> 28\n * Icon12Circle1 -> 12\n * Icon12Circle2 -> 12\n * Icon20TextHeading1Outline -> 20\n */\nfunction parseIconSizeByDisplayName(displayName: unknown): number | null {\n  if (typeof displayName !== 'string') {\n    return null;\n  }\n\n  const match = /Icon(\\d+)/.exec(displayName);\n\n  return match ? Number(match[1]) : null;\n}\n\nfunction parseIconSizeByWidthProp(width: unknown): number | null {\n  if (typeof width !== 'string' && typeof width !== 'number') {\n    return null;\n  }\n  const size = Number(width);\n  return size > 0 ? size : null;\n}\n\nfunction getElementDisplayName(element: JSX.Element): string | null {\n  return element.type.displayName ?? null;\n}\n\nfunction getElementWidthProp(element: JSX.Element): number | string | null {\n  return element.props.width ?? null;\n}\n\nfunction getIconSizeByElement(element: JSX.Element): number | null {\n  const sizeByDisplayName = parseIconSizeByDisplayName(getElementDisplayName(element));\n  const sizeByWidth = parseIconSizeByWidthProp(getElementWidthProp(element));\n  return sizeByWidth ? sizeByWidth : sizeByDisplayName;\n}\n\ninterface IconProp {\n  name: string;\n  value: JSX.Element;\n}\n\ninterface SelectorFn {\n  (imageSize: number): number;\n  MAX_SIZE: number;\n}\n\nfunction validateIconComponentSizeByImageSize(\n  imageSize: number,\n  iconProp: IconProp,\n  selectorFn: SelectorFn,\n  logger: ReturnType<typeof warnOnce>,\n) {\n  const iconSize = getIconSizeByElement(iconProp.value);\n\n  if (iconSize === null) {\n    return;\n  }\n\n  const result = selectorFn(imageSize);\n\n  if (result === iconSize || (result === selectorFn.MAX_SIZE && iconSize >= result)) {\n    return;\n  }\n\n  const iconName = getElementDisplayName(iconProp.value);\n  const propMessage = iconName ? `${iconProp.name}={<${iconName} />}` : iconProp.name;\n\n  logger(\n    `Размер \\`${propMessage}\\` не соответствует дизайн-системе. Для \\`size={${imageSize}}\\` размер иконки для \\`${iconProp.name}\\` должен соответствовать <Icon${result}<name> />. Если такого размера нет, то используйте <${iconName} width={${result}} height={${result}} />`,\n    'log',\n  );\n}\n\nconst warnImageBase = warnOnce('ImageBase');\n\nexport function validateFallbackIcon(imageSize: number, iconProp: IconProp) {\n  return validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getFallbackIconSizeByImageBaseSize,\n    warnImageBase,\n  );\n}\n\nconst mapOfExpectedSize = new Set<number>(imageBaseSizes);\n\nconst arrayOfSizes = Object.keys(mapOfExpectedSize).map((str) => Number(str));\nconst maxSize = arrayOfSizes.reduce((maxSize, size) => (size > maxSize ? size : maxSize), 0);\n\nexport function validateSize(imageSize: number): void {\n  if (imageSize > maxSize || mapOfExpectedSize.has(imageSize)) {\n    return;\n  }\n  warnImageBase(\n    `\\`size={${imageSize}}\\` не соответствует дизайн-системе. Пожалуйста, используйте один из следующих вариантов: ${arrayOfSizes.join(\n      ' | ',\n    )}`,\n    'log',\n  );\n}\n\nconst warnImageBaseBadge = warnOnce('ImageBase.Badge');\n\nexport function validateBadgeIcon(imageSize: number, iconProp: IconProp): void {\n  if (imageSize < 24 && iconProp) {\n    return warnImageBaseBadge('Не используйте бейдж при `size < 24`.', 'log');\n  }\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getBadgeIconSizeByImageBaseSize,\n    warnImageBaseBadge,\n  );\n}\n\nconst warnImageBaseOverlay = warnOnce('ImageBase.Overlay');\n\nexport function validateOverlayIcon(imageSize: number, iconProp: IconProp): void {\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getOverlayIconSizeByImageBaseSize,\n    warnImageBaseOverlay,\n  );\n}\n"],"names":["validateFallbackIcon","validateSize","validateBadgeIcon","validateOverlayIcon","parseIconSizeByDisplayName","displayName","match","exec","Number","parseIconSizeByWidthProp","width","size","getElementDisplayName","element","type","getElementWidthProp","props","getIconSizeByElement","sizeByDisplayName","sizeByWidth","validateIconComponentSizeByImageSize","imageSize","iconProp","selectorFn","logger","iconSize","value","result","MAX_SIZE","iconName","propMessage","name","warnImageBase","warnOnce","getFallbackIconSizeByImageBaseSize","mapOfExpectedSize","Set","imageBaseSizes","arrayOfSizes","Object","keys","map","str","maxSize","reduce","has","join","warnImageBaseBadge","getBadgeIconSizeByImageBaseSize","warnImageBaseOverlay","getOverlayIconSizeByImageBaseSize"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ImageBase/validators.ts"],"sourcesContent":["import { warnOnce } from '../../lib/warnOnce';\nimport {\n  getBadgeIconSizeByImageBaseSize,\n  getFallbackIconSizeByImageBaseSize,\n  getOverlayIconSizeByImageBaseSize,\n} from './helpers';\nimport { imageBaseSizes } from './types';\n\n/**\n * Пример,\n *\n * Icon28User -> 28\n * Icon12Circle1 -> 12\n * Icon12Circle2 -> 12\n * Icon20TextHeading1Outline -> 20\n */\nfunction parseIconSizeByDisplayName(displayName: unknown): number | null {\n  if (typeof displayName !== 'string') {\n    return null;\n  }\n\n  const match = /Icon(\\d+)/.exec(displayName);\n\n  return match ? Number(match[1]) : null;\n}\n\nfunction parseIconSizeByWidthProp(width: unknown): number | null {\n  if (typeof width !== 'string' && typeof width !== 'number') {\n    return null;\n  }\n  const size = Number(width);\n  return size > 0 ? size : null;\n}\n\nfunction getElementDisplayName(element: JSX.Element): string | null {\n  return element.type.displayName ?? null;\n}\n\nfunction getElementWidthProp(element: JSX.Element): number | string | null {\n  return element.props.width ?? null;\n}\n\nfunction getIconSizeByElement(element: JSX.Element): number | null {\n  const sizeByDisplayName = parseIconSizeByDisplayName(getElementDisplayName(element));\n  const sizeByWidth = parseIconSizeByWidthProp(getElementWidthProp(element));\n  return sizeByWidth ? sizeByWidth : sizeByDisplayName;\n}\n\ninterface IconProp {\n  name: string;\n  value: JSX.Element;\n}\n\ninterface SelectorFn {\n  (imageSize: number): number;\n  MAX_SIZE: number;\n}\n\nfunction validateIconComponentSizeByImageSize(\n  imageSize: number,\n  iconProp: IconProp,\n  selectorFn: SelectorFn,\n  logger: ReturnType<typeof warnOnce>,\n) {\n  const iconSize = getIconSizeByElement(iconProp.value);\n\n  if (iconSize === null) {\n    return;\n  }\n\n  const result = selectorFn(imageSize);\n\n  if (result === iconSize || (result === selectorFn.MAX_SIZE && iconSize >= result)) {\n    return;\n  }\n\n  const iconName = getElementDisplayName(iconProp.value);\n  const propMessage = iconName ? `${iconProp.name}={<${iconName} />}` : iconProp.name;\n\n  logger(\n    `Размер \\`${propMessage}\\` не соответствует дизайн-системе. Для \\`size={${imageSize}}\\` размер иконки для \\`${iconProp.name}\\` должен соответствовать <Icon${result}<name> />. Если такого размера нет, то используйте <${iconName} width={${result}} height={${result}} />`,\n    'log',\n  );\n}\n\nconst warnImageBase = warnOnce('ImageBase');\n\nexport function validateFallbackIcon(imageSize: number, iconProp: IconProp) {\n  return validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getFallbackIconSizeByImageBaseSize,\n    warnImageBase,\n  );\n}\n\nconst mapOfExpectedSize = new Set<number>(imageBaseSizes);\n\nconst arrayOfSizes = Object.keys(mapOfExpectedSize).map((str) => Number(str));\nconst maxSize = arrayOfSizes.reduce((maxSize, size) => (size > maxSize ? size : maxSize), 0);\n\nexport function validateSize(imageSize: number): void {\n  if (imageSize > maxSize || mapOfExpectedSize.has(imageSize)) {\n    return;\n  }\n  warnImageBase(\n    `\\`size={${imageSize}}\\` не соответствует дизайн-системе. Пожалуйста, используйте один из следующих вариантов: ${arrayOfSizes.join(\n      ' | ',\n    )}`,\n    'log',\n  );\n}\n\nconst warnImageBaseBadge = warnOnce('ImageBase.Badge');\n\nexport function validateBadgeIcon(imageSize: number, iconProp: IconProp): void {\n  if (imageSize < 24 && iconProp) {\n    return warnImageBaseBadge('Не используйте бейдж при `size < 24`.', 'log');\n  }\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getBadgeIconSizeByImageBaseSize,\n    warnImageBaseBadge,\n  );\n}\n\nconst warnImageBaseOverlay = warnOnce('ImageBase.Overlay');\n\nexport function validateOverlayIcon(imageSize: number, iconProp: IconProp): void {\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getOverlayIconSizeByImageBaseSize,\n    warnImageBaseOverlay,\n  );\n}\n"],"names":["validateBadgeIcon","validateFallbackIcon","validateOverlayIcon","validateSize","parseIconSizeByDisplayName","displayName","match","exec","Number","parseIconSizeByWidthProp","width","size","getElementDisplayName","element","type","getElementWidthProp","props","getIconSizeByElement","sizeByDisplayName","sizeByWidth","validateIconComponentSizeByImageSize","imageSize","iconProp","selectorFn","logger","iconSize","value","result","MAX_SIZE","iconName","propMessage","name","warnImageBase","warnOnce","getFallbackIconSizeByImageBaseSize","mapOfExpectedSize","Set","imageBaseSizes","arrayOfSizes","Object","keys","map","str","maxSize","reduce","has","join","warnImageBaseBadge","getBadgeIconSizeByImageBaseSize","warnImageBaseOverlay","getOverlayIconSizeByImageBaseSize"],"mappings":"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"}

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

@@ -7,3 +7,4 @@ export interface InfoRowProps extends HTMLAttributesWithRootRef<HTMLDivElement>
  * @see https://vkcom.github.io/VKUI/#/InfoRow
  */
 export declare const InfoRow: ({ header, children, className, ...restProps }: InfoRowProps) => React.JSX.Element;
+//# sourceMappingURL=InfoRow.d.ts.map

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

@@ -0,0 +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,kDAAmD,YAAY,sBAelF,CAAC"}

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

@@ -7,3 +7,4 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>,
  * @see https://vkcom.github.io/VKUI/#/Input
  */
 export declare const Input: ({ type, align, getRef, className, getRootRef, style, before, after, status, mode, ...restProps }: InputProps) => React.JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/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,cAAc;CAAG;AAErB;;GAEG;AACH,eAAO,MAAM,KAAK,qGAYf,UAAU,sBAgCZ,CAAC"}

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

@@ -10,3 +10,4 @@ export declare const InputLike: {
     ({ value, length, index, onElementSelect, onClick, onFocus, ...props }: InputLikeProps): React.JSX.Element;
     displayName: string;
 };
+//# sourceMappingURL=InputLike.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputLike.d.ts","sourceRoot":"","sources":["../../../../src/components/InputLike/InputLike.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,cAAe,SAAQ,yBAAyB,CAAC,eAAe,CAAC;IAChF,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC;AAgBD,eAAO,MAAM,SAAS;4EAQnB,cAAc;;CA2BhB,CAAC"}

package/dist/cjs/components/InputLike/InputLike.js

@@ -35,11 +35,9 @@ var InputLike = function(_param) {
         "onClick",
         "onFocus"
     ]);
-    var _value, _value1, _value2, _value3;
     var handleElementSelect = _react.useCallback(function(event) {
-        var _onElementSelect;
         (0, _utils.stopPropagation)(event);
-        (_onElementSelect = onElementSelect) === null || _onElementSelect === void 0 ? void 0 : _onElementSelect(index);
+        onElementSelect === null || onElementSelect === void 0 ? void 0 : onElementSelect(index);
     }, [
         index,
         onElementSelect
@@ -47,14 +45,14 @@ var InputLike = function(_param) {
     var _value_length;
     return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread._({
         Component: "span",
-        baseClassName: ((_value = value) === null || _value === void 0 ? void 0 : _value.length) === length ? "vkuiInputLike--full" : undefined,
+        baseClassName: (value === null || value === void 0 ? void 0 : value.length) === length ? "vkuiInputLike--full" : undefined,
         tabIndex: 0,
         onClick: (0, _callMultiple.callMultiple)(onClick, handleElementSelect),
         onFocus: (0, _callMultiple.callMultiple)(_utils.stopPropagation, onFocus)
-    }, props), (_value1 = value) === null || _value1 === void 0 ? void 0 : _value1.slice(0, length - 1), ((_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.slice(length - 1)) && /*#__PURE__*/ _react.createElement("span", {
+    }, props), value === null || value === void 0 ? void 0 : value.slice(0, length - 1), (value === null || value === void 0 ? void 0 : value.slice(length - 1)) && /*#__PURE__*/ _react.createElement("span", {
         key: index,
         className: "vkuiInputLike__last_character"
-    }, value.slice(length - 1)), getMaskElements(length - ((_value_length = (_value3 = value) === null || _value3 === void 0 ? void 0 : _value3.length) !== null && _value_length !== void 0 ? _value_length : 0)));
+    }, value.slice(length - 1)), getMaskElements(length - ((_value_length = value === null || value === void 0 ? void 0 : value.length) !== null && _value_length !== void 0 ? _value_length : 0)));
 };
 InputLike.displayName = "InputLike";
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InputLike/InputLike.tsx"],"sourcesContent":["import * as React from 'react';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { stopPropagation } from '../../lib/utils';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './InputLike.module.css';\n\nexport interface InputLikeProps extends HTMLAttributesWithRootRef<HTMLSpanElement> {\n  length: number;\n  index: number;\n  value?: string;\n  onElementSelect?(index: number): void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n  const result = [];\n  for (let index = 0; index < length; index += 1) {\n    result.push(\n      <span key={index} className={styles['InputLike__mask']}>\n        {MASK_SYMBOL}\n      </span>,\n    );\n  }\n  return result;\n}\n\nexport const InputLike = ({\n  value,\n  length,\n  index,\n  onElementSelect,\n  onClick,\n  onFocus,\n  ...props\n}: InputLikeProps) => {\n  const handleElementSelect = React.useCallback(\n    (event: React.MouseEvent<HTMLSpanElement>) => {\n      stopPropagation(event);\n      onElementSelect?.(index);\n    },\n    [index, onElementSelect],\n  );\n\n  return (\n    <RootComponent\n      Component=\"span\"\n      baseClassName={value?.length === length ? styles['InputLike--full'] : undefined}\n      tabIndex={0}\n      onClick={callMultiple(onClick, handleElementSelect)}\n      onFocus={callMultiple(stopPropagation, onFocus)}\n      {...props}\n    >\n      {value?.slice(0, length - 1)}\n      {value?.slice(length - 1) && (\n        <span key={index} className={styles['InputLike__last_character']}>\n          {value.slice(length - 1)}\n        </span>\n      )}\n      {getMaskElements(length - (value?.length ?? 0))}\n    </RootComponent>\n  );\n};\n\nInputLike.displayName = 'InputLike';\n"],"names":["InputLike","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","span","key","className","value","onElementSelect","onClick","onFocus","props","handleElementSelect","React","useCallback","event","stopPropagation","RootComponent","Component","baseClassName","undefined","tabIndex","callMultiple","slice","displayName"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;+DA5BU;4BACM;qBACG;6BAEF;AAU9B,IAAMC,cAAcC,OAAOC,YAAY,CAAC;AAExC,SAASC,gBAAgBC,MAAc;IACrC,IAAMC,SAAS,EAAE;IACjB,IAAK,IAAIC,QAAQ,GAAGA,QAAQF,QAAQE,SAAS,EAAG;QAC9CD,OAAOE,IAAI,eACT,qBAACC;YAAKC,KAAKH;YAAOI,SAAS;WACxBV;IAGP;IACA,OAAOK;AACT;AAEO,IAAMN,YAAY;QACvBY,eAAAA,OACAP,gBAAAA,QACAE,eAAAA,OACAM,yBAAAA,iBACAC,iBAAAA,SACAC,iBAAAA,SACGC;QANHJ;QACAP;QACAE;QACAM;QACAC;QACAC;;QAcmBH,QAMdA,SACAA,SAK0BA;IAvB/B,IAAMK,sBAAsBC,OAAMC,WAAW,CAC3C,SAACC;YAECP;QADAQ,IAAAA,sBAAe,EAACD;SAChBP,mBAAAA,6BAAAA,uCAAAA,iBAAkBN;IACpB,GACA;QAACA;QAAOM;KAAgB;QAkBKD;IAf/B,qBACE,qBAACU,4BAAa;QACZC,WAAU;QACVC,eAAeZ,EAAAA,SAAAA,mBAAAA,6BAAAA,OAAOP,MAAM,MAAKA,iCAAqCoB;QACtEC,UAAU;QACVZ,SAASa,IAAAA,0BAAY,EAACb,SAASG;QAC/BF,SAASY,IAAAA,0BAAY,EAACN,sBAAe,EAAEN;OACnCC,SAEHJ,UAAAA,mBAAAA,8BAAAA,QAAOgB,KAAK,CAAC,GAAGvB,SAAS,IACzBO,EAAAA,UAAAA,mBAAAA,8BAAAA,QAAOgB,KAAK,CAACvB,SAAS,qBACrB,qBAACI;QAAKC,KAAKH;QAAOI,SAAS;OACxBC,MAAMgB,KAAK,CAACvB,SAAS,KAGzBD,gBAAgBC,SAAUO,CAAAA,CAAAA,iBAAAA,UAAAA,mBAAAA,8BAAAA,QAAOP,MAAM,cAAbO,2BAAAA,gBAAiB,CAAA;AAGlD;AAEAZ,UAAU6B,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/InputLike/InputLike.tsx"],"sourcesContent":["import * as React from 'react';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { stopPropagation } from '../../lib/utils';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './InputLike.module.css';\n\nexport interface InputLikeProps extends HTMLAttributesWithRootRef<HTMLSpanElement> {\n  length: number;\n  index: number;\n  value?: string;\n  onElementSelect?(index: number): void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n  const result = [];\n  for (let index = 0; index < length; index += 1) {\n    result.push(\n      <span key={index} className={styles['InputLike__mask']}>\n        {MASK_SYMBOL}\n      </span>,\n    );\n  }\n  return result;\n}\n\nexport const InputLike = ({\n  value,\n  length,\n  index,\n  onElementSelect,\n  onClick,\n  onFocus,\n  ...props\n}: InputLikeProps) => {\n  const handleElementSelect = React.useCallback(\n    (event: React.MouseEvent<HTMLSpanElement>) => {\n      stopPropagation(event);\n      onElementSelect?.(index);\n    },\n    [index, onElementSelect],\n  );\n\n  return (\n    <RootComponent\n      Component=\"span\"\n      baseClassName={value?.length === length ? styles['InputLike--full'] : undefined}\n      tabIndex={0}\n      onClick={callMultiple(onClick, handleElementSelect)}\n      onFocus={callMultiple(stopPropagation, onFocus)}\n      {...props}\n    >\n      {value?.slice(0, length - 1)}\n      {value?.slice(length - 1) && (\n        <span key={index} className={styles['InputLike__last_character']}>\n          {value.slice(length - 1)}\n        </span>\n      )}\n      {getMaskElements(length - (value?.length ?? 0))}\n    </RootComponent>\n  );\n};\n\nInputLike.displayName = 'InputLike';\n"],"names":["InputLike","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","span","key","className","value","onElementSelect","onClick","onFocus","props","handleElementSelect","React","useCallback","event","stopPropagation","RootComponent","Component","baseClassName","undefined","tabIndex","callMultiple","slice","displayName"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;+DA5BU;4BACM;qBACG;6BAEF;AAU9B,IAAMC,cAAcC,OAAOC,YAAY,CAAC;AAExC,SAASC,gBAAgBC,MAAc;IACrC,IAAMC,SAAS,EAAE;IACjB,IAAK,IAAIC,QAAQ,GAAGA,QAAQF,QAAQE,SAAS,EAAG;QAC9CD,OAAOE,IAAI,eACT,qBAACC;YAAKC,KAAKH;YAAOI,SAAS;WACxBV;IAGP;IACA,OAAOK;AACT;AAEO,IAAMN,YAAY;QACvBY,eAAAA,OACAP,gBAAAA,QACAE,eAAAA,OACAM,yBAAAA,iBACAC,iBAAAA,SACAC,iBAAAA,SACGC;QANHJ;QACAP;QACAE;QACAM;QACAC;QACAC;;IAGA,IAAME,sBAAsBC,OAAMC,WAAW,CAC3C,SAACC;QACCC,IAAAA,sBAAe,EAACD;QAChBP,4BAAAA,sCAAAA,gBAAkBN;IACpB,GACA;QAACA;QAAOM;KAAgB;QAkBKD;IAf/B,qBACE,qBAACU,4BAAa;QACZC,WAAU;QACVC,eAAeZ,CAAAA,kBAAAA,4BAAAA,MAAOP,MAAM,MAAKA,iCAAqCoB;QACtEC,UAAU;QACVZ,SAASa,IAAAA,0BAAY,EAACb,SAASG;QAC/BF,SAASY,IAAAA,0BAAY,EAACN,sBAAe,EAAEN;OACnCC,QAEHJ,kBAAAA,4BAAAA,MAAOgB,KAAK,CAAC,GAAGvB,SAAS,IACzBO,CAAAA,kBAAAA,4BAAAA,MAAOgB,KAAK,CAACvB,SAAS,qBACrB,qBAACI;QAAKC,KAAKH;QAAOI,SAAS;OACxBC,MAAMgB,KAAK,CAACvB,SAAS,KAGzBD,gBAAgBC,SAAUO,CAAAA,CAAAA,gBAAAA,kBAAAA,4BAAAA,MAAOP,MAAM,cAAbO,2BAAAA,gBAAiB,CAAA;AAGlD;AAEAZ,UAAU6B,WAAW,GAAG"}

package/dist/cjs/components/InputLike/InputLikeDivider.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare const InputLikeDivider: ({ children, className, ...props }: React.InputHTMLAttributes<HTMLSpanElement>) => React.JSX.Element;
+//# sourceMappingURL=InputLikeDivider.d.ts.map

package/dist/cjs/components/InputLike/InputLikeDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLikeDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/InputLike/InputLikeDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,gBAAgB,sCAI1B,MAAM,mBAAmB,CAAC,eAAe,CAAC,sBAM5C,CAAC"}

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

@@ -10,3 +10,4 @@ export interface LinkProps extends TappableProps {
  * @see https://vkcom.github.io/VKUI/#/Link
  */
 export declare const Link: ({ hasVisited, children, className, ...restProps }: LinkProps) => React.JSX.Element;
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,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,sDAAuD,SAAS,sBAahF,CAAC"}

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

@@ -5,3 +5,4 @@ export type ListProps = HTMLAttributesWithRootRef<HTMLDivElement>;
  * @see https://vkcom.github.io/VKUI/#/List
  */
 export declare const List: ({ children, ...restProps }: ListProps) => React.JSX.Element;
+//# sourceMappingURL=List.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKxD,MAAM,MAAM,SAAS,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAElE;;GAEG;AACH,eAAO,MAAM,IAAI,+BAAgC,SAAS,sBAczD,CAAC"}

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

@@ -2,3 +2,4 @@ import * as React from 'react';
 export declare const ListContext: React.Context<{
     toggleDrag: (value: boolean) => void;
 }>;
+//# sourceMappingURL=ListContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListContext.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,WAAW;wBACM,OAAO,KAAK,IAAI;EAC5C,CAAC"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
 export interface LocaleProviderProps {
     /**
@@ -15,3 +15,4 @@ export interface LocaleProviderProps {
  * @see https://vkcom.github.io/VKUI/#/LocaleProvider
  */
 export declare function LocaleProvider({ value, children }: LocaleProviderProps): React.JSX.Element;
+//# sourceMappingURL=LocaleProvider.d.ts.map

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

@@ -0,0 +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,qBAEtE"}

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

@@ -8,12 +8,12 @@ Object.defineProperty(exports, "LocaleProvider", {
         return LocaleProvider;
     }
 });
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _ConfigProviderOverride = require("../ConfigProvider/ConfigProviderOverride");
 function LocaleProvider(param) {
     var value = param.value, children = param.children;
-    return /*#__PURE__*/ _react.default.createElement(_ConfigProviderOverride.ConfigProviderOverride, {
+    return /*#__PURE__*/ _react.createElement(_ConfigProviderOverride.ConfigProviderOverride, {
         locale: value
     }, children);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LocaleProvider/LocaleProvider.tsx"],"sourcesContent":["import 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) {\n  return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["LocaleProvider","value","children","ConfigProviderOverride","locale"],"mappings":";;;;+BAmBgBA;;;eAAAA;;;;8DAnBE;sCAEqB;AAiBhC,SAASA,eAAe,KAAwC;QAAtCC,QAAF,MAAEA,OAAOC,WAAT,MAASA;IACtC,qBAAO,6BAACC,8CAAsB;QAACC,QAAQH;OAAQC;AACjD"}
+{"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) {\n  return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["LocaleProvider","value","children","ConfigProviderOverride","locale"],"mappings":";;;;+BAmBgBA;;;eAAAA;;;;+DAnBO;sCAEgB;AAiBhC,SAASA,eAAe,KAAwC;QAAtCC,QAAF,MAAEA,OAAOC,WAAT,MAASA;IACtC,qBAAO,qBAACC,8CAAsB;QAACC,QAAQH;OAAQC;AACjD"}

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

@@ -37,3 +37,4 @@ export interface MiniInfoCellProps extends HTMLAttributesWithRootRef<HTMLDivElem
  * @see https://vkcom.github.io/VKUI/#/MiniInfoCell
  */
 export declare const MiniInfoCell: ({ before, after, children, mode, textWrap, expandable, className, ...restProps }: MiniInfoCellProps) => React.JSX.Element;
+//# sourceMappingURL=MiniInfoCell.d.ts.map

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

@@ -0,0 +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,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;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,sBAiCnB,CAAC"}

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

@@ -7,3 +7,4 @@ export interface ModalCardProps extends NavIdProps, ModalCardBaseProps {
  * @see https://vkcom.github.io/VKUI/#/ModalCard
  */
 export declare const ModalCard: ({ icon, header, subheader, children, actions, onClose, nav, id, size, ...restProps }: ModalCardProps) => React.JSX.Element;
+//# sourceMappingURL=ModalCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAiB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAYnF,MAAM,WAAW,cAAe,SAAQ,UAAU,EAAE,kBAAkB;CAAG;AAIzE;;GAEG;AACH,eAAO,MAAM,SAAS,yFAWnB,cAAc,sBAiChB,CAAC"}

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

@@ -41,3 +41,4 @@ export interface ModalCardBaseProps extends HTMLAttributesWithRootRef<HTMLDivEle
  * @see https://vkcom.github.io/VKUI/#/ModalCardBase
  */
 export declare const ModalCardBase: ({ icon, header, subheader, children, actions, onClose, dismissLabel, style, size: sizeProp, ...restProps }: ModalCardBaseProps) => React.JSX.Element;
+//# sourceMappingURL=ModalCardBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalCardBase.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/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;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;;;;;;;;;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;CACf;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,+GAWvB,kBAAkB,sBAuEpB,CAAC"}

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

@@ -5,3 +5,4 @@ export type ModalDismissButtonProps = HTMLAttributesWithRootRef<HTMLButtonElemen
  * @see https://vkcom.github.io/VKUI/#/ModalDismissButton
  */
 export declare const ModalDismissButton: ({ "aria-label": ariaLabel, className, ...restProps }: ModalDismissButtonProps) => React.JSX.Element;
+//# sourceMappingURL=ModalDismissButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDismissButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;AAEnF;;GAEG;AACH,eAAO,MAAM,kBAAkB,yDAI5B,uBAAuB,sBAYzB,CAAC"}

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

@@ -10,6 +10,12 @@ export interface ModalPageProps extends HTMLAttributesWithRootRef<HTMLDivElement
      * Задаёт контенту максимальную ширину для десктопной версии.
      */
     size?: 's' | 'm' | 'l' | number;
+    /**
+     * Задаёт модальному окну фиксированную высоту.
+     * Можно передать числовое значение в пикселях, а можно строкой, в том числе и в процентах "50%".
+     * В мобильной версии 'settlingHeight' будет считаться относительно заданного height.
+     */
+    height?: string | number;
     /**
      * Будет вызвано при начале открытия модалки.
      */
@@ -39,8 +45,10 @@ export interface ModalPageProps extends HTMLAttributesWithRootRef<HTMLDivElement
      * Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)
      */
     hideCloseButton?: boolean;
+    modalContentTestId?: string;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalPage
  */
-export declare const ModalPage: ({ children, header, size: sizeProp, onOpen, onOpened, onClose, onClosed, settlingHeight, dynamicContentHeight, getModalContentRef, nav, id: idProp, hideCloseButton, ...restProps }: ModalPageProps) => React.JSX.Element;
+export declare const ModalPage: ({ children, header, size: sizeProp, onOpen, onOpened, onClose, onClosed, settlingHeight, dynamicContentHeight, getModalContentRef, nav, id: idProp, hideCloseButton, height, modalContentTestId, ...restProps }: ModalPageProps) => React.JSX.Element;
+//# sourceMappingURL=ModalPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPage.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAI1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAcxD,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;CAC7B;AAID;;GAEG;AACH,eAAO,MAAM,SAAS,oNAiBnB,cAAc,sBAqEhB,CAAC"}

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

@@ -35,7 +35,7 @@ var sizeClassName = {
 };
 var warn = (0, _warnOnce.warnOnce)("ModalPage");
 var ModalPage = function(_param) {
-    var children = _param.children, header = _param.header, tmp = _param.size, sizeProp = tmp === void 0 ? "s" : tmp, onOpen = _param.onOpen, onOpened = _param.onOpened, onClose = _param.onClose, onClosed = _param.onClosed, settlingHeight = _param.settlingHeight, dynamicContentHeight = _param.dynamicContentHeight, getModalContentRef = _param.getModalContentRef, nav = _param.nav, idProp = _param.id, _param_hideCloseButton = _param.hideCloseButton, hideCloseButton = _param_hideCloseButton === void 0 ? false : _param_hideCloseButton, restProps = _object_without_properties._(_param, [
+    var children = _param.children, header = _param.header, tmp = _param.size, sizeProp = tmp === void 0 ? "s" : tmp, onOpen = _param.onOpen, onOpened = _param.onOpened, onClose = _param.onClose, onClosed = _param.onClosed, settlingHeight = _param.settlingHeight, dynamicContentHeight = _param.dynamicContentHeight, getModalContentRef = _param.getModalContentRef, nav = _param.nav, idProp = _param.id, _param_hideCloseButton = _param.hideCloseButton, hideCloseButton = _param_hideCloseButton === void 0 ? false : _param_hideCloseButton, height = _param.height, modalContentTestId = _param.modalContentTestId, restProps = _object_without_properties._(_param, [
         "children",
         "header",
         "size",
@@ -48,7 +48,9 @@ var ModalPage = function(_param) {
         "getModalContentRef",
         "nav",
         "id",
-        "hideCloseButton"
+        "hideCloseButton",
+        "height",
+        "modalContentTestId"
     ]);
     var generatingId = (0, _useId.useId)();
     var id = idProp || generatingId;
@@ -91,7 +93,8 @@ var ModalPage = function(_param) {
     }), /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiModalPage__in-wrap",
         style: {
-            maxWidth: typeof size === "number" ? size : undefined
+            maxWidth: typeof size === "number" ? size : undefined,
+            height: height
         },
         ref: refs.innerElement
     }, /*#__PURE__*/ _react.createElement("div", {
@@ -101,10 +104,12 @@ var ModalPage = function(_param) {
         ref: refs.headerElement
     }, header), /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiModalPage__content-wrap"
-    }, /*#__PURE__*/ _react.createElement("div", {
+    }, /*#__PURE__*/ _react.createElement("div", _object_spread._({
         className: "vkuiModalPage__content",
         ref: (0, _utils.multiRef)(refs.contentElement, getModalContentRef)
-    }, /*#__PURE__*/ _react.createElement("div", {
+    }, modalContentTestId && {
+        "data-testid": modalContentTestId
+    }), /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiModalPage__content-in"
     }, children)), /*#__PURE__*/ _react.createElement("div", {
         ref: refs.bottomInset,

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 { useId } from '../../hooks/useId';\nimport { useOrientationChange } from '../../hooks/useOrientationChange';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\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 { ModalType } from '../ModalRoot/types';\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   */\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}\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  ...restProps\n}: ModalPageProps) => {\n  const generatingId = 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), ModalType.PAGE);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <ModalPageContext.Provider value={contextValue}>\n      <RootComponent\n        {...restProps}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={contextValue.labelId}\n        id={id}\n        baseClassName={classNames(\n          styles['ModalPage'],\n          platform === Platform.IOS && styles['ModalPage--ios'],\n          isDesktop && styles['ModalPage--desktop'],\n          sizeX === SizeType.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          }}\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              >\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 && <ModalDismissButton onClick={onClose || modalContext.onClose} />}\n          </div>\n        </div>\n      </RootComponent>\n    </ModalPageContext.Provider>\n  );\n};\n"],"names":["ModalPage","sizeClassName","s","m","l","warn","warnOnce","children","header","sizeProp","size","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","idProp","hideCloseButton","restProps","generatingId","useId","updateModalHeight","React","useContext","ModalRootContext","platform","usePlatform","orientation","useOrientationChange","useAdaptivityWithJSMediaQueries","sizeX","isDesktop","useEffect","isCloseButtonShown","modalContext","refs","useModalRegistry","getNavId","ModalType","PAGE","contextValue","useMemo","labelId","ModalPageContext","Provider","value","RootComponent","role","aria-modal","aria-labelledby","baseClassName","classNames","Platform","IOS","SizeType","REGULAR","div","className","style","maxWidth","undefined","ref","innerElement","headerElement","multiRef","contentElement","bottomInset","ModalDismissButton","onClick"],"mappings":";;;;+BAsEaA;;;eAAAA;;;;;;;+DAtEU;oBACI;+CACqB;qBAC1B;oCACe;2BACT;0BACH;wBACY;wBACZ;qBACA;wBACA;kCAEU;gCACgB;qBACzB;6BACI;gCACG;AAGjC,IAAMC,gBAAgB;IACpBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AA0CA,IAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,IAAMN,YAAY;QACvBO,kBAAAA,UACAC,gBAAAA,QACMC,aAANC,MAAMD,WAAAA,iBAAW,MAAXA,KACNE,gBAAAA,QACAC,kBAAAA,UACAC,iBAAAA,SACAC,kBAAAA,UACAC,wBAAAA,gBACAC,8BAAAA,sBACAC,4BAAAA,oBACAC,aAAAA,KACAC,AAAIC,gBAAJD,oCACAE,iBAAAA,sDAAkB,gCACfC;QAbHf;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,IAAME,eAAeC,IAAAA,YAAK;IAC1B,IAAML,KAAKC,UAAUG;IAErB,IAAM,AAAEE,oBAAsBC,OAAMC,UAAU,CAACC,kCAAgB,EAAvDH;IAER,IAAMI,WAAWC,IAAAA,wBAAW;IAC5B,IAAMC,cAAcC,IAAAA,0CAAoB;IACxC,IAA6BC,oCAAAA,IAAAA,gEAA+B,KAApDC,QAAqBD,kCAArBC,OAAOC,YAAcF,kCAAdE;IAEfT,OAAMU,SAAS,CAAC;QACd,IAAIpB,sBAAsB;YACxBS;QACF;IACF,GAAG;QAAClB;QAAUS;QAAsBe;QAAaN;KAAkB;IAEnE,IAAMY,qBAAqB,CAAChB,mBAAmBc;IAC/C,IAAMzB,OAAOyB,YAAY1B,WAAW;IAEpC,IAAM6B,eAAeZ,OAAMC,UAAU,CAACC,kCAAgB;IACtD,IAAM,AAAEW,OAASC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAEvB,KAAAA;QAAKC,IAAAA;IAAG,GAAGd,OAAOqC,gBAAS,CAACC,IAAI,EAArEJ;IAER,IAAMK,eAAelB,OAAMmB,OAAO,CAAC;eAAO;YAAEC,SAAS,AAAC,GAAK,OAAH3B,IAAG;QAAQ;OAAI;QAACA;KAAG;IAE3E,qBACE,qBAAC4B,kCAAgB,CAACC,QAAQ;QAACC,OAAOL;qBAChC,qBAACM,4BAAa,8CACR5B;QACJ6B,MAAK;QACLC,cAAW;QACXC,mBAAiBT,aAAaE,OAAO;QACrC3B,IAAIA;QACJmC,eAAeC,IAAAA,gBAAU,mBAEvB1B,aAAa2B,kBAAQ,CAACC,GAAG,0BACzBtB,uCACAD,UAAUwB,oBAAQ,CAACC,OAAO,IAAI,wCAC9B,OAAOjD,SAAS,YAAYT,aAAa,CAACS,KAAK;sBAGjD,qBAACkD;QACCC,SAAS;QACTC,OAAO;YACLC,UAAU,OAAOrD,SAAS,WAAWA,OAAOsD;QAC9C;QACAC,KAAK1B,KAAK2B,YAAY;qBAEtB,qBAACN;QAAIC,SAAS;qBACZ,qBAACD;QAAIC,SAAS;QAA+BI,KAAK1B,KAAK4B,aAAa;OACjE3D,uBAGH,qBAACoD;QAAIC,SAAS;qBACZ,qBAACD;QACCC,SAAS;QACTI,KAAKG,IAAAA,eAAQ,EAAiB7B,KAAK8B,cAAc,EAAEpD;qBAEnD,qBAAC2C;QAAIC,SAAS;OAAoCtD,0BAEpD,qBAACqD;QAAIK,KAAK1B,KAAK+B,WAAW;QAAET,SAAS;SAEtCxB,oCAAsB,qBAACkC,sCAAkB;QAACC,SAAS3D,WAAWyB,aAAazB,OAAO;;AAM/F"}
+{"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 { useId } from '../../hooks/useId';\nimport { useOrientationChange } from '../../hooks/useOrientationChange';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\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 { ModalType } from '../ModalRoot/types';\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\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  ...restProps\n}: ModalPageProps) => {\n  const generatingId = 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), ModalType.PAGE);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <ModalPageContext.Provider value={contextValue}>\n      <RootComponent\n        {...restProps}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={contextValue.labelId}\n        id={id}\n        baseClassName={classNames(\n          styles['ModalPage'],\n          platform === Platform.IOS && styles['ModalPage--ios'],\n          isDesktop && styles['ModalPage--desktop'],\n          sizeX === SizeType.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 && <ModalDismissButton onClick={onClose || modalContext.onClose} />}\n          </div>\n        </div>\n      </RootComponent>\n    </ModalPageContext.Provider>\n  );\n};\n"],"names":["ModalPage","sizeClassName","s","m","l","warn","warnOnce","children","header","sizeProp","size","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","idProp","hideCloseButton","height","modalContentTestId","restProps","generatingId","useId","updateModalHeight","React","useContext","ModalRootContext","platform","usePlatform","orientation","useOrientationChange","useAdaptivityWithJSMediaQueries","sizeX","isDesktop","useEffect","isCloseButtonShown","modalContext","refs","useModalRegistry","getNavId","ModalType","PAGE","contextValue","useMemo","labelId","ModalPageContext","Provider","value","RootComponent","role","aria-modal","aria-labelledby","baseClassName","classNames","Platform","IOS","SizeType","REGULAR","div","className","style","maxWidth","undefined","ref","innerElement","headerElement","multiRef","contentElement","bottomInset","ModalDismissButton","onClick"],"mappings":"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"}

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

@@ -3,3 +3,4 @@ export interface ModalPageContextInterface {
     labelId?: string;
 }
 export declare const ModalPageContext: React.Context<ModalPageContextInterface>;
+//# sourceMappingURL=ModalPageContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPageContext.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalPage/ModalPageContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,0CAAqD,CAAC"}

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

@@ -6,4 +6,5 @@ export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElemen
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalPageHeader
  */
-export declare const ModalPageHeader: ({ children, separator, getRef, className, ...restProps }: ModalPageHeaderProps) => React.JSX.Element;
+export declare const ModalPageHeader: ({ children, separator, getRef, className, typographyProps, ...restProps }: ModalPageHeaderProps) => React.JSX.Element;
+//# sourceMappingURL=ModalPageHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,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,CAAC,EAC1C,MAAM,CAAC,cAAc,CAAC;CAAG;AAE7B;;GAEG;AACH,eAAO,MAAM,eAAe,8EAOzB,oBAAoB,sBAgCtB,CAAC"}

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

@@ -21,11 +21,12 @@ var _ModalPageContext = require("../ModalPage/ModalPageContext");
 var _PanelHeader = require("../PanelHeader/PanelHeader");
 var _Separator = require("../Separator/Separator");
 var ModalPageHeader = function(_param) {
-    var children = _param.children, _param_separator = _param.separator, separator = _param_separator === void 0 ? true : _param_separator, getRef = _param.getRef, className = _param.className, restProps = _object_without_properties._(_param, [
+    var children = _param.children, _param_separator = _param.separator, separator = _param_separator === void 0 ? true : _param_separator, getRef = _param.getRef, className = _param.className, typographyProps = _param.typographyProps, restProps = _object_without_properties._(_param, [
         "children",
         "separator",
         "getRef",
-        "className"
+        "className",
+        "typographyProps"
     ]);
     var platform = (0, _usePlatform.usePlatform)();
     var hasSeparator = separator && platform === _platform.Platform.VKCOM;
@@ -35,15 +36,15 @@ var ModalPageHeader = function(_param) {
         className: (0, _vkjs.classNames)("vkuiModalPageHeader", platform !== _platform.Platform.VKCOM && "vkuiModalPageHeader--withGaps", isDesktop && "vkuiModalPageHeader--desktop"),
         ref: getRef
     }, /*#__PURE__*/ _react.createElement(_PanelHeader.PanelHeader, _object_spread_props._(_object_spread._({
-        className: (0, _vkjs.classNames)("vkuiInternalModalPageHeader__in", className)
+        className: (0, _vkjs.classNames)("vkuiInternalModalPageHeader__in", className),
+        typographyProps: _object_spread._({
+            Component: "h2",
+            id: labelId
+        }, typographyProps)
     }, restProps), {
         fixed: false,
         separator: false,
-        transparent: true,
-        typographyProps: {
-            Component: "h2",
-            id: labelId
-        }
+        transparent: true
     }), children), hasSeparator && /*#__PURE__*/ _react.createElement(_Separator.Separator, {
         wide: true
     }));

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 { Platform } from '../../lib/platform';\nimport { HasRef } 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'>,\n    HasRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n  children,\n  separator = true,\n  getRef,\n  className,\n  ...restProps\n}: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const hasSeparator = separator && platform === Platform.VKCOM;\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const { labelId } = React.useContext(ModalPageContext);\n\n  return (\n    <div\n      className={classNames(\n        styles['ModalPageHeader'],\n        platform !== Platform.VKCOM && styles['ModalPageHeader--withGaps'],\n        isDesktop && styles['ModalPageHeader--desktop'],\n      )}\n      ref={getRef}\n    >\n      <PanelHeader\n        className={classNames('vkuiInternalModalPageHeader__in', className)}\n        {...restProps}\n        fixed={false}\n        separator={false}\n        transparent\n        typographyProps={{\n          Component: 'h2',\n          id: labelId,\n        }}\n      >\n        {children}\n      </PanelHeader>\n      {hasSeparator && <Separator wide />}\n    </div>\n  );\n};\n"],"names":["ModalPageHeader","children","separator","getRef","className","restProps","platform","usePlatform","hasSeparator","Platform","VKCOM","isDesktop","useAdaptivityWithJSMediaQueries","labelId","React","useContext","ModalPageContext","div","classNames","ref","PanelHeader","fixed","transparent","typographyProps","Component","id","Separator","wide"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;+DAnBU;oBACI;+CACqB;2BACpB;wBACH;gCAEQ;2BACa;yBACpB;AAWnB,IAAMA,kBAAkB;QAC7BC,kBAAAA,oCACAC,WAAAA,0CAAY,yBACZC,gBAAAA,QACAC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAAMC,eAAeN,aAAaI,aAAaG,kBAAQ,CAACC,KAAK;IAC7D,IAAM,AAAEC,YAAcC,IAAAA,gEAA+B,IAA7CD;IACR,IAAM,AAAEE,UAAYC,OAAMC,UAAU,CAACC,kCAAgB,EAA7CH;IAER,qBACE,qBAACI;QACCb,WAAWc,IAAAA,gBAAU,yBAEnBZ,aAAaG,kBAAQ,CAACC,KAAK,qCAC3BC;QAEFQ,KAAKhB;qBAEL,qBAACiB,wBAAW;QACVhB,WAAWc,IAAAA,gBAAU,EAAC,mCAAmCd;OACrDC;QACJgB,OAAO;QACPnB,WAAW;QACXoB,aAAAA;QACAC,iBAAiB;YACfC,WAAW;YACXC,IAAIZ;QACN;QAECZ,WAEFO,8BAAgB,qBAACkB,oBAAS;QAACC,MAAAA;;AAGlC"}
+{"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 { Platform } from '../../lib/platform';\nimport { HasRef } 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'>,\n    HasRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n  children,\n  separator = true,\n  getRef,\n  className,\n  typographyProps,\n  ...restProps\n}: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const hasSeparator = separator && platform === Platform.VKCOM;\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const { labelId } = React.useContext(ModalPageContext);\n\n  return (\n    <div\n      className={classNames(\n        styles['ModalPageHeader'],\n        platform !== Platform.VKCOM && styles['ModalPageHeader--withGaps'],\n        isDesktop && styles['ModalPageHeader--desktop'],\n      )}\n      ref={getRef}\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        separator={false}\n        transparent\n      >\n        {children}\n      </PanelHeader>\n      {hasSeparator && <Separator wide />}\n    </div>\n  );\n};\n"],"names":["ModalPageHeader","children","separator","getRef","className","typographyProps","restProps","platform","usePlatform","hasSeparator","Platform","VKCOM","isDesktop","useAdaptivityWithJSMediaQueries","labelId","React","useContext","ModalPageContext","div","classNames","ref","PanelHeader","Component","id","fixed","transparent","Separator","wide"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;+DAnBU;oBACI;+CACqB;2BACpB;wBACH;gCAEQ;2BACa;yBACpB;AAWnB,IAAMA,kBAAkB;QAC7BC,kBAAAA,oCACAC,WAAAA,0CAAY,yBACZC,gBAAAA,QACAC,mBAAAA,WACAC,yBAAAA,iBACGC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAAMC,eAAeP,aAAaK,aAAaG,kBAAQ,CAACC,KAAK;IAC7D,IAAM,AAAEC,YAAcC,IAAAA,gEAA+B,IAA7CD;IACR,IAAM,AAAEE,UAAYC,OAAMC,UAAU,CAACC,kCAAgB,EAA7CH;IAER,qBACE,qBAACI;QACCd,WAAWe,IAAAA,gBAAU,yBAEnBZ,aAAaG,kBAAQ,CAACC,KAAK,qCAC3BC;QAEFQ,KAAKjB;qBAEL,qBAACkB,wBAAW;QACVjB,WAAWe,IAAAA,gBAAU,EAAC,mCAAmCf;QACzDC,iBAAiB;YACfiB,WAAW;YACXC,IAAIT;WACDT;OAEDC;QACJkB,OAAO;QACPtB,WAAW;QACXuB,aAAAA;QAECxB,WAEFQ,8BAAgB,qBAACiB,oBAAS;QAACC,MAAAA;;AAGlC"}

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

@@ -1,3 +1,4 @@
 import * as React from 'react';
 import { ModalRootWithDOMProps } from './types';
 export declare const ModalRootTouch: React.FC<Omit<ModalRootWithDOMProps, "platform">>;
+//# sourceMappingURL=ModalRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,EAAE,qBAAqB,EAA+C,MAAM,SAAS,CAAC;AA4lB7F,eAAO,MAAM,cAAc,mDAM1B,CAAC"}