@vkontakte/vkui 5.4.2 → 5.5.0

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

@@ -12,4 +12,4 @@ export interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/Gradient
  */
-export declare const Gradient: ({ mode, children, to, className, ...restProps }: GradientProps) => JSX.Element;
+export declare const Gradient: ({ mode, children, to, className, ...restProps }: GradientProps) => React.JSX.Element;

package/dist/cjs/components/Gradient/Gradient.js

@@ -8,20 +8,20 @@ Object.defineProperty(exports, "Gradient", {
         return Gradient;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var Gradient = function(_param) {
-    var _param_mode = _param.mode, mode = _param_mode === void 0 ? "tint" : _param_mode, children = _param.children, _param_to = _param.to, to = _param_to === void 0 ? "top" : _param_to, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var _param_mode = _param.mode, mode = _param_mode === void 0 ? "tint" : _param_mode, children = _param.children, _param_to = _param.to, to = _param_to === void 0 ? "top" : _param_to, className = _param.className, restProps = _object_without_properties._(_param, [
         "mode",
         "children",
         "to",
         "className"
     ]);
-    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({
+    return /*#__PURE__*/ _react.createElement("div", _object_spread_props._(_object_spread._({
         role: "presentation"
     }, restProps), {
         className: (0, _vkjs.classNames)({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Gradient.module.css';\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: 'tint' | 'white' | 'black';\n  /**\n   * Направление градиента\n   */\n  to?: 'top' | 'bottom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = 'tint',\n  children,\n  to = 'top',\n  className,\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      className={classNames(\n        {\n          tint: styles['Gradient--mode-tint'],\n          black: styles['Gradient--mode-black'],\n          white: styles['Gradient--mode-white'],\n        }[mode],\n        {\n          top: styles['Gradient--to-top'],\n          bottom: styles['Gradient--to-bottom'],\n        }[to],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Gradient","mode","children","to","className","restProps","div","role","classNames","tint","black","white","top","bottom"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;2DAlBU;oBACI;AAiBpB,IAAMA,WAAW,iBAMH;6BALnBC,MAAAA,gCAAO,sBACPC,kBAAAA,6BACAC,IAAAA,4BAAK,mBACLC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE;QACCC,MAAK;OACDF;QACJD,WAAWI,IAAAA,gBAAU,EACnB;YACEC,IAAI;YACJC,KAAK;YACLC,KAAK;QACP,CAAC,CAACV,KAAK,EACP;YACEW,GAAG;YACHC,MAAM;QACR,CAAC,CAACV,GAAG,EACLC;QAGDF;AAGP"}
+{"version":3,"sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Gradient.module.css';\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: 'tint' | 'white' | 'black';\n  /**\n   * Направление градиента\n   */\n  to?: 'top' | 'bottom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = 'tint',\n  children,\n  to = 'top',\n  className,\n  ...restProps\n}: GradientProps) => {\n  return (\n    <div\n      role=\"presentation\"\n      {...restProps}\n      className={classNames(\n        {\n          tint: styles['Gradient--mode-tint'],\n          black: styles['Gradient--mode-black'],\n          white: styles['Gradient--mode-white'],\n        }[mode],\n        {\n          top: styles['Gradient--to-top'],\n          bottom: styles['Gradient--to-bottom'],\n        }[to],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Gradient","mode","children","to","className","restProps","div","role","classNames","tint","black","white","top","bottom"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;+DAlBU;oBACI;AAiBpB,IAAMA,WAAW;6BACtBC,MAAAA,gCAAO,sBACPC,kBAAAA,6BACAC,IAAAA,4BAAK,mBACLC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE;QACCC,MAAK;OACDF;QACJD,WAAWI,IAAAA,kBACT;YACEC,IAAI;YACJC,KAAK;YACLC,KAAK;QACP,CAAC,CAACV,KAAK,EACP;YACEW,GAAG;YACHC,MAAM;QACR,CAAC,CAACV,GAAG,EACLC;QAGDF;AAGP"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { type ImageBaseProps } from '../ImageBase/ImageBase';
 import { type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';
 export { GridAvatarBadgeProps };
@@ -14,6 +14,6 @@ export interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackI
  * @see https://vkcom.github.io/VKUI/#/GridAvatar
  */
 export declare const GridAvatar: {
-    ({ src, size, className, children, ...restProps }: GridAvatarProps): JSX.Element;
-    Badge: ({ className, ...restProps }: import("../ImageBase/ImageBase").ImageBaseBadgeProps) => JSX.Element;
+    ({ src, size, className, children, ...restProps }: GridAvatarProps): React.JSX.Element;
+    Badge: ({ className, ...restProps }: import("../ImageBase/ImageBase").ImageBaseBadgeProps) => React.JSX.Element;
 };

package/dist/cjs/components/GridAvatar/GridAvatar.js

@@ -19,20 +19,20 @@ _export(exports, {
         return GridAvatar;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _warnOnce = require("../../lib/warnOnce");
-var _imageBase = require("../ImageBase/ImageBase");
-var _gridAvatarBadge = require("./GridAvatarBadge/GridAvatarBadge");
+var _ImageBase = require("../ImageBase/ImageBase");
+var _GridAvatarBadge = require("./GridAvatarBadge/GridAvatarBadge");
 var GRID_AVATAR_DEFAULT_SIZE = 48;
 var MAX_GRID_LENGTH = 4;
 var warn = (0, _warnOnce.warnOnce)("GridAvatar");
 var GridAvatar = function(_param) {
-    var _param_src = _param.src, src = _param_src === void 0 ? [] : _param_src, _param_size = _param.size, size = _param_size === void 0 ? GRID_AVATAR_DEFAULT_SIZE : _param_size, className = _param.className, children = _param.children, restProps = _objectWithoutProperties(_param, [
+    var _param_src = _param.src, src = _param_src === void 0 ? [] : _param_src, _param_size = _param.size, size = _param_size === void 0 ? GRID_AVATAR_DEFAULT_SIZE : _param_size, className = _param.className, children = _param.children, restProps = _object_without_properties._(_param, [
         "src",
         "size",
         "className",
@@ -43,7 +43,7 @@ var GridAvatar = function(_param) {
             warn("Длина массива src (".concat(src.length, ") больше максимальной (").concat(MAX_GRID_LENGTH, ")"), "error");
         }
     }
-    return /*#__PURE__*/ _react.createElement(_imageBase.ImageBase, _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement(_ImageBase.ImageBase, _object_spread_props._(_object_spread._({}, restProps), {
         size: size,
         className: (0, _vkjs.classNames)("vkuiGridAvatar", className)
     }), /*#__PURE__*/ _react.createElement("div", {
@@ -59,6 +59,6 @@ var GridAvatar = function(_param) {
         }) : null;
     })), children);
 };
-GridAvatar.Badge = _gridAvatarBadge.GridAvatarBadge;
+GridAvatar.Badge = _GridAvatarBadge.GridAvatarBadge;
 
 //# sourceMappingURL=GridAvatar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { GridAvatarBadge, type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';\nimport styles from './GridAvatar.module.css';\n\nexport { GridAvatarBadgeProps };\n\nexport const GRID_AVATAR_DEFAULT_SIZE = 48;\n\nexport const MAX_GRID_LENGTH = 4;\n\nexport interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackIcon'> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nconst warn = warnOnce('GridAvatar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({\n  src = [],\n  size = GRID_AVATAR_DEFAULT_SIZE,\n  className,\n  children,\n  ...restProps\n}: GridAvatarProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (src.length > MAX_GRID_LENGTH) {\n      warn(`Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`, 'error');\n    }\n  }\n\n  return (\n    <ImageBase {...restProps} size={size} className={classNames(styles['GridAvatar'], className)}>\n      <div className={styles['GridAvatar__in']} aria-hidden>\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              className={styles['GridAvatar__item']}\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null,\n        )}\n      </div>\n      {children}\n    </ImageBase>\n  );\n};\n\nGridAvatar.Badge = GridAvatarBadge;\n"],"names":["GRID_AVATAR_DEFAULT_SIZE","MAX_GRID_LENGTH","GridAvatar","warn","warnOnce","src","size","className","children","restProps","process","env","NODE_ENV","length","ImageBase","classNames","div","aria-hidden","map","url","index","key","style","backgroundImage","Badge","GridAvatarBadge"],"mappings":";;;;;;;;;;;IASaA,wBAAwB;eAAxBA;;IAEAC,eAAe;eAAfA;;IAcAC,UAAU;eAAVA;;;;;;;2DAzBU;oBACI;wBACF;yBACsB;+BACY;AAKpD,IAAMF,2BAA2B;AAEjC,IAAMC,kBAAkB;AAS/B,IAAME,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,IAAMF,aAAa,iBAMH;4BALrBG,KAAAA,8BAAM,EAAE,oCACRC,MAAAA,gCAAON,wCACPO,mBAAAA,WACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIP,IAAIQ,MAAM,GAAGZ,iBAAiB;YAChCE,KAAK,AAAC,sBAAyDF,OAApCI,IAAIQ,MAAM,EAAC,2BAAyC,OAAhBZ,iBAAgB,MAAI;QACrF,CAAC;IACH,CAAC;IAED,qBACE,qBAACa,oBAAS,uCAAKL;QAAWH,MAAMA;QAAMC,WAAWQ,IAAAA,gBAAU,oBAAuBR;sBAChF,qBAACS;QAAIT,SAAS;QAA4BU,eAAAA,IAAW;OAClDZ,IAAIa,GAAG,CAAC,SAACC,KAAKC;eACbA,QAAQnB,gCACN,qBAACe;YACCK,KAAKF;YACLZ,SAAS;YACTe,OAAO;gBAAEC,iBAAiB,AAAC,OAAU,OAAJJ,KAAI;YAAG;aAExC,IAAI;SAGXX;AAGP;AAEAN,WAAWsB,KAAK,GAAGC,gCAAe"}
+{"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { GridAvatarBadge, type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';\nimport styles from './GridAvatar.module.css';\n\nexport { GridAvatarBadgeProps };\n\nexport const GRID_AVATAR_DEFAULT_SIZE = 48;\n\nexport const MAX_GRID_LENGTH = 4;\n\nexport interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackIcon'> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nconst warn = warnOnce('GridAvatar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({\n  src = [],\n  size = GRID_AVATAR_DEFAULT_SIZE,\n  className,\n  children,\n  ...restProps\n}: GridAvatarProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (src.length > MAX_GRID_LENGTH) {\n      warn(`Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`, 'error');\n    }\n  }\n\n  return (\n    <ImageBase {...restProps} size={size} className={classNames(styles['GridAvatar'], className)}>\n      <div className={styles['GridAvatar__in']} aria-hidden>\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={url}\n              className={styles['GridAvatar__item']}\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null,\n        )}\n      </div>\n      {children}\n    </ImageBase>\n  );\n};\n\nGridAvatar.Badge = GridAvatarBadge;\n"],"names":["GRID_AVATAR_DEFAULT_SIZE","MAX_GRID_LENGTH","GridAvatar","warn","warnOnce","src","size","className","children","restProps","process","env","NODE_ENV","length","ImageBase","classNames","div","aria-hidden","map","url","index","key","style","backgroundImage","Badge","GridAvatarBadge"],"mappings":";;;;;;;;;;;IASaA,wBAAwB;eAAxBA;;IAEAC,eAAe;eAAfA;;IAcAC,UAAU;eAAVA;;;;;;;+DAzBU;oBACI;wBACF;yBACsB;+BACY;AAKpD,IAAMF,2BAA2B;AAEjC,IAAMC,kBAAkB;AAS/B,IAAME,OAAOC,IAAAA,oBAAS;AAKf,IAAMF,aAAa;4BACxBG,KAAAA,8BAAM,EAAE,oCACRC,MAAAA,gCAAON,wCACPO,mBAAAA,WACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAIE,QAAQC,IAAIC,aAAa,eAAe;QAC1C,IAAIP,IAAIQ,SAASZ,iBAAiB;YAChCE,KAAK,AAAC,sBAAyDF,OAApCI,IAAIQ,QAAO,2BAAyC,OAAhBZ,iBAAgB,MAAI;QACrF;IACF;IAEA,qBACE,qBAACa,kEAAcL;QAAWH,MAAMA;QAAMC,WAAWQ,IAAAA,oCAAiCR;sBAChF,qBAACS;QAAIT,SAAS;QAA4BU,eAAAA;OACvCZ,IAAIa,IAAI,SAACC,KAAKC;eACbA,QAAQnB,gCACN,qBAACe;YACCK,KAAKF;YACLZ,SAAS;YACTe,OAAO;gBAAEC,iBAAiB,AAAC,OAAU,OAAJJ,KAAI;YAAG;aAExC;SAGPX;AAGP;AAEAN,WAAWsB,QAAQC"}

package/dist/cjs/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { type ImageBaseBadgeProps } from '../../ImageBase/ImageBase';
 export type GridAvatarBadgeProps = ImageBaseBadgeProps;
-export declare const GridAvatarBadge: ({ className, ...restProps }: GridAvatarBadgeProps) => JSX.Element;
+export declare const GridAvatarBadge: ({ className, ...restProps }: GridAvatarBadgeProps) => React.JSX.Element;

package/dist/cjs/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.js

@@ -8,19 +8,19 @@ Object.defineProperty(exports, "GridAvatarBadge", {
         return GridAvatarBadge;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _imageBase = require("../../ImageBase/ImageBase");
+var _ImageBase = require("../../ImageBase/ImageBase");
 var GridAvatarBadge = function(_param) {
-    var className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var className = _param.className, restProps = _object_without_properties._(_param, [
         "className"
     ]);
-    var size = _react.useContext(_imageBase.ImageBaseContext).size;
-    return /*#__PURE__*/ _react.createElement(_imageBase.ImageBase.Badge, _objectSpreadProps(_objectSpread({}, restProps), {
+    var size = _react.useContext(_ImageBase.ImageBaseContext).size;
+    return /*#__PURE__*/ _react.createElement(_ImageBase.ImageBase.Badge, _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiGridAvatarBadge", size < 96 && "vkuiGridAvatarBadge--shifted", className)
     }));
 };

package/dist/cjs/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './GridAvatarBadge.module.css';\n\nexport type GridAvatarBadgeProps = ImageBaseBadgeProps;\n\nexport const GridAvatarBadge = ({ className, ...restProps }: GridAvatarBadgeProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['GridAvatarBadge'],\n        size < 96 && styles['GridAvatarBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["GridAvatarBadge","className","restProps","size","React","useContext","ImageBaseContext","ImageBase","Badge","classNames"],"mappings":";;;;+BAOaA;;;eAAAA;;;;;;;2DAPU;oBACI;yBAC2C;AAK/D,IAAMA,kBAAkB,iBAAuD;QAApDC,mBAAAA,WAAcC;QAAdD;;IAChC,IAAM,AAAEE,OAASC,OAAMC,UAAU,CAACC,2BAAgB,EAA1CH;IACR,qBACE,qBAACI,oBAAS,CAACC,KAAK,uCACVN;QACJD,WAAWQ,IAAAA,gBAAU,yBAEnBN,OAAO,sCACPF;;AAIR"}
+{"version":3,"sources":["../../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './GridAvatarBadge.module.css';\n\nexport type GridAvatarBadgeProps = ImageBaseBadgeProps;\n\nexport const GridAvatarBadge = ({ className, ...restProps }: GridAvatarBadgeProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['GridAvatarBadge'],\n        size < 96 && styles['GridAvatarBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["GridAvatarBadge","className","restProps","size","React","useContext","ImageBaseContext","ImageBase","Badge","classNames"],"mappings":";;;;+BAOaA;;;eAAAA;;;;;;;+DAPU;oBACI;yBAC2C;AAK/D,IAAMA,kBAAkB;QAAGC,mBAAAA,WAAcC;QAAdD;;IAChC,IAAM,AAAEE,OAASC,OAAMC,WAAWC,6BAA1BH;IACR,qBACE,qBAACI,qBAAUC,mDACLN;QACJD,WAAWQ,IAAAA,yCAETN,OAAO,sCACPF;;AAIR"}

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

@@ -24,4 +24,4 @@ export interface GroupProps extends HasRootRef<HTMLElement>, React.HTMLAttribute
 /**
  * @see https://vkcom.github.io/VKUI/#/Group
  */
-export declare const Group: ({ header, description, children, separator, getRootRef, mode: modeProps, padding, className, tabIndex: tabIndexProp, ...restProps }: GroupProps) => JSX.Element;
+export declare const Group: ({ header, description, children, separator, getRootRef, mode: modeProps, padding, className, tabIndex: tabIndexProp, ...restProps }: GroupProps) => React.JSX.Element;

package/dist/cjs/components/Group/Group.js

@@ -8,29 +8,29 @@ Object.defineProperty(exports, "Group", {
         return Group;
     }
 });
-var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _define_property = require("@swc/helpers/_/_define_property");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _usePlatform = require("../../hooks/usePlatform");
 var _adaptivity = require("../../lib/adaptivity");
 var _platform = require("../../lib/platform");
 var _warnOnce = require("../../lib/warnOnce");
-var _modalRootContext = require("../ModalRoot/ModalRootContext");
-var _separator = require("../Separator/Separator");
-var _spacing = require("../Spacing/Spacing");
-var _footnote = require("../Typography/Footnote/Footnote");
+var _ModalRootContext = require("../ModalRoot/ModalRootContext");
+var _Separator = require("../Separator/Separator");
+var _Spacing = require("../Spacing/Spacing");
+var _Footnote = require("../Typography/Footnote/Footnote");
 var _obj;
 var sizeXClassNames = (_obj = {
     none: "vkuiGroup--sizeX-none"
-}, _defineProperty(_obj, _adaptivity.SizeType.COMPACT, "vkuiGroup--sizeX-compact"), _defineProperty(_obj, _adaptivity.SizeType.REGULAR, "vkuiGroup--sizeX-regular"), _obj);
+}, _define_property._(_obj, _adaptivity.SizeType.COMPACT, "vkuiGroup--sizeX-compact"), _define_property._(_obj, _adaptivity.SizeType.REGULAR, "vkuiGroup--sizeX-regular"), _obj);
 var warn = (0, _warnOnce.warnOnce)("Group");
 var Group = function(_param) {
-    var header = _param.header, description = _param.description, children = _param.children, _param_separator = _param.separator, separator = _param_separator === void 0 ? "auto" : _param_separator, getRootRef = _param.getRootRef, modeProps = _param.mode, _param_padding = _param.padding, padding = _param_padding === void 0 ? "m" : _param_padding, className = _param.className, tabIndexProp = _param.tabIndex, restProps = _objectWithoutProperties(_param, [
+    var header = _param.header, description = _param.description, children = _param.children, _param_separator = _param.separator, separator = _param_separator === void 0 ? "auto" : _param_separator, getRootRef = _param.getRootRef, modeProps = _param.mode, _param_padding = _param.padding, padding = _param_padding === void 0 ? "m" : _param_padding, className = _param.className, tabIndexProp = _param.tabIndex, restProps = _object_without_properties._(_param, [
         "header",
         "description",
         "children",
@@ -41,7 +41,7 @@ var Group = function(_param) {
         "className",
         "tabIndex"
     ]);
-    var isInsideModal = _react.useContext(_modalRootContext.ModalRootContext).isInsideModal;
+    var isInsideModal = _react.useContext(_ModalRootContext.ModalRootContext).isInsideModal;
     var platform = (0, _usePlatform.usePlatform)();
     var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeX = _useAdaptivity1.sizeX, sizeX = _useAdaptivity_sizeX === void 0 ? "none" : _useAdaptivity_sizeX;
     var mode = modeProps;
@@ -55,7 +55,7 @@ var Group = function(_param) {
     }
     var tabIndex = isTabPanel && tabIndexProp === undefined ? 0 : tabIndexProp;
     var separatorClassName = (0, _vkjs.classNames)("vkuiGroup__separator", separator === "show" && "vkuiGroup__separator--force");
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("section", _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("section", _object_spread_props._(_object_spread._({}, restProps), {
         tabIndex: tabIndex,
         ref: getRootRef,
         className: (0, _vkjs.classNames)("vkuiInternalGroup", "vkuiGroup", platform === _platform.Platform.IOS && "vkuiGroup--ios", sizeXClassNames[sizeX], mode && ({
@@ -66,12 +66,12 @@ var Group = function(_param) {
             s: "vkuiGroup--padding-s",
             m: "vkuiGroup--padding-m"
         }[padding], className)
-    }), header, children, (0, _vkjs.hasReactNode)(description) && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+    }), header, children, (0, _vkjs.hasReactNode)(description) && /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
         className: "vkuiGroup__description"
-    }, description)), separator !== "hide" && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_spacing.Spacing, {
+    }, description)), separator !== "hide" && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_Spacing.Spacing, {
         className: (0, _vkjs.classNames)(separatorClassName, "vkuiGroup__separator--spacing"),
         size: 16
-    }), /*#__PURE__*/ _react.createElement(_separator.Separator, {
+    }), /*#__PURE__*/ _react.createElement(_Separator.Separator, {
         className: (0, _vkjs.classNames)(separatorClassName, "vkuiGroup__separator--separator")
     })));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasChildren, HasRootRef } from '../../types';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { Separator } from '../Separator/Separator';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Group.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Group--sizeX-none'],\n  [SizeType.COMPACT]: styles['Group--sizeX-compact'],\n  [SizeType.REGULAR]: styles['Group--sizeX-regular'],\n};\n\nexport interface GroupProps\n  extends HasRootRef<HTMLElement>,\n    React.HTMLAttributes<HTMLElement>,\n    HasChildren {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    show - разделитель всегда показывается,\n    hide - разделитель всегда спрятан,\n    auto - разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: 'show' | 'hide' | 'auto';\n  /**\n   * Режим отображения. Если установлен 'card', выглядит как карточка c\n   * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n   * по умолчанию 'plain'.\n   */\n  mode?: 'plain' | 'card';\n  /**\n   * Отвечает за отступы вокруг контента в режиме 'card'.\n   */\n  padding?: 's' | 'm';\n}\n\nconst warn = warnOnce('Group');\n/**\n * @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group = ({\n  header,\n  description,\n  children,\n  separator = 'auto',\n  getRootRef,\n  mode: modeProps,\n  padding = 'm',\n  className,\n  tabIndex: tabIndexProp,\n  ...restProps\n}: GroupProps) => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n\n  let mode: GroupProps['mode'] | 'none' = modeProps;\n\n  if (!modeProps) {\n    // Подробнее в \"none\" можно прочитать в ADAPTIVITY_GUIDE.md\n    mode = isInsideModal ? 'plain' : 'none';\n  }\n\n  const isTabPanel = restProps.role === 'tabpanel';\n\n  if (\n    process.env.NODE_ENV === 'development' &&\n    isTabPanel &&\n    (!restProps['aria-controls'] || !restProps['id'])\n  ) {\n    warn(\n      'При использовании роли \"tabpanel\" необходимо задать значение свойств \"aria-controls\" и \"id\"',\n    );\n  }\n\n  const tabIndex = isTabPanel && tabIndexProp === undefined ? 0 : tabIndexProp;\n\n  const separatorClassName = classNames(\n    styles['Group__separator'],\n    separator === 'show' && styles['Group__separator--force'],\n  );\n\n  return (\n    <>\n      <section\n        {...restProps}\n        tabIndex={tabIndex}\n        ref={getRootRef}\n        className={classNames(\n          'vkuiInternalGroup',\n          styles['Group'],\n          platform === Platform.IOS && styles['Group--ios'],\n          sizeXClassNames[sizeX],\n          mode &&\n            {\n              none: classNames(styles['Group--mode-none'], 'vkuiInternalGroup--mode-none'),\n              plain: classNames(styles['Group--mode-plain'], 'vkuiInternalGroup--mode-plain'),\n              card: classNames(styles['Group--mode-card'], 'vkuiInternalGroup--mode-card'),\n            }[mode],\n          {\n            s: styles['Group--padding-s'],\n            m: styles['Group--padding-m'],\n          }[padding],\n          className,\n        )}\n      >\n        {header}\n        {children}\n        {hasReactNode(description) && (\n          <Footnote className={styles['Group__description']}>{description}</Footnote>\n        )}\n      </section>\n\n      {separator !== 'hide' && (\n        <React.Fragment>\n          <Spacing\n            className={classNames(separatorClassName, styles['Group__separator--spacing'])}\n            size={16}\n          />\n          <Separator\n            className={classNames(separatorClassName, styles['Group__separator--separator'])}\n          />\n        </React.Fragment>\n      )}\n    </>\n  );\n};\n"],"names":["Group","sizeXClassNames","none","SizeType","COMPACT","REGULAR","warn","warnOnce","header","description","children","separator","getRootRef","mode","modeProps","padding","className","tabIndex","tabIndexProp","restProps","isInsideModal","React","useContext","ModalRootContext","platform","usePlatform","useAdaptivity","sizeX","isTabPanel","role","process","env","NODE_ENV","undefined","separatorClassName","classNames","section","ref","Platform","IOS","plain","card","s","m","hasReactNode","Footnote","Fragment","Spacing","size","Separator"],"mappings":";;;;+BAiDaA;;;eAAAA;;;;;;;;2DAjDU;oBACkB;6BACX;2BACF;0BACH;wBACA;wBACA;gCAEQ;yBACP;uBACF;wBACC;IAGD;AAAxB,IAAMC,mBAAkB;IACtBC,IAAI;mBADkB,MAErBC,oBAAQ,CAACC,OAAO,+CAFK,MAGrBD,oBAAQ,CAACE,OAAO,+BAHK;AA+BxB,IAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAIf,IAAMP,QAAQ,iBAWH;QAVhBQ,gBAAAA,QACAC,qBAAAA,aACAC,kBAAAA,oCACAC,WAAAA,0CAAY,2BACZC,oBAAAA,YACAC,AAAMC,mBAAND,8BACAE,SAAAA,sCAAU,sBACVC,mBAAAA,WACAC,AAAUC,sBAAVD,UACGE;QATHX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,IAAM,AAAEG,gBAAkBC,OAAMC,UAAU,CAACC,kCAAgB,EAAnDH;IACR,IAAMI,WAAWC,IAAAA,wBAAW;IAC5B,IAA2BC,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAEhB,IAAId,OAAoCC;IAExC,IAAI,CAACA,WAAW;QACd,2DAA2D;QAC3DD,OAAOO,gBAAgB,UAAU,MAAM;IACzC,CAAC;IAED,IAAMQ,aAAaT,UAAUU,IAAI,KAAK;IAEtC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzBJ,cACC,CAAA,CAACT,SAAS,CAAC,gBAAgB,IAAI,CAACA,SAAS,CAAC,KAAK,AAAD,GAC/C;QACAb,KACE;IAEJ,CAAC;IAED,IAAMW,WAAWW,cAAcV,iBAAiBe,YAAY,IAAIf,YAAY;IAE5E,IAAMgB,qBAAqBC,IAAAA,gBAAU,0BAEnCxB,cAAc;IAGhB,qBACE,0DACE,qBAACyB,gDACKjB;QACJF,UAAUA;QACVoB,KAAKzB;QACLI,WAAWmB,IAAAA,gBAAU,EACnB,kCAEAX,aAAac,kBAAQ,CAACC,GAAG,sBACzBtC,eAAe,CAAC0B,MAAM,EACtBd,QACE,CAAA;YACEX,MAAMiC,IAAAA,gBAAU,0BAA6B;YAC7CK,OAAOL,IAAAA,gBAAU,2BAA8B;YAC/CM,MAAMN,IAAAA,gBAAU,0BAA6B;QAC/C,CAAA,CAAC,CAACtB,KAAK,EACT;YACE6B,CAAC;YACDC,CAAC;QACH,CAAC,CAAC5B,QAAQ,EACVC;QAGDR,QACAE,UACAkC,IAAAA,kBAAY,EAACnC,8BACZ,qBAACoC,kBAAQ;QAAC7B,SAAS;OAAiCP,eAIvDE,cAAc,wBACb,qBAACU,OAAMyB,QAAQ,sBACb,qBAACC,gBAAO;QACN/B,WAAWmB,IAAAA,gBAAU,EAACD;QACtBc,MAAM;sBAER,qBAACC,oBAAS;QACRjC,WAAWmB,IAAAA,gBAAU,EAACD;;AAMlC"}
+{"version":3,"sources":["../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasChildren, HasRootRef } from '../../types';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { Separator } from '../Separator/Separator';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Group.module.css';\n\nconst sizeXClassNames = {\n  none: styles['Group--sizeX-none'],\n  [SizeType.COMPACT]: styles['Group--sizeX-compact'],\n  [SizeType.REGULAR]: styles['Group--sizeX-regular'],\n};\n\nexport interface GroupProps\n  extends HasRootRef<HTMLElement>,\n    React.HTMLAttributes<HTMLElement>,\n    HasChildren {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    show - разделитель всегда показывается,\n    hide - разделитель всегда спрятан,\n    auto - разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: 'show' | 'hide' | 'auto';\n  /**\n   * Режим отображения. Если установлен 'card', выглядит как карточка c\n   * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n   * по умолчанию 'plain'.\n   */\n  mode?: 'plain' | 'card';\n  /**\n   * Отвечает за отступы вокруг контента в режиме 'card'.\n   */\n  padding?: 's' | 'm';\n}\n\nconst warn = warnOnce('Group');\n/**\n * @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group = ({\n  header,\n  description,\n  children,\n  separator = 'auto',\n  getRootRef,\n  mode: modeProps,\n  padding = 'm',\n  className,\n  tabIndex: tabIndexProp,\n  ...restProps\n}: GroupProps) => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n  const { sizeX = 'none' } = useAdaptivity();\n\n  let mode: GroupProps['mode'] | 'none' = modeProps;\n\n  if (!modeProps) {\n    // Подробнее в \"none\" можно прочитать в ADAPTIVITY_GUIDE.md\n    mode = isInsideModal ? 'plain' : 'none';\n  }\n\n  const isTabPanel = restProps.role === 'tabpanel';\n\n  if (\n    process.env.NODE_ENV === 'development' &&\n    isTabPanel &&\n    (!restProps['aria-controls'] || !restProps['id'])\n  ) {\n    warn(\n      'При использовании роли \"tabpanel\" необходимо задать значение свойств \"aria-controls\" и \"id\"',\n    );\n  }\n\n  const tabIndex = isTabPanel && tabIndexProp === undefined ? 0 : tabIndexProp;\n\n  const separatorClassName = classNames(\n    styles['Group__separator'],\n    separator === 'show' && styles['Group__separator--force'],\n  );\n\n  return (\n    <>\n      <section\n        {...restProps}\n        tabIndex={tabIndex}\n        ref={getRootRef}\n        className={classNames(\n          'vkuiInternalGroup',\n          styles['Group'],\n          platform === Platform.IOS && styles['Group--ios'],\n          sizeXClassNames[sizeX],\n          mode &&\n            {\n              none: classNames(styles['Group--mode-none'], 'vkuiInternalGroup--mode-none'),\n              plain: classNames(styles['Group--mode-plain'], 'vkuiInternalGroup--mode-plain'),\n              card: classNames(styles['Group--mode-card'], 'vkuiInternalGroup--mode-card'),\n            }[mode],\n          {\n            s: styles['Group--padding-s'],\n            m: styles['Group--padding-m'],\n          }[padding],\n          className,\n        )}\n      >\n        {header}\n        {children}\n        {hasReactNode(description) && (\n          <Footnote className={styles['Group__description']}>{description}</Footnote>\n        )}\n      </section>\n\n      {separator !== 'hide' && (\n        <React.Fragment>\n          <Spacing\n            className={classNames(separatorClassName, styles['Group__separator--spacing'])}\n            size={16}\n          />\n          <Separator\n            className={classNames(separatorClassName, styles['Group__separator--separator'])}\n          />\n        </React.Fragment>\n      )}\n    </>\n  );\n};\n"],"names":["Group","sizeXClassNames","none","SizeType","COMPACT","REGULAR","warn","warnOnce","header","description","children","separator","getRootRef","mode","modeProps","padding","className","tabIndex","tabIndexProp","restProps","isInsideModal","React","useContext","ModalRootContext","platform","usePlatform","useAdaptivity","sizeX","isTabPanel","role","process","env","NODE_ENV","undefined","separatorClassName","classNames","section","ref","Platform","IOS","plain","card","s","m","hasReactNode","Footnote","Fragment","Spacing","size","Separator"],"mappings":";;;;+BAiDaA;;;eAAAA;;;;;;;;+DAjDU;oBACkB;6BACX;2BACF;0BACH;wBACA;wBACA;gCAEQ;yBACP;uBACF;wBACC;IAGD;AAAxB,IAAMC,mBAAkB;IACtBC,IAAI;sBADkB,MAErBC,qBAASC,yDAFY,MAGrBD,qBAASE,sCAHY;AA+BxB,IAAMC,OAAOC,IAAAA,oBAAS;AAIf,IAAMP,QAAQ;QACnBQ,gBAAAA,QACAC,qBAAAA,aACAC,kBAAAA,oCACAC,WAAAA,0CAAY,2BACZC,oBAAAA,YACAC,AAAMC,mBAAND,8BACAE,SAAAA,sCAAU,sBACVC,mBAAAA,WACAC,AAAUC,sBAAVD,UACGE;QATHX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,IAAM,AAAEG,gBAAkBC,OAAMC,WAAWC,oCAAnCH;IACR,IAAMI,WAAWC,IAAAA;IACjB,IAA2BC,kBAAAA,IAAAA,wDAAAA,gBAAnBC,OAAAA,0CAAQ;IAEhB,IAAId,OAAoCC;IAExC,IAAI,CAACA,WAAW;QACd,2DAA2D;QAC3DD,OAAOO,gBAAgB,UAAU;IACnC;IAEA,IAAMQ,aAAaT,UAAUU,SAAS;IAEtC,IACEC,QAAQC,IAAIC,aAAa,iBACzBJ,cACC,CAAA,CAACT,SAAS,CAAC,gBAAgB,IAAI,CAACA,SAAS,CAAC,KAAK,AAAD,GAC/C;QACAb,KACE;IAEJ;IAEA,IAAMW,WAAWW,cAAcV,iBAAiBe,YAAY,IAAIf;IAEhE,IAAMgB,qBAAqBC,IAAAA,0CAEzBxB,cAAc;IAGhB,qBACE,0DACE,qBAACyB,uDACKjB;QACJF,UAAUA;QACVoB,KAAKzB;QACLI,WAAWmB,IAAAA,kBACT,kCAEAX,aAAac,mBAASC,yBACtBtC,eAAe,CAAC0B,MAAM,EACtBd,QACE,CAAA;YACEX,MAAMiC,IAAAA,0CAAuC;YAC7CK,OAAOL,IAAAA,2CAAwC;YAC/CM,MAAMN,IAAAA,0CAAuC;QAC/C,CAAA,CAAC,CAACtB,KAAK,EACT;YACE6B,CAAC;YACDC,CAAC;QACH,CAAC,CAAC5B,QAAQ,EACVC;QAGDR,QACAE,UACAkC,IAAAA,oBAAanC,8BACZ,qBAACoC;QAAS7B,SAAS;OAAiCP,eAIvDE,cAAc,wBACb,qBAACU,OAAMyB,8BACL,qBAACC;QACC/B,WAAWmB,IAAAA,kBAAWD;QACtBc,MAAM;sBAER,qBAACC;QACCjC,WAAWmB,IAAAA,kBAAWD;;AAMlC"}

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

@@ -17,4 +17,4 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootR
 /**
  * @see https://vkcom.github.io/VKUI/#/Header
  */
-export declare const Header: ({ mode, size, children, subtitle, indicator, aside, getRootRef, multiline, className, ...restProps }: HeaderProps) => JSX.Element;
+export declare const Header: ({ mode, size, children, subtitle, indicator, aside, getRootRef, multiline, className, ...restProps }: HeaderProps) => React.JSX.Element;

package/dist/cjs/components/Header/Header.js

@@ -8,21 +8,21 @@ Object.defineProperty(exports, "Header", {
         return Header;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
-var _footnote = require("../Typography/Footnote/Footnote");
-var _headline = require("../Typography/Headline/Headline");
-var _paragraph = require("../Typography/Paragraph/Paragraph");
-var _subhead = require("../Typography/Subhead/Subhead");
-var _title = require("../Typography/Title/Title");
+var _Footnote = require("../Typography/Footnote/Footnote");
+var _Headline = require("../Typography/Headline/Headline");
+var _Paragraph = require("../Typography/Paragraph/Paragraph");
+var _Subhead = require("../Typography/Subhead/Subhead");
+var _Title = require("../Typography/Title/Title");
 var HeaderContent = function(_param) {
-    var mode = _param.mode, size = _param.size, restProps = _objectWithoutProperties(_param, [
+    var mode = _param.mode, size = _param.size, restProps = _object_without_properties._(_param, [
         "mode",
         "size"
     ]);
@@ -31,66 +31,47 @@ var HeaderContent = function(_param) {
     if (platform === _platform.Platform.IOS) {
         switch(mode){
             case "primary":
-                return isLarge ? /*#__PURE__*/ _react.createElement(_title.Title, _objectSpread({
+                return isLarge ? /*#__PURE__*/ _react.createElement(_Title.Title, _object_spread._({
                     level: "2",
                     weight: "2"
-                }, restProps)) : /*#__PURE__*/ _react.createElement(_title.Title, _objectSpread({
+                }, restProps)) : /*#__PURE__*/ _react.createElement(_Title.Title, _object_spread._({
                     weight: "1",
                     level: "3"
                 }, restProps));
             case "secondary":
-                return /*#__PURE__*/ _react.createElement(_footnote.Footnote, _objectSpread({
+                return /*#__PURE__*/ _react.createElement(_Footnote.Footnote, _object_spread._({
                     weight: "1",
                     caps: true
                 }, restProps));
             case "tertiary":
-                return /*#__PURE__*/ _react.createElement(_title.Title, _objectSpread({
+                return /*#__PURE__*/ _react.createElement(_Title.Title, _object_spread._({
                     weight: "1",
                     level: "3"
                 }, restProps));
         }
     }
-    if (platform === _platform.Platform.VKCOM) {
-        switch(mode){
-            case "primary":
-                return isLarge ? /*#__PURE__*/ _react.createElement(_title.Title, _objectSpread({
-                    level: "2",
-                    weight: "1"
-                }, restProps)) : /*#__PURE__*/ _react.createElement(_headline.Headline, _objectSpread({
-                    level: "1",
-                    weight: "2"
-                }, restProps));
-            case "secondary":
-                return /*#__PURE__*/ _react.createElement(_footnote.Footnote, _objectSpread({
-                    caps: true,
-                    weight: "1"
-                }, restProps));
-            case "tertiary":
-                return /*#__PURE__*/ _react.createElement(_footnote.Footnote, restProps);
-        }
-    }
     switch(mode){
         case "primary":
-            return isLarge ? /*#__PURE__*/ _react.createElement(_title.Title, _objectSpread({
+            return isLarge ? /*#__PURE__*/ _react.createElement(_Title.Title, _object_spread._({
                 level: "2",
                 weight: "2"
-            }, restProps)) : /*#__PURE__*/ _react.createElement(_headline.Headline, _objectSpread({
+            }, restProps)) : /*#__PURE__*/ _react.createElement(_Headline.Headline, _object_spread._({
                 weight: "2"
             }, restProps));
         case "secondary":
-            return /*#__PURE__*/ _react.createElement(_footnote.Footnote, _objectSpread({
+            return /*#__PURE__*/ _react.createElement(_Footnote.Footnote, _object_spread._({
                 weight: "1",
                 caps: true
             }, restProps));
         case "tertiary":
-            return /*#__PURE__*/ _react.createElement(_headline.Headline, _objectSpread({
+            return /*#__PURE__*/ _react.createElement(_Headline.Headline, _object_spread._({
                 weight: "2"
             }, restProps));
     }
     return null;
 };
 var Header = function(_param) {
-    var _param_mode = _param.mode, mode = _param_mode === void 0 ? "primary" : _param_mode, _param_size = _param.size, size = _param_size === void 0 ? "regular" : _param_size, children = _param.children, subtitle = _param.subtitle, indicator = _param.indicator, aside = _param.aside, getRootRef = _param.getRootRef, multiline = _param.multiline, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var _param_mode = _param.mode, mode = _param_mode === void 0 ? "primary" : _param_mode, _param_size = _param.size, size = _param_size === void 0 ? "regular" : _param_size, children = _param.children, subtitle = _param.subtitle, indicator = _param.indicator, aside = _param.aside, getRootRef = _param.getRootRef, multiline = _param.multiline, className = _param.className, restProps = _object_without_properties._(_param, [
         "mode",
         "size",
         "children",
@@ -102,10 +83,9 @@ var Header = function(_param) {
         "className"
     ]);
     var platform = (0, _usePlatform.usePlatform)();
-    var AsideTypography = platform === _platform.Platform.VKCOM ? _subhead.Subhead : _paragraph.Paragraph;
-    return /*#__PURE__*/ _react.createElement("header", _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement("header", _object_spread_props._(_object_spread._({}, restProps), {
         ref: getRootRef,
-        className: (0, _vkjs.classNames)("vkuiHeader", platform === _platform.Platform.VKCOM && "vkuiHeader--vkcom", platform === _platform.Platform.ANDROID && "vkuiHeader--android", platform === _platform.Platform.IOS && "vkuiHeader--ios", {
+        className: (0, _vkjs.classNames)("vkuiHeader", platform === _platform.Platform.IOS && "vkuiHeader--ios", {
             primary: "vkuiHeader--mode-primary",
             secondary: "vkuiHeader--mode-secondary",
             tertiary: "vkuiHeader--mode-tertiary"
@@ -119,13 +99,13 @@ var Header = function(_param) {
         size: size
     }, /*#__PURE__*/ _react.createElement("span", {
         className: (0, _vkjs.classNames)("vkuiHeader__content-in", multiline && "vkuiHeader__content-in--multiline")
-    }, children), (0, _vkjs.hasReactNode)(indicator) && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+    }, children), (0, _vkjs.hasReactNode)(indicator) && /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
         className: "vkuiHeader__indicator",
         weight: "2"
-    }, indicator)), (0, _vkjs.hasReactNode)(subtitle) && /*#__PURE__*/ _react.createElement(_subhead.Subhead, {
+    }, indicator)), (0, _vkjs.hasReactNode)(subtitle) && /*#__PURE__*/ _react.createElement(_Subhead.Subhead, {
         className: "vkuiHeader__subtitle",
         Component: "span"
-    }, subtitle)), (0, _vkjs.hasReactNode)(aside) && /*#__PURE__*/ _react.createElement(AsideTypography, {
+    }, subtitle)), (0, _vkjs.hasReactNode)(aside) && /*#__PURE__*/ _react.createElement(_Paragraph.Paragraph, {
         className: "vkuiHeader__aside",
         Component: "span"
     }, aside));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Header.module.css';\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n  mode?: 'primary' | 'secondary' | 'tertiary';\n  size?: 'regular' | 'large';\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'mode' | 'size' | 'className'> &\n  HasComponent;\n\nconst HeaderContent = ({ mode, size, ...restProps }: HeaderContentProps) => {\n  const isLarge = size === 'large';\n\n  const platform = usePlatform();\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case 'primary':\n        return isLarge ? (\n          <Title level=\"2\" weight=\"2\" {...restProps} />\n        ) : (\n          <Title weight=\"1\" level=\"3\" {...restProps} />\n        );\n      case 'secondary':\n        return <Footnote weight=\"1\" caps {...restProps} />;\n      case 'tertiary':\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n    }\n  }\n\n  if (platform === Platform.VKCOM) {\n    switch (mode) {\n      case 'primary':\n        return isLarge ? (\n          <Title level=\"2\" weight=\"1\" {...restProps} />\n        ) : (\n          <Headline level=\"1\" weight=\"2\" {...restProps} />\n        );\n      case 'secondary':\n        return <Footnote caps weight=\"1\" {...restProps} />;\n      case 'tertiary':\n        return <Footnote {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case 'primary':\n      return isLarge ? (\n        <Title level=\"2\" weight=\"2\" {...restProps} />\n      ) : (\n        <Headline weight=\"2\" {...restProps} />\n      );\n    case 'secondary':\n      return <Footnote weight=\"1\" caps {...restProps} />;\n    case 'tertiary':\n      return <Headline weight=\"2\" {...restProps} />;\n  }\n\n  return null;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = 'primary',\n  size = 'regular',\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  className,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  const AsideTypography = platform === Platform.VKCOM ? Subhead : Paragraph;\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        styles['Header'],\n        platform === Platform.VKCOM && styles['Header--vkcom'],\n        platform === Platform.ANDROID && styles['Header--android'],\n        platform === Platform.IOS && styles['Header--ios'],\n        {\n          primary: styles['Header--mode-primary'],\n          secondary: styles['Header--mode-secondary'],\n          tertiary: styles['Header--mode-tertiary'],\n        }[mode],\n        isPrimitiveReactNode(indicator) && styles['Header--pi'],\n        hasReactNode(subtitle) && styles['Header--with-subtitle'],\n        className,\n      )}\n    >\n      <div className={styles['Header__main']}>\n        <HeaderContent\n          className={styles['Header__content']}\n          Component=\"span\"\n          mode={mode}\n          size={size}\n        >\n          <span\n            className={classNames(\n              styles['Header__content-in'],\n              multiline && styles['Header__content-in--multiline'],\n            )}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Footnote className={styles['Header__indicator']} weight=\"2\">\n              {indicator}\n            </Footnote>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <Subhead className={styles['Header__subtitle']} Component=\"span\">\n            {subtitle}\n          </Subhead>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <AsideTypography className={styles['Header__aside']} Component=\"span\">\n          {aside}\n        </AsideTypography>\n      )}\n    </header>\n  );\n};\n"],"names":["Header","HeaderContent","mode","size","restProps","isLarge","platform","usePlatform","Platform","IOS","Title","level","weight","Footnote","caps","VKCOM","Headline","children","subtitle","indicator","aside","getRootRef","multiline","className","AsideTypography","Subhead","Paragraph","header","ref","classNames","ANDROID","primary","secondary","tertiary","isPrimitiveReactNode","hasReactNode","div","Component","span"],"mappings":";;;;+BAmFaA;;;eAAAA;;;;;;;2DAnFU;oBACwC;2BACnC;wBACH;wBAEA;wBACA;yBACC;uBACF;qBACF;AAqBtB,IAAMC,gBAAgB,iBAAsD;QAAnDC,cAAAA,MAAMC,cAAAA,MAASC;QAAfF;QAAMC;;IAC7B,IAAME,UAAUF,SAAS;IAEzB,IAAMG,WAAWC,IAAAA,wBAAW;IAC5B,IAAID,aAAaE,kBAAQ,CAACC,GAAG,EAAE;QAC7B,OAAQP;YACN,KAAK;gBACH,OAAOG,wBACL,qBAACK,YAAK;oBAACC,OAAM;oBAAIC,QAAO;mBAAQR,4BAEhC,qBAACM,YAAK;oBAACE,QAAO;oBAAID,OAAM;mBAAQP,WACjC;YACH,KAAK;gBACH,qBAAO,qBAACS,kBAAQ;oBAACD,QAAO;oBAAIE,MAAAA,IAAI;mBAAKV;YACvC,KAAK;gBACH,qBAAO,qBAACM,YAAK;oBAACE,QAAO;oBAAID,OAAM;mBAAQP;QAC3C;IACF,CAAC;IAED,IAAIE,aAAaE,kBAAQ,CAACO,KAAK,EAAE;QAC/B,OAAQb;YACN,KAAK;gBACH,OAAOG,wBACL,qBAACK,YAAK;oBAACC,OAAM;oBAAIC,QAAO;mBAAQR,4BAEhC,qBAACY,kBAAQ;oBAACL,OAAM;oBAAIC,QAAO;mBAAQR,WACpC;YACH,KAAK;gBACH,qBAAO,qBAACS,kBAAQ;oBAACC,MAAAA,IAAI;oBAACF,QAAO;mBAAQR;YACvC,KAAK;gBACH,qBAAO,qBAACS,kBAAQ,EAAKT;QACzB;IACF,CAAC;IAED,OAAQF;QACN,KAAK;YACH,OAAOG,wBACL,qBAACK,YAAK;gBAACC,OAAM;gBAAIC,QAAO;eAAQR,4BAEhC,qBAACY,kBAAQ;gBAACJ,QAAO;eAAQR,WAC1B;QACH,KAAK;YACH,qBAAO,qBAACS,kBAAQ;gBAACD,QAAO;gBAAIE,MAAAA,IAAI;eAAKV;QACvC,KAAK;YACH,qBAAO,qBAACY,kBAAQ;gBAACJ,QAAO;eAAQR;IACpC;IAEA,OAAO,IAAI;AACb;AAKO,IAAMJ,SAAS,iBAWH;6BAVjBE,MAAAA,gCAAO,8CACPC,MAAAA,gCAAO,yBACPc,kBAAAA,UACAC,kBAAAA,UACAC,mBAAAA,WACAC,eAAAA,OACAC,oBAAAA,YACAC,mBAAAA,WACAC,mBAAAA,WACGnB;QATHF;QACAC;QACAc;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAMjB,WAAWC,IAAAA,wBAAW;IAE5B,IAAMiB,kBAAkBlB,aAAaE,kBAAQ,CAACO,KAAK,GAAGU,gBAAO,GAAGC,oBAAS;IAEzE,qBACE,qBAACC,+CACKvB;QACJwB,KAAKP;QACLE,WAAWM,IAAAA,gBAAU,gBAEnBvB,aAAaE,kBAAQ,CAACO,KAAK,yBAC3BT,aAAaE,kBAAQ,CAACsB,OAAO,2BAC7BxB,aAAaE,kBAAQ,CAACC,GAAG,uBACzB;YACEsB,OAAO;YACPC,SAAS;YACTC,QAAQ;QACV,CAAC,CAAC/B,KAAK,EACPgC,IAAAA,0BAAoB,EAACf,gCACrBgB,IAAAA,kBAAY,EAACjB,0CACbK;sBAGF,qBAACa;QAAIb,SAAS;qBACZ,qBAACtB;QACCsB,SAAS;QACTc,WAAU;QACVnC,MAAMA;QACNC,MAAMA;qBAEN,qBAACmC;QACCf,WAAWM,IAAAA,gBAAU,4BAEnBP;OAGDL,WAEFkB,IAAAA,kBAAY,EAAChB,4BACZ,qBAACN,kBAAQ;QAACU,SAAS;QAA+BX,QAAO;OACtDO,aAKNgB,IAAAA,kBAAY,EAACjB,2BACZ,qBAACO,gBAAO;QAACF,SAAS;QAA8Bc,WAAU;OACvDnB,YAKNiB,IAAAA,kBAAY,EAACf,wBACZ,qBAACI;QAAgBD,SAAS;QAA2Bc,WAAU;OAC5DjB;AAKX"}
+{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Header.module.css';\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n  mode?: 'primary' | 'secondary' | 'tertiary';\n  size?: 'regular' | 'large';\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'mode' | 'size' | 'className'> &\n  HasComponent;\n\nconst HeaderContent = ({ mode, size, ...restProps }: HeaderContentProps) => {\n  const isLarge = size === 'large';\n\n  const platform = usePlatform();\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case 'primary':\n        return isLarge ? (\n          <Title level=\"2\" weight=\"2\" {...restProps} />\n        ) : (\n          <Title weight=\"1\" level=\"3\" {...restProps} />\n        );\n      case 'secondary':\n        return <Footnote weight=\"1\" caps {...restProps} />;\n      case 'tertiary':\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case 'primary':\n      return isLarge ? (\n        <Title level=\"2\" weight=\"2\" {...restProps} />\n      ) : (\n        <Headline weight=\"2\" {...restProps} />\n      );\n    case 'secondary':\n      return <Footnote weight=\"1\" caps {...restProps} />;\n    case 'tertiary':\n      return <Headline weight=\"2\" {...restProps} />;\n  }\n\n  return null;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = 'primary',\n  size = 'regular',\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  className,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(\n        styles['Header'],\n        platform === Platform.IOS && styles['Header--ios'],\n        {\n          primary: styles['Header--mode-primary'],\n          secondary: styles['Header--mode-secondary'],\n          tertiary: styles['Header--mode-tertiary'],\n        }[mode],\n        isPrimitiveReactNode(indicator) && styles['Header--pi'],\n        hasReactNode(subtitle) && styles['Header--with-subtitle'],\n        className,\n      )}\n    >\n      <div className={styles['Header__main']}>\n        <HeaderContent\n          className={styles['Header__content']}\n          Component=\"span\"\n          mode={mode}\n          size={size}\n        >\n          <span\n            className={classNames(\n              styles['Header__content-in'],\n              multiline && styles['Header__content-in--multiline'],\n            )}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Footnote className={styles['Header__indicator']} weight=\"2\">\n              {indicator}\n            </Footnote>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <Subhead className={styles['Header__subtitle']} Component=\"span\">\n            {subtitle}\n          </Subhead>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <Paragraph className={styles['Header__aside']} Component=\"span\">\n          {aside}\n        </Paragraph>\n      )}\n    </header>\n  );\n};\n"],"names":["Header","HeaderContent","mode","size","restProps","isLarge","platform","usePlatform","Platform","IOS","Title","level","weight","Footnote","caps","Headline","children","subtitle","indicator","aside","getRootRef","multiline","className","header","ref","classNames","primary","secondary","tertiary","isPrimitiveReactNode","hasReactNode","div","Component","span","Subhead","Paragraph"],"mappings":";;;;+BAoEaA;;;eAAAA;;;;;;;+DApEU;oBACwC;2BACnC;wBACH;wBAEA;wBACA;yBACC;uBACF;qBACF;AAqBtB,IAAMC,gBAAgB;QAAGC,cAAAA,MAAMC,cAAAA,MAASC;QAAfF;QAAMC;;IAC7B,IAAME,UAAUF,SAAS;IAEzB,IAAMG,WAAWC,IAAAA;IACjB,IAAID,aAAaE,mBAASC,KAAK;QAC7B,OAAQP;YACN,KAAK;gBACH,OAAOG,wBACL,qBAACK;oBAAMC,OAAM;oBAAIC,QAAO;mBAAQR,4BAEhC,qBAACM;oBAAME,QAAO;oBAAID,OAAM;mBAAQP;YAEpC,KAAK;gBACH,qBAAO,qBAACS;oBAASD,QAAO;oBAAIE,MAAAA;mBAASV;YACvC,KAAK;gBACH,qBAAO,qBAACM;oBAAME,QAAO;oBAAID,OAAM;mBAAQP;QAC3C;IACF;IAEA,OAAQF;QACN,KAAK;YACH,OAAOG,wBACL,qBAACK;gBAAMC,OAAM;gBAAIC,QAAO;eAAQR,4BAEhC,qBAACW;gBAASH,QAAO;eAAQR;QAE7B,KAAK;YACH,qBAAO,qBAACS;gBAASD,QAAO;gBAAIE,MAAAA;eAASV;QACvC,KAAK;YACH,qBAAO,qBAACW;gBAASH,QAAO;eAAQR;IACpC;IAEA,OAAO;AACT;AAKO,IAAMJ,SAAS;6BACpBE,MAAAA,gCAAO,8CACPC,MAAAA,gCAAO,yBACPa,kBAAAA,UACAC,kBAAAA,UACAC,mBAAAA,WACAC,eAAAA,OACAC,oBAAAA,YACAC,mBAAAA,WACAC,mBAAAA,WACGlB;QATHF;QACAC;QACAa;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAMhB,WAAWC,IAAAA;IAEjB,qBACE,qBAACgB,sDACKnB;QACJoB,KAAKJ;QACLE,WAAWG,IAAAA,gCAETnB,aAAaE,mBAASC,0BACtB;YACEiB,OAAO;YACPC,SAAS;YACTC,QAAQ;QACV,CAAC,CAAC1B,KAAK,EACP2B,IAAAA,4BAAqBX,gCACrBY,IAAAA,oBAAab,0CACbK;sBAGF,qBAACS;QAAIT,SAAS;qBACZ,qBAACrB;QACCqB,SAAS;QACTU,WAAU;QACV9B,MAAMA;QACNC,MAAMA;qBAEN,qBAAC8B;QACCX,WAAWG,IAAAA,4CAETJ;OAGDL,WAEFc,IAAAA,oBAAaZ,4BACZ,qBAACL;QAASS,SAAS;QAA+BV,QAAO;OACtDM,aAKNY,IAAAA,oBAAab,2BACZ,qBAACiB;QAAQZ,SAAS;QAA8BU,WAAU;OACvDf,YAKNa,IAAAA,oBAAaX,wBACZ,qBAACgB;QAAUb,SAAS;QAA2BU,WAAU;OACtDb;AAKX"}

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

@@ -19,4 +19,4 @@ export interface HorizontalCellProps extends React.AnchorHTMLAttributes<HTMLElem
 /**
  * @see https://vkcom.github.io/VKUI/#/HorizontalCell
  */
-export declare const HorizontalCell: ({ className, header, style, subtitle, size, children, getRootRef, getRef, extraSubtitle, ...restProps }: HorizontalCellProps) => JSX.Element;
+export declare const HorizontalCell: ({ className, header, style, subtitle, size, children, getRootRef, getRef, extraSubtitle, ...restProps }: HorizontalCellProps) => React.JSX.Element;

package/dist/cjs/components/HorizontalCell/HorizontalCell.js

@@ -8,27 +8,27 @@ Object.defineProperty(exports, "HorizontalCell", {
         return HorizontalCell;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _avatar = require("../Avatar/Avatar");
-var _tappable = require("../Tappable/Tappable");
-var _caption = require("../Typography/Caption/Caption");
-var _footnote = require("../Typography/Footnote/Footnote");
-var _subhead = require("../Typography/Subhead/Subhead");
+var _Avatar = require("../Avatar/Avatar");
+var _Tappable = require("../Tappable/Tappable");
+var _Caption = require("../Typography/Caption/Caption");
+var _Footnote = require("../Typography/Footnote/Footnote");
+var _Subhead = require("../Typography/Subhead/Subhead");
 var CellTypography = function(_param) {
-    var size = _param.size, children = _param.children, restProps = _objectWithoutProperties(_param, [
+    var size = _param.size, children = _param.children, restProps = _object_without_properties._(_param, [
         "size",
         "children"
     ]);
-    return size === "s" ? /*#__PURE__*/ _react.createElement(_caption.Caption, restProps, children) : /*#__PURE__*/ _react.createElement(_subhead.Subhead, restProps, children);
+    return size === "s" ? /*#__PURE__*/ _react.createElement(_Caption.Caption, restProps, children) : /*#__PURE__*/ _react.createElement(_Subhead.Subhead, restProps, children);
 };
 var HorizontalCell = function(_param) {
-    var className = _param.className, header = _param.header, style = _param.style, subtitle = _param.subtitle, _param_size = _param.size, size = _param_size === void 0 ? "s" : _param_size, _param_children = _param.children, children = _param_children === void 0 ? /*#__PURE__*/ _react.createElement(_avatar.Avatar, {
+    var className = _param.className, header = _param.header, style = _param.style, subtitle = _param.subtitle, _param_size = _param.size, size = _param_size === void 0 ? "s" : _param_size, _param_children = _param.children, children = _param_children === void 0 ? /*#__PURE__*/ _react.createElement(_Avatar.Avatar, {
         size: 56
-    }) : _param_children, getRootRef = _param.getRootRef, getRef = _param.getRef, extraSubtitle = _param.extraSubtitle, restProps = _objectWithoutProperties(_param, [
+    }) : _param_children, getRootRef = _param.getRootRef, getRef = _param.getRef, extraSubtitle = _param.extraSubtitle, restProps = _object_without_properties._(_param, [
         "className",
         "header",
         "style",
@@ -47,7 +47,7 @@ var HorizontalCell = function(_param) {
             m: "vkuiHorizontalCell--size-m",
             l: "vkuiHorizontalCell--size-l"
         }[size], className)
-    }, /*#__PURE__*/ _react.createElement(_tappable.Tappable, _objectSpread({
+    }, /*#__PURE__*/ _react.createElement(_Tappable.Tappable, _object_spread._({
         className: "vkuiHorizontalCell__body",
         getRootRef: getRef
     }, restProps), (0, _vkjs.hasReactNode)(children) && /*#__PURE__*/ _react.createElement("div", {
@@ -56,9 +56,9 @@ var HorizontalCell = function(_param) {
         className: "vkuiHorizontalCell__content"
     }, (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement(CellTypography, {
         size: size
-    }, header), (0, _vkjs.hasReactNode)(subtitle) && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+    }, header), (0, _vkjs.hasReactNode)(subtitle) && /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
         className: "vkuiHorizontalCell__subtitle"
-    }, subtitle), (0, _vkjs.hasReactNode)(extraSubtitle) && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+    }, subtitle), (0, _vkjs.hasReactNode)(extraSubtitle) && /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
         className: "vkuiHorizontalCell__subtitle"
     }, extraSubtitle))));
 };