@vkontakte/vkui 6.0.3 → 6.1.0

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

@@ -19,11 +19,10 @@ _export(exports, {
         return MAX_GRID_LENGTH;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
 const _vkjs = require("@vkontakte/vkjs");
 const _warnOnce = require("../../lib/warnOnce");
 const _ImageBase = require("../ImageBase/ImageBase");
@@ -43,19 +42,23 @@ const GridAvatar = (_param)=>{
             warn(`Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`, 'error');
         }
     }
-    return /*#__PURE__*/ _react.createElement(_ImageBase.ImageBase, _object_spread_props._(_object_spread._({}, restProps), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ImageBase.ImageBase, _object_spread_props._(_object_spread._({}, restProps), {
         size: size,
-        className: (0, _vkjs.classNames)("vkuiGridAvatar", className)
-    }), /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiGridAvatar__in",
-        "aria-hidden": true
-    }, src.map((url, index)=>index < MAX_GRID_LENGTH ? /*#__PURE__*/ _react.createElement("div", {
-            key: url,
-            className: "vkuiGridAvatar__item",
-            style: {
-                backgroundImage: `url(${url})`
-            }
-        }) : null)), children);
+        className: (0, _vkjs.classNames)("vkuiGridAvatar", className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "vkuiGridAvatar__in",
+                "aria-hidden": true,
+                children: src.map((url, index)=>index < MAX_GRID_LENGTH ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "vkuiGridAvatar__item",
+                        style: {
+                            backgroundImage: `url(${url})`
+                        }
+                    }, url) : null)
+            }),
+            children
+        ]
+    }));
 };
 GridAvatar.Badge = _GridAvatarBadge.GridAvatarBadge;
 

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","GridAvatar","MAX_GRID_LENGTH","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;;IAgBAC,UAAU;eAAVA;;IAdAC,eAAe;eAAfA;;;;;;;iEAXU;sBACI;0BACF;2BACsB;iCACY;AAKpD,MAAMF,2BAA2B;AAEjC,MAAME,kBAAkB;AAS/B,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMH,aAAa;QAAC,EACzBI,MAAM,EAAE,EACRC,OAAON,wBAAwB,EAC/BO,SAAS,EACTC,QAAQ,EAEQ,WADbC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIP,IAAIQ,MAAM,GAAGX,iBAAiB;YAChCC,KAAK,CAAC,mBAAmB,EAAEE,IAAIQ,MAAM,CAAC,uBAAuB,EAAEX,gBAAgB,CAAC,CAAC,EAAE;QACrF;IACF;IAEA,qBACE,qBAACY,oBAAS,8CAAKL;QAAWH,MAAMA;QAAMC,WAAWQ,IAAAA,gBAAU,oBAAuBR;sBAChF,qBAACS;QAAIT,SAAS;QAA4BU,eAAAA;OACvCZ,IAAIa,GAAG,CAAC,CAACC,KAAKC,QACbA,QAAQlB,gCACN,qBAACc;YACCK,KAAKF;YACLZ,SAAS;YACTe,OAAO;gBAAEC,iBAAiB,CAAC,IAAI,EAAEJ,IAAI,CAAC,CAAC;YAAC;aAExC,QAGPX;AAGP;AAEAP,WAAWuB,KAAK,GAAGC,gCAAe"}
+{"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import { 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","GridAvatar","MAX_GRID_LENGTH","warn","warnOnce","src","size","className","children","restProps","process","env","NODE_ENV","length","ImageBase","classNames","div","aria-hidden","map","url","index","style","backgroundImage","Badge","GridAvatarBadge"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,wBAAwB;eAAxBA;;IAgBAC,UAAU;eAAVA;;IAdAC,eAAe;eAAfA;;;;;;;sBAVc;0BACF;2BACsB;iCACY;AAKpD,MAAMF,2BAA2B;AAEjC,MAAME,kBAAkB;AAS/B,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMH,aAAa;QAAC,EACzBI,MAAM,EAAE,EACRC,OAAON,wBAAwB,EAC/BO,SAAS,EACTC,QAAQ,EAEQ,WADbC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIP,IAAIQ,MAAM,GAAGX,iBAAiB;YAChCC,KAAK,CAAC,mBAAmB,EAAEE,IAAIQ,MAAM,CAAC,uBAAuB,EAAEX,gBAAgB,CAAC,CAAC,EAAE;QACrF;IACF;IAEA,qBACE,sBAACY,oBAAS,8CAAKL;QAAWH,MAAMA;QAAMC,WAAWQ,IAAAA,gBAAU,oBAAuBR;;0BAChF,qBAACS;gBAAIT,SAAS;gBAA4BU,aAAW;0BAClDZ,IAAIa,GAAG,CAAC,CAACC,KAAKC,QACbA,QAAQlB,gCACN,qBAACc;wBAECT,SAAS;wBACTc,OAAO;4BAAEC,iBAAiB,CAAC,IAAI,EAAEH,IAAI,CAAC,CAAC;wBAAC;uBAFnCA,OAIL;;YAGPX;;;AAGP;AAEAP,WAAWsB,KAAK,GAAGC,gCAAe"}

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import { type ImageBaseBadgeProps } from '../../ImageBase/ImageBase';
 export type GridAvatarBadgeProps = ImageBaseBadgeProps;
-export declare const GridAvatarBadge: ({ className, ...restProps }: GridAvatarBadgeProps) => React.JSX.Element;
+export declare const GridAvatarBadge: ({ className, ...restProps }: GridAvatarBadgeProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GridAvatarBadge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridAvatarBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,KAAK,mBAAmB,EAAoB,MAAM,2BAA2B,CAAC;AAGlG,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,eAAO,MAAM,eAAe,gCAAiC,oBAAoB,sBAYhF,CAAC"}
+{"version":3,"file":"GridAvatarBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,mBAAmB,EAAoB,MAAM,2BAA2B,CAAC;AAGlG,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,eAAO,MAAM,eAAe,gCAAiC,oBAAoB,4CAYhF,CAAC"}

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

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _ImageBase = require("../../ImageBase/ImageBase");
@@ -20,7 +21,7 @@ const GridAvatarBadge = (_param)=>{
         "className"
     ]);
     const { size } = _react.useContext(_ImageBase.ImageBaseContext);
-    return /*#__PURE__*/ _react.createElement(_ImageBase.ImageBase.Badge, _object_spread_props._(_object_spread._({}, restProps), {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_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;;;;;;;iEAPU;sBACI;2BAC2C;AAK/D,MAAMA,kBAAkB;QAAC,EAAEC,SAAS,EAAsC,WAAjCC;QAAdD;;IAChC,MAAM,EAAEE,IAAI,EAAE,GAAGC,OAAMC,UAAU,CAACC,2BAAgB;IAClD,qBACE,qBAACC,oBAAS,CAACC,KAAK,8CACVN;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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;;;;;iEAPU;sBACI;2BAC2C;AAK/D,MAAMA,kBAAkB;QAAC,EAAEC,SAAS,EAAsC,WAAjCC;QAAdD;;IAChC,MAAM,EAAEE,IAAI,EAAE,GAAGC,OAAMC,UAAU,CAACC,2BAAgB;IAClD,qBACE,qBAACC,oBAAS,CAACC,KAAK,8CACVN;QACJD,WAAWQ,IAAAA,gBAAU,yBAEnBN,OAAO,sCACPF;;AAIR"}

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

@@ -24,5 +24,5 @@ export interface GroupProps extends HTMLAttributesWithRootRef<HTMLElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/Group
  */
-export declare const Group: ({ header, description, children, separator, mode: modeProps, padding, tabIndex: tabIndexProp, ...restProps }: GroupProps) => React.JSX.Element;
+export declare const Group: ({ header, description, children, separator, mode: modeProps, padding, tabIndex: tabIndexProp, ...restProps }: GroupProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAsDxD,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,WAAW,CAAC;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACrB;AAGD;;GAEG;AACH,eAAO,MAAM,KAAK,iHASf,UAAU,sBA2DZ,CAAC"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqDxD,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,WAAW,CAAC;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACrB;AAGD;;GAEG;AACH,eAAO,MAAM,KAAK,iHASf,UAAU,4CA0DZ,CAAC"}

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

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useAdaptivity = require("../../hooks/useAdaptivity");
@@ -20,7 +21,6 @@ const _AppRootContext = require("../AppRoot/AppRootContext");
 const _ModalRootContext = require("../ModalRoot/ModalRootContext");
 const _RootComponent = require("../RootComponent/RootComponent");
 const _Separator = require("../Separator/Separator");
-const _Spacing = require("../Spacing/Spacing");
 const _Footnote = require("../Typography/Footnote/Footnote");
 const sizeXClassNames = {
     none: (0, _vkjs.classNames)("vkuiGroup--sizeX-none", 'vkuiInternalGroup--sizeX-none'),
@@ -72,21 +72,37 @@ const Group = (_param)=>{
         warn('При использовании роли "tabpanel" необходимо задать значение свойств "aria-controls" и "id"');
     }
     const tabIndex = isTabPanel && tabIndexProp === undefined ? 0 : tabIndexProp;
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({
-        Component: "section"
-    }, restProps), {
-        tabIndex: tabIndex,
-        baseClassName: (0, _vkjs.classNames)('vkuiInternalGroup', "vkuiGroup", isInsideModal && "vkuiGroup--inside-modal", sizeX !== 'regular' && sizeXClassNames[sizeX], mode && stylesMode[mode], stylesPadding[padding])
-    }), (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiGroup__header"
-    }, 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, {
-        className: (0, _vkjs.classNames)("vkuiGroup__separator", "vkuiGroup__separator--spacing"),
-        size: 16
-    }), /*#__PURE__*/ _react.createElement(_Separator.Separator, {
-        className: (0, _vkjs.classNames)("vkuiGroup__separator", "vkuiGroup__separator--separator", separator === 'show' && "vkuiGroup__separator--force")
-    })));
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({
+                Component: "section"
+            }, restProps), {
+                tabIndex: tabIndex,
+                baseClassName: (0, _vkjs.classNames)('vkuiInternalGroup', "vkuiGroup", isInsideModal && "vkuiGroup--inside-modal", sizeX !== 'regular' && sizeXClassNames[sizeX], mode && stylesMode[mode], stylesPadding[padding]),
+                children: [
+                    (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "vkuiGroup__header",
+                        children: header
+                    }),
+                    children,
+                    (0, _vkjs.hasReactNode)(description) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Footnote.Footnote, {
+                        className: "vkuiGroup__description",
+                        children: description
+                    })
+                ]
+            })),
+            separator !== 'hide' && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _vkjs.classNames)("vkuiGroup__separator", "vkuiGroup__separator--spacing")
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Separator.Separator, {
+                        className: (0, _vkjs.classNames)("vkuiGroup__separator", "vkuiGroup__separator--separator", separator === 'show' && "vkuiGroup__separator--force")
+                    })
+                ]
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=Group.js.map

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 { SizeTypeValues } from '../../lib/adaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\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: classNames(styles['Group--sizeX-none'], 'vkuiInternalGroup--sizeX-none'),\n  ['compact']: styles['Group--sizeX-compact'],\n};\n\nconst stylesMode = {\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};\n\nconst stylesPadding = {\n  s: styles['Group--padding-s'],\n  m: styles['Group--padding-m'],\n};\n\n/**\n * Вычисляем mode для Group.\n */\nfunction useGroupMode(\n  forcedMode: GroupProps['mode'],\n  sizeX: SizeTypeValues | 'none',\n  isInsideModal: boolean,\n): 'plain' | 'card' | 'none' {\n  const { layout } = React.useContext(AppRootContext);\n\n  if (forcedMode) {\n    return forcedMode;\n  }\n\n  if (isInsideModal) {\n    return 'plain';\n  }\n\n  if (layout) {\n    return layout;\n  }\n\n  if (sizeX !== 'none') {\n    return sizeX === 'regular' ? 'card' : 'plain';\n  }\n\n  return 'none';\n}\n\nexport interface GroupProps extends HTMLAttributesWithRootRef<HTMLElement> {\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` (`mode=card` при `sizeX=REGULAR` и `mode=plain` при `sizeX=COMPACT`)\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  mode: modeProps,\n  padding = 'm',\n  tabIndex: tabIndexProp,\n  ...restProps\n}: GroupProps) => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const { sizeX = 'none' } = useAdaptivity();\n\n  const mode = useGroupMode(modeProps, sizeX, isInsideModal);\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  return (\n    <>\n      <RootComponent\n        Component=\"section\"\n        {...restProps}\n        tabIndex={tabIndex}\n        baseClassName={classNames(\n          'vkuiInternalGroup',\n          styles['Group'],\n          isInsideModal && styles['Group--inside-modal'],\n          sizeX !== 'regular' && sizeXClassNames[sizeX],\n          mode && stylesMode[mode],\n          stylesPadding[padding],\n        )}\n      >\n        {hasReactNode(header) && <div className={styles['Group__header']}>{header}</div>}\n        {children}\n        {hasReactNode(description) && (\n          <Footnote className={styles['Group__description']}>{description}</Footnote>\n        )}\n      </RootComponent>\n\n      {separator !== 'hide' && (\n        <React.Fragment>\n          <Spacing\n            className={classNames(styles['Group__separator'], styles['Group__separator--spacing'])}\n            size={16}\n          />\n          <Separator\n            className={classNames(\n              styles['Group__separator'],\n              styles['Group__separator--separator'],\n              separator === 'show' && styles['Group__separator--force'],\n            )}\n          />\n        </React.Fragment>\n      )}\n    </>\n  );\n};\n"],"names":["Group","sizeXClassNames","none","classNames","stylesMode","plain","card","stylesPadding","s","m","useGroupMode","forcedMode","sizeX","isInsideModal","layout","React","useContext","AppRootContext","warn","warnOnce","header","description","children","separator","mode","modeProps","padding","tabIndex","tabIndexProp","restProps","ModalRootContext","useAdaptivity","isTabPanel","role","process","env","NODE_ENV","undefined","RootComponent","Component","baseClassName","hasReactNode","div","className","Footnote","Fragment","Spacing","size","Separator"],"mappings":";;;;+BAqFaA;;;eAAAA;;;;;;;iEArFU;sBACkB;+BACX;0BAEL;gCAEM;kCACE;+BACH;2BACJ;yBACF;0BACC;AAGzB,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,2BAA8B;IAC9C,CAAC,UAAU;AACb;AAEA,MAAMC,aAAa;IACjBF,MAAMC,IAAAA,gBAAU,0BAA6B;IAC7CE,OAAOF,IAAAA,gBAAU,2BAA8B;IAC/CG,MAAMH,IAAAA,gBAAU,0BAA6B;AAC/C;AAEA,MAAMI,gBAAgB;IACpBC,CAAC;IACDC,CAAC;AACH;AAEA;;CAEC,GACD,SAASC,aACPC,UAA8B,EAC9BC,KAA8B,EAC9BC,aAAsB;IAEtB,MAAM,EAAEC,MAAM,EAAE,GAAGC,OAAMC,UAAU,CAACC,8BAAc;IAElD,IAAIN,YAAY;QACd,OAAOA;IACT;IAEA,IAAIE,eAAe;QACjB,OAAO;IACT;IAEA,IAAIC,QAAQ;QACV,OAAOA;IACT;IAEA,IAAIF,UAAU,QAAQ;QACpB,OAAOA,UAAU,YAAY,SAAS;IACxC;IAEA,OAAO;AACT;AAwBA,MAAMM,OAAOC,IAAAA,kBAAQ,EAAC;AAIf,MAAMnB,QAAQ;QAAC,EACpBoB,MAAM,EACNC,WAAW,EACXC,QAAQ,EACRC,YAAY,MAAM,EAClBC,MAAMC,SAAS,EACfC,UAAU,GAAG,EACbC,UAAUC,YAAY,EAEX,WADRC;QAPHT;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAGA,MAAM,EAAEd,aAAa,EAAE,GAAGE,OAAMC,UAAU,CAACc,kCAAgB;IAC3D,MAAM,EAAElB,QAAQ,MAAM,EAAE,GAAGmB,IAAAA,4BAAa;IAExC,MAAMP,OAAOd,aAAae,WAAWb,OAAOC;IAE5C,MAAMmB,aAAaH,UAAUI,IAAI,KAAK;IAEtC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzBJ,cACC,CAAA,CAACH,SAAS,CAAC,gBAAgB,IAAI,CAACA,SAAS,CAAC,KAAK,AAAD,GAC/C;QACAX,KACE;IAEJ;IAEA,MAAMS,WAAWK,cAAcJ,iBAAiBS,YAAY,IAAIT;IAEhE,qBACE,0DACE,qBAACU,4BAAa;QACZC,WAAU;OACNV;QACJF,UAAUA;QACVa,eAAerC,IAAAA,gBAAU,EACvB,kCAEAU,4CACAD,UAAU,aAAaX,eAAe,CAACW,MAAM,EAC7CY,QAAQpB,UAAU,CAACoB,KAAK,EACxBjB,aAAa,CAACmB,QAAQ;QAGvBe,IAAAA,kBAAY,EAACrB,yBAAW,qBAACsB;QAAIC,SAAS;OAA4BvB,SAClEE,UACAmB,IAAAA,kBAAY,EAACpB,8BACZ,qBAACuB,kBAAQ;QAACD,SAAS;OAAiCtB,eAIvDE,cAAc,wBACb,qBAACR,OAAM8B,QAAQ,sBACb,qBAACC,gBAAO;QACNH,WAAWxC,IAAAA,gBAAU;QACrB4C,MAAM;sBAER,qBAACC,oBAAS;QACRL,WAAWxC,IAAAA,gBAAU,6DAGnBoB,cAAc;;AAO5B"}
+{"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 { SizeTypeValues } from '../../lib/adaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Separator } from '../Separator/Separator';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Group.module.css';\n\nconst sizeXClassNames = {\n  none: classNames(styles['Group--sizeX-none'], 'vkuiInternalGroup--sizeX-none'),\n  ['compact']: styles['Group--sizeX-compact'],\n};\n\nconst stylesMode = {\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};\n\nconst stylesPadding = {\n  s: styles['Group--padding-s'],\n  m: styles['Group--padding-m'],\n};\n\n/**\n * Вычисляем mode для Group.\n */\nfunction useGroupMode(\n  forcedMode: GroupProps['mode'],\n  sizeX: SizeTypeValues | 'none',\n  isInsideModal: boolean,\n): 'plain' | 'card' | 'none' {\n  const { layout } = React.useContext(AppRootContext);\n\n  if (forcedMode) {\n    return forcedMode;\n  }\n\n  if (isInsideModal) {\n    return 'plain';\n  }\n\n  if (layout) {\n    return layout;\n  }\n\n  if (sizeX !== 'none') {\n    return sizeX === 'regular' ? 'card' : 'plain';\n  }\n\n  return 'none';\n}\n\nexport interface GroupProps extends HTMLAttributesWithRootRef<HTMLElement> {\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` (`mode=card` при `sizeX=REGULAR` и `mode=plain` при `sizeX=COMPACT`)\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  mode: modeProps,\n  padding = 'm',\n  tabIndex: tabIndexProp,\n  ...restProps\n}: GroupProps) => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const { sizeX = 'none' } = useAdaptivity();\n\n  const mode = useGroupMode(modeProps, sizeX, isInsideModal);\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  return (\n    <>\n      <RootComponent\n        Component=\"section\"\n        {...restProps}\n        tabIndex={tabIndex}\n        baseClassName={classNames(\n          'vkuiInternalGroup',\n          styles['Group'],\n          isInsideModal && styles['Group--inside-modal'],\n          sizeX !== 'regular' && sizeXClassNames[sizeX],\n          mode && stylesMode[mode],\n          stylesPadding[padding],\n        )}\n      >\n        {hasReactNode(header) && <div className={styles['Group__header']}>{header}</div>}\n        {children}\n        {hasReactNode(description) && (\n          <Footnote className={styles['Group__description']}>{description}</Footnote>\n        )}\n      </RootComponent>\n\n      {separator !== 'hide' && (\n        <React.Fragment>\n          <div\n            className={classNames(styles['Group__separator'], styles['Group__separator--spacing'])}\n          />\n          <Separator\n            className={classNames(\n              styles['Group__separator'],\n              styles['Group__separator--separator'],\n              separator === 'show' && styles['Group__separator--force'],\n            )}\n          />\n        </React.Fragment>\n      )}\n    </>\n  );\n};\n"],"names":["Group","sizeXClassNames","none","classNames","stylesMode","plain","card","stylesPadding","s","m","useGroupMode","forcedMode","sizeX","isInsideModal","layout","React","useContext","AppRootContext","warn","warnOnce","header","description","children","separator","mode","modeProps","padding","tabIndex","tabIndexProp","restProps","ModalRootContext","useAdaptivity","isTabPanel","role","process","env","NODE_ENV","undefined","RootComponent","Component","baseClassName","hasReactNode","div","className","Footnote","Fragment","Separator"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoFaA;;;eAAAA;;;;;;;;iEApFU;sBACkB;+BACX;0BAEL;gCAEM;kCACE;+BACH;2BACJ;0BACD;AAGzB,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,2BAA8B;IAC9C,CAAC,UAAU;AACb;AAEA,MAAMC,aAAa;IACjBF,MAAMC,IAAAA,gBAAU,0BAA6B;IAC7CE,OAAOF,IAAAA,gBAAU,2BAA8B;IAC/CG,MAAMH,IAAAA,gBAAU,0BAA6B;AAC/C;AAEA,MAAMI,gBAAgB;IACpBC,CAAC;IACDC,CAAC;AACH;AAEA;;CAEC,GACD,SAASC,aACPC,UAA8B,EAC9BC,KAA8B,EAC9BC,aAAsB;IAEtB,MAAM,EAAEC,MAAM,EAAE,GAAGC,OAAMC,UAAU,CAACC,8BAAc;IAElD,IAAIN,YAAY;QACd,OAAOA;IACT;IAEA,IAAIE,eAAe;QACjB,OAAO;IACT;IAEA,IAAIC,QAAQ;QACV,OAAOA;IACT;IAEA,IAAIF,UAAU,QAAQ;QACpB,OAAOA,UAAU,YAAY,SAAS;IACxC;IAEA,OAAO;AACT;AAwBA,MAAMM,OAAOC,IAAAA,kBAAQ,EAAC;AAIf,MAAMnB,QAAQ;QAAC,EACpBoB,MAAM,EACNC,WAAW,EACXC,QAAQ,EACRC,YAAY,MAAM,EAClBC,MAAMC,SAAS,EACfC,UAAU,GAAG,EACbC,UAAUC,YAAY,EAEX,WADRC;QAPHT;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAGA,MAAM,EAAEd,aAAa,EAAE,GAAGE,OAAMC,UAAU,CAACc,kCAAgB;IAC3D,MAAM,EAAElB,QAAQ,MAAM,EAAE,GAAGmB,IAAAA,4BAAa;IAExC,MAAMP,OAAOd,aAAae,WAAWb,OAAOC;IAE5C,MAAMmB,aAAaH,UAAUI,IAAI,KAAK;IAEtC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzBJ,cACC,CAAA,CAACH,SAAS,CAAC,gBAAgB,IAAI,CAACA,SAAS,CAAC,KAAK,AAAD,GAC/C;QACAX,KACE;IAEJ;IAEA,MAAMS,WAAWK,cAAcJ,iBAAiBS,YAAY,IAAIT;IAEhE,qBACE;;0BACE,sBAACU,4BAAa;gBACZC,WAAU;eACNV;gBACJF,UAAUA;gBACVa,eAAerC,IAAAA,gBAAU,EACvB,kCAEAU,4CACAD,UAAU,aAAaX,eAAe,CAACW,MAAM,EAC7CY,QAAQpB,UAAU,CAACoB,KAAK,EACxBjB,aAAa,CAACmB,QAAQ;;oBAGvBe,IAAAA,kBAAY,EAACrB,yBAAW,qBAACsB;wBAAIC,SAAS;kCAA4BvB;;oBAClEE;oBACAmB,IAAAA,kBAAY,EAACpB,8BACZ,qBAACuB,kBAAQ;wBAACD,SAAS;kCAAiCtB;;;;YAIvDE,cAAc,wBACb,sBAACR,OAAM8B,QAAQ;;kCACb,qBAACH;wBACCC,WAAWxC,IAAAA,gBAAU;;kCAEvB,qBAAC2C,oBAAS;wBACRH,WAAWxC,IAAAA,gBAAU,6DAGnBoB,cAAc;;;;;;AAO5B"}

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

@@ -18,5 +18,5 @@ export interface HeaderProps extends HTMLAttributesWithRootRef<HTMLElement>, Has
 /**
  * @see https://vkcom.github.io/VKUI/#/Header
  */
-export declare const Header: ({ mode, size, Component, children, subtitle, subtitleComponent, indicator, aside, multiline, ...restProps }: HeaderProps) => React.JSX.Element;
+export declare const Header: ({ mode, size, Component, children, subtitle, subtitleComponent, indicator, aside, multiline, ...restProps }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAStE,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAAE,YAAY;IACvF,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,iBAAiB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA6CD;;GAEG;AACH,eAAO,MAAM,MAAM,gHAWhB,WAAW,sBAsDb,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAStE,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAAE,YAAY;IACvF,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,iBAAiB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA6CD;;GAEG;AACH,eAAO,MAAM,MAAM,gHAWhB,WAAW,4CAsDb,CAAC"}

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

@@ -12,6 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _object_spread = require("@swc/helpers/_/_object_spread");
 const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _usePlatform = require("../../hooks/usePlatform");
@@ -31,20 +32,20 @@ const HeaderContent = (_param)=>{
     if (platform === 'ios') {
         switch(mode){
             case 'primary':
-                return isLarge ? /*#__PURE__*/ _react.createElement(_Title.Title, _object_spread._({
+                return isLarge ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Title.Title, _object_spread._({
                     level: "2",
                     weight: "2"
-                }, restProps)) : /*#__PURE__*/ _react.createElement(_Title.Title, _object_spread._({
+                }, restProps)) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_Title.Title, _object_spread._({
                     weight: "1",
                     level: "3"
                 }, restProps));
             case 'secondary':
-                return /*#__PURE__*/ _react.createElement(_Footnote.Footnote, _object_spread._({
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Footnote.Footnote, _object_spread._({
                     weight: "1",
                     caps: true
                 }, restProps));
             case 'tertiary':
-                return /*#__PURE__*/ _react.createElement(_Title.Title, _object_spread._({
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Title.Title, _object_spread._({
                     weight: "1",
                     level: "3"
                 }, restProps));
@@ -52,19 +53,19 @@ const HeaderContent = (_param)=>{
     }
     switch(mode){
         case 'primary':
-            return isLarge ? /*#__PURE__*/ _react.createElement(_Title.Title, _object_spread._({
+            return isLarge ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Title.Title, _object_spread._({
                 level: "2",
                 weight: "2"
-            }, restProps)) : /*#__PURE__*/ _react.createElement(_Headline.Headline, _object_spread._({
+            }, restProps)) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_Headline.Headline, _object_spread._({
                 weight: "2"
             }, restProps));
         case 'secondary':
-            return /*#__PURE__*/ _react.createElement(_Footnote.Footnote, _object_spread._({
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Footnote.Footnote, _object_spread._({
                 weight: "1",
                 caps: true
             }, restProps));
         case 'tertiary':
-            return /*#__PURE__*/ _react.createElement(_Headline.Headline, _object_spread._({
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Headline.Headline, _object_spread._({
                 weight: "2"
             }, restProps));
     }
@@ -87,27 +88,43 @@ const Header = (_param)=>{
         "aside",
         "multiline"
     ]);
-    return /*#__PURE__*/ _react.createElement(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
-        baseClassName: (0, _vkjs.classNames)("vkuiHeader", stylesMode[mode], size === 'large' && "vkuiHeader--large", (0, _vkjs.isPrimitiveReactNode)(indicator) && "vkuiHeader--pi", (0, _vkjs.hasReactNode)(subtitle) && "vkuiHeader--with-subtitle")
-    }), /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiHeader__main"
-    }, /*#__PURE__*/ _react.createElement(HeaderContent, {
-        className: "vkuiHeader__content",
-        Component: Component,
-        mode: mode,
-        size: size
-    }, /*#__PURE__*/ _react.createElement("span", {
-        className: (0, _vkjs.classNames)("vkuiHeader__content-in", multiline && "vkuiHeader__content--multiline")
-    }, 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, {
-        className: (0, _vkjs.classNames)("vkuiHeader__subtitle", multiline && "vkuiHeader__content--multiline"),
-        Component: subtitleComponent
-    }, subtitle)), (0, _vkjs.hasReactNode)(aside) && /*#__PURE__*/ _react.createElement(_Paragraph.Paragraph, {
-        className: "vkuiHeader__aside",
-        Component: "span"
-    }, aside));
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({}, restProps), {
+        baseClassName: (0, _vkjs.classNames)("vkuiHeader", stylesMode[mode], size === 'large' && "vkuiHeader--large", (0, _vkjs.isPrimitiveReactNode)(indicator) && "vkuiHeader--pi", (0, _vkjs.hasReactNode)(subtitle) && "vkuiHeader--with-subtitle"),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "vkuiHeader__main",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(HeaderContent, {
+                        className: "vkuiHeader__content",
+                        Component: Component,
+                        mode: mode,
+                        size: size,
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                className: (0, _vkjs.classNames)("vkuiHeader__content-in", multiline && "vkuiHeader__content--multiline"),
+                                children: children
+                            }),
+                            (0, _vkjs.hasReactNode)(indicator) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Footnote.Footnote, {
+                                className: "vkuiHeader__indicator",
+                                weight: "2",
+                                children: indicator
+                            })
+                        ]
+                    }),
+                    (0, _vkjs.hasReactNode)(subtitle) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Subhead.Subhead, {
+                        className: (0, _vkjs.classNames)("vkuiHeader__subtitle", multiline && "vkuiHeader__content--multiline"),
+                        Component: subtitleComponent,
+                        children: subtitle
+                    })
+                ]
+            }),
+            (0, _vkjs.hasReactNode)(aside) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Paragraph.Paragraph, {
+                className: "vkuiHeader__aside",
+                Component: "span",
+                children: aside
+            })
+        ]
+    }));
 };
 
 //# sourceMappingURL=Header.js.map

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 { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\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 HTMLAttributesWithRootRef<HTMLElement>, HasComponent {\n  mode?: 'primary' | 'secondary' | 'tertiary';\n  size?: 'regular' | 'large';\n  subtitle?: React.ReactNode;\n  /* Позволяет задать тип элемента в который будет обёрнут subtitle */\n  subtitleComponent?: React.ElementType;\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 === '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\nconst stylesMode = {\n  primary: styles['Header--mode-primary'],\n  secondary: styles['Header--mode-secondary'],\n  tertiary: styles['Header--mode-tertiary'],\n};\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = 'primary',\n  size = 'regular',\n  Component = 'h2',\n  children,\n  subtitle,\n  subtitleComponent = 'span',\n  indicator,\n  aside,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['Header'],\n        stylesMode[mode],\n        size === 'large' && styles['Header--large'],\n        isPrimitiveReactNode(indicator) && styles['Header--pi'],\n        hasReactNode(subtitle) && styles['Header--with-subtitle'],\n      )}\n    >\n      <div className={styles['Header__main']}>\n        <HeaderContent\n          className={styles['Header__content']}\n          Component={Component}\n          mode={mode}\n          size={size}\n        >\n          <span\n            className={classNames(\n              styles['Header__content-in'],\n              multiline && styles['Header__content--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\n            className={classNames(\n              styles['Header__subtitle'],\n              multiline && styles['Header__content--multiline'],\n            )}\n            Component={subtitleComponent}\n          >\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    </RootComponent>\n  );\n};\n"],"names":["Header","HeaderContent","mode","size","restProps","isLarge","platform","usePlatform","Title","level","weight","Footnote","caps","Headline","stylesMode","primary","secondary","tertiary","Component","children","subtitle","subtitleComponent","indicator","aside","multiline","RootComponent","baseClassName","classNames","isPrimitiveReactNode","hasReactNode","div","className","span","Subhead","Paragraph"],"mappings":";;;;+BA2EaA;;;eAAAA;;;;;;;iEA3EU;sBACwC;6BACnC;+BAEE;0BACL;0BACA;2BACC;yBACF;uBACF;AAuBtB,MAAMC,gBAAgB;QAAC,EAAEC,IAAI,EAAEC,IAAI,EAAoC,WAA/BC;QAAfF;QAAMC;;IAC7B,MAAME,UAAUF,SAAS;IAEzB,MAAMG,WAAWC,IAAAA,wBAAW;IAC5B,IAAID,aAAa,OAAO;QACtB,OAAQJ;YACN,KAAK;gBACH,OAAOG,wBACL,qBAACG,YAAK;oBAACC,OAAM;oBAAIC,QAAO;mBAAQN,4BAEhC,qBAACI,YAAK;oBAACE,QAAO;oBAAID,OAAM;mBAAQL;YAEpC,KAAK;gBACH,qBAAO,qBAACO,kBAAQ;oBAACD,QAAO;oBAAIE,MAAAA;mBAASR;YACvC,KAAK;gBACH,qBAAO,qBAACI,YAAK;oBAACE,QAAO;oBAAID,OAAM;mBAAQL;QAC3C;IACF;IAEA,OAAQF;QACN,KAAK;YACH,OAAOG,wBACL,qBAACG,YAAK;gBAACC,OAAM;gBAAIC,QAAO;eAAQN,4BAEhC,qBAACS,kBAAQ;gBAACH,QAAO;eAAQN;QAE7B,KAAK;YACH,qBAAO,qBAACO,kBAAQ;gBAACD,QAAO;gBAAIE,MAAAA;eAASR;QACvC,KAAK;YACH,qBAAO,qBAACS,kBAAQ;gBAACH,QAAO;eAAQN;IACpC;IAEA,OAAO;AACT;AAEA,MAAMU,aAAa;IACjBC,OAAO;IACPC,SAAS;IACTC,QAAQ;AACV;AAIO,MAAMjB,SAAS;QAAC,EACrBE,OAAO,SAAS,EAChBC,OAAO,SAAS,EAChBe,YAAY,IAAI,EAChBC,QAAQ,EACRC,QAAQ,EACRC,oBAAoB,MAAM,EAC1BC,SAAS,EACTC,KAAK,EACLC,SAAS,EAEG,WADTpB;QATHF;QACAC;QACAe;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACC,4BAAa,8CACRrB;QACJsB,eAAeC,IAAAA,gBAAU,gBAEvBb,UAAU,CAACZ,KAAK,EAChBC,SAAS,gCACTyB,IAAAA,0BAAoB,EAACN,gCACrBO,IAAAA,kBAAY,EAACT;sBAGf,qBAACU;QAAIC,SAAS;qBACZ,qBAAC9B;QACC8B,SAAS;QACTb,WAAWA;QACXhB,MAAMA;QACNC,MAAMA;qBAEN,qBAAC6B;QACCD,WAAWJ,IAAAA,gBAAU,4BAEnBH;OAGDL,WAEFU,IAAAA,kBAAY,EAACP,4BACZ,qBAACX,kBAAQ;QAACoB,SAAS;QAA+BrB,QAAO;OACtDY,aAKNO,IAAAA,kBAAY,EAACT,2BACZ,qBAACa,gBAAO;QACNF,WAAWJ,IAAAA,gBAAU,0BAEnBH;QAEFN,WAAWG;OAEVD,YAKNS,IAAAA,kBAAY,EAACN,wBACZ,qBAACW,oBAAS;QAACH,SAAS;QAA2Bb,WAAU;OACtDK;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 { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\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 HTMLAttributesWithRootRef<HTMLElement>, HasComponent {\n  mode?: 'primary' | 'secondary' | 'tertiary';\n  size?: 'regular' | 'large';\n  subtitle?: React.ReactNode;\n  /* Позволяет задать тип элемента в который будет обёрнут subtitle */\n  subtitleComponent?: React.ElementType;\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 === '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\nconst stylesMode = {\n  primary: styles['Header--mode-primary'],\n  secondary: styles['Header--mode-secondary'],\n  tertiary: styles['Header--mode-tertiary'],\n};\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = 'primary',\n  size = 'regular',\n  Component = 'h2',\n  children,\n  subtitle,\n  subtitleComponent = 'span',\n  indicator,\n  aside,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['Header'],\n        stylesMode[mode],\n        size === 'large' && styles['Header--large'],\n        isPrimitiveReactNode(indicator) && styles['Header--pi'],\n        hasReactNode(subtitle) && styles['Header--with-subtitle'],\n      )}\n    >\n      <div className={styles['Header__main']}>\n        <HeaderContent\n          className={styles['Header__content']}\n          Component={Component}\n          mode={mode}\n          size={size}\n        >\n          <span\n            className={classNames(\n              styles['Header__content-in'],\n              multiline && styles['Header__content--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\n            className={classNames(\n              styles['Header__subtitle'],\n              multiline && styles['Header__content--multiline'],\n            )}\n            Component={subtitleComponent}\n          >\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    </RootComponent>\n  );\n};\n"],"names":["Header","HeaderContent","mode","size","restProps","isLarge","platform","usePlatform","Title","level","weight","Footnote","caps","Headline","stylesMode","primary","secondary","tertiary","Component","children","subtitle","subtitleComponent","indicator","aside","multiline","RootComponent","baseClassName","classNames","isPrimitiveReactNode","hasReactNode","div","className","span","Subhead","Paragraph"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2EaA;;;eAAAA;;;;;;;;iEA3EU;sBACwC;6BACnC;+BAEE;0BACL;0BACA;2BACC;yBACF;uBACF;AAuBtB,MAAMC,gBAAgB;QAAC,EAAEC,IAAI,EAAEC,IAAI,EAAoC,WAA/BC;QAAfF;QAAMC;;IAC7B,MAAME,UAAUF,SAAS;IAEzB,MAAMG,WAAWC,IAAAA,wBAAW;IAC5B,IAAID,aAAa,OAAO;QACtB,OAAQJ;YACN,KAAK;gBACH,OAAOG,wBACL,qBAACG,YAAK;oBAACC,OAAM;oBAAIC,QAAO;mBAAQN,4BAEhC,qBAACI,YAAK;oBAACE,QAAO;oBAAID,OAAM;mBAAQL;YAEpC,KAAK;gBACH,qBAAO,qBAACO,kBAAQ;oBAACD,QAAO;oBAAIE,IAAI;mBAAKR;YACvC,KAAK;gBACH,qBAAO,qBAACI,YAAK;oBAACE,QAAO;oBAAID,OAAM;mBAAQL;QAC3C;IACF;IAEA,OAAQF;QACN,KAAK;YACH,OAAOG,wBACL,qBAACG,YAAK;gBAACC,OAAM;gBAAIC,QAAO;eAAQN,4BAEhC,qBAACS,kBAAQ;gBAACH,QAAO;eAAQN;QAE7B,KAAK;YACH,qBAAO,qBAACO,kBAAQ;gBAACD,QAAO;gBAAIE,IAAI;eAAKR;QACvC,KAAK;YACH,qBAAO,qBAACS,kBAAQ;gBAACH,QAAO;eAAQN;IACpC;IAEA,OAAO;AACT;AAEA,MAAMU,aAAa;IACjBC,OAAO;IACPC,SAAS;IACTC,QAAQ;AACV;AAIO,MAAMjB,SAAS;QAAC,EACrBE,OAAO,SAAS,EAChBC,OAAO,SAAS,EAChBe,YAAY,IAAI,EAChBC,QAAQ,EACRC,QAAQ,EACRC,oBAAoB,MAAM,EAC1BC,SAAS,EACTC,KAAK,EACLC,SAAS,EAEG,WADTpB;QATHF;QACAC;QACAe;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,sBAACC,4BAAa,8CACRrB;QACJsB,eAAeC,IAAAA,gBAAU,gBAEvBb,UAAU,CAACZ,KAAK,EAChBC,SAAS,gCACTyB,IAAAA,0BAAoB,EAACN,gCACrBO,IAAAA,kBAAY,EAACT;;0BAGf,sBAACU;gBAAIC,SAAS;;kCACZ,sBAAC9B;wBACC8B,SAAS;wBACTb,WAAWA;wBACXhB,MAAMA;wBACNC,MAAMA;;0CAEN,qBAAC6B;gCACCD,WAAWJ,IAAAA,gBAAU,4BAEnBH;0CAGDL;;4BAEFU,IAAAA,kBAAY,EAACP,4BACZ,qBAACX,kBAAQ;gCAACoB,SAAS;gCAA+BrB,QAAO;0CACtDY;;;;oBAKNO,IAAAA,kBAAY,EAACT,2BACZ,qBAACa,gBAAO;wBACNF,WAAWJ,IAAAA,gBAAU,0BAEnBH;wBAEFN,WAAWG;kCAEVD;;;;YAKNS,IAAAA,kBAAY,EAACN,wBACZ,qBAACW,oBAAS;gBAACH,SAAS;gBAA2Bb,WAAU;0BACtDK;;;;AAKX"}

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

@@ -19,5 +19,5 @@ export interface HorizontalCellProps extends Omit<TappableProps, 'size' | 'getRo
 /**
  * @see https://vkcom.github.io/VKUI/#/HorizontalCell
  */
-export declare const HorizontalCell: ({ className, header, style, subtitle, size, children, getRootRef, getRef, extraSubtitle, ...restProps }: HorizontalCellProps) => React.JSX.Element;
+export declare const HorizontalCell: ({ className, header, style, subtitle, size, children, getRootRef, getRef, extraSubtitle, ...restProps }: HorizontalCellProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HorizontalCell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalCell.d.ts","sourceRoot":"","sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAA6B,MAAM,aAAa,CAAC;AAE5E,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAwBpE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,YAAY,CAAC,EAChD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,4GAWxB,mBAAmB,sBAyBrB,CAAC"}
+{"version":3,"file":"HorizontalCell.d.ts","sourceRoot":"","sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAA6B,MAAM,aAAa,CAAC;AAE5E,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAwBpE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,YAAY,CAAC,EAChD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,4GAWxB,mBAAmB,4CAyBrB,CAAC"}

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

@@ -10,7 +10,9 @@ Object.defineProperty(exports, "HorizontalCell", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _object_spread = require("@swc/helpers/_/_object_spread");
+const _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 const _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _Avatar = require("../Avatar/Avatar");
@@ -28,10 +30,14 @@ const CellTypography = (_param)=>{
         "size",
         "children"
     ]);
-    return size === 's' ? /*#__PURE__*/ _react.createElement(_Caption.Caption, restProps, children) : /*#__PURE__*/ _react.createElement(_Subhead.Subhead, restProps, children);
+    return size === 's' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Caption.Caption, _object_spread_props._(_object_spread._({}, restProps), {
+        children: children
+    })) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_Subhead.Subhead, _object_spread_props._(_object_spread._({}, restProps), {
+        children: children
+    }));
 };
 const HorizontalCell = (_param)=>{
-    var { className, header, style, subtitle, size = 's', children = /*#__PURE__*/ _react.createElement(_Avatar.Avatar, {
+    var { className, header, style, subtitle, size = 's', children = /*#__PURE__*/ (0, _jsxruntime.jsx)(_Avatar.Avatar, {
         size: 56
     }), getRootRef, getRef, extraSubtitle } = _param, restProps = _object_without_properties._(_param, [
         "className",
@@ -44,24 +50,39 @@ const HorizontalCell = (_param)=>{
         "getRef",
         "extraSubtitle"
     ]);
-    return /*#__PURE__*/ _react.createElement("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         ref: getRootRef,
         style: style,
-        className: (0, _vkjs.classNames)("vkuiHorizontalCell", stylesSize[size], className)
-    }, /*#__PURE__*/ _react.createElement(_Tappable.Tappable, _object_spread._({
-        className: "vkuiHorizontalCell__body",
-        getRootRef: getRef
-    }, restProps), (0, _vkjs.hasReactNode)(children) && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiHorizontalCell__image"
-    }, children), (header || subtitle || extraSubtitle) && /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiHorizontalCell__content"
-    }, (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement(CellTypography, {
-        size: size
-    }, header), (0, _vkjs.hasReactNode)(subtitle) && /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
-        className: "vkuiHorizontalCell__subtitle"
-    }, subtitle), (0, _vkjs.hasReactNode)(extraSubtitle) && /*#__PURE__*/ _react.createElement(_Footnote.Footnote, {
-        className: "vkuiHorizontalCell__subtitle"
-    }, extraSubtitle))));
+        className: (0, _vkjs.classNames)("vkuiHorizontalCell", stylesSize[size], className),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Tappable.Tappable, _object_spread_props._(_object_spread._({
+            className: "vkuiHorizontalCell__body",
+            getRootRef: getRef
+        }, restProps), {
+            children: [
+                (0, _vkjs.hasReactNode)(children) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "vkuiHorizontalCell__image",
+                    children: children
+                }),
+                (header || subtitle || extraSubtitle) && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: "vkuiHorizontalCell__content",
+                    children: [
+                        (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ (0, _jsxruntime.jsx)(CellTypography, {
+                            size: size,
+                            children: header
+                        }),
+                        (0, _vkjs.hasReactNode)(subtitle) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Footnote.Footnote, {
+                            className: "vkuiHorizontalCell__subtitle",
+                            children: subtitle
+                        }),
+                        (0, _vkjs.hasReactNode)(extraSubtitle) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Footnote.Footnote, {
+                            className: "vkuiHorizontalCell__subtitle",
+                            children: extraSubtitle
+                        })
+                    ]
+                })
+            ]
+        }))
+    });
 };
 
 //# sourceMappingURL=HorizontalCell.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HasRef, HasRootRef, HTMLAttributesWithRootRef } from '../../types';\nimport { Avatar } from '../Avatar/Avatar';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport styles from './HorizontalCell.module.css';\n\nconst stylesSize = {\n  s: styles['HorizontalCell--size-s'],\n  m: styles['HorizontalCell--size-m'],\n  l: styles['HorizontalCell--size-l'],\n};\n\ninterface CellTypographyProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  size: HorizontalCellProps['size'];\n}\n\nconst CellTypography = ({ size, children, ...restProps }: CellTypographyProps) => {\n  return size === 's' ? (\n    <Caption {...restProps}>{children}</Caption>\n  ) : (\n    <Subhead {...restProps}>{children}</Subhead>\n  );\n};\n\nexport interface HorizontalCellProps\n  extends Omit<TappableProps, 'size' | 'getRootRef'>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  size?: 's' | 'm' | 'l';\n  /**\n   * Заголовок\n   */\n  header?: React.ReactNode;\n  /**\n   * Дополнительная строка текста под `children`.\n   */\n  subtitle?: React.ReactNode;\n  /**\n   * Дополнительная строка текста под `children` и `subtitle`.\n   */\n  extraSubtitle?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalCell\n */\nexport const HorizontalCell = ({\n  className,\n  header,\n  style,\n  subtitle,\n  size = 's',\n  children = <Avatar size={56} />,\n  getRootRef,\n  getRef,\n  extraSubtitle,\n  ...restProps\n}: HorizontalCellProps) => {\n  return (\n    <div\n      ref={getRootRef}\n      style={style}\n      className={classNames(styles['HorizontalCell'], stylesSize[size], className)}\n    >\n      <Tappable className={styles['HorizontalCell__body']} getRootRef={getRef} {...restProps}>\n        {hasReactNode(children) && (\n          <div className={styles['HorizontalCell__image']}>{children}</div>\n        )}\n        {(header || subtitle || extraSubtitle) && (\n          <div className={styles['HorizontalCell__content']}>\n            {hasReactNode(header) && <CellTypography size={size}>{header}</CellTypography>}\n            {hasReactNode(subtitle) && (\n              <Footnote className={styles['HorizontalCell__subtitle']}>{subtitle}</Footnote>\n            )}\n            {hasReactNode(extraSubtitle) && (\n              <Footnote className={styles['HorizontalCell__subtitle']}>{extraSubtitle}</Footnote>\n            )}\n          </div>\n        )}\n      </Tappable>\n    </div>\n  );\n};\n"],"names":["HorizontalCell","stylesSize","s","m","l","CellTypography","size","children","restProps","Caption","Subhead","className","header","style","subtitle","Avatar","getRootRef","getRef","extraSubtitle","div","ref","classNames","Tappable","hasReactNode","Footnote"],"mappings":";;;;+BAkDaA;;;eAAAA;;;;;;iEAlDU;sBACkB;wBAElB;0BACsB;yBACrB;0BACC;yBACD;AAGxB,MAAMC,aAAa;IACjBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AAMA,MAAMC,iBAAiB;QAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAqC,WAAhCC;QAAnBF;QAAMC;;IAC9B,OAAOD,SAAS,oBACd,qBAACG,gBAAO,EAAKD,WAAYD,0BAEzB,qBAACG,gBAAO,EAAKF,WAAYD;AAE7B;AAwBO,MAAMP,iBAAiB;QAAC,EAC7BW,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRR,OAAO,GAAG,EACVC,yBAAW,qBAACQ,cAAM;QAACT,MAAM;MAAM,EAC/BU,UAAU,EACVC,MAAM,EACNC,aAAa,EAEO,WADjBV;QATHG;QACAC;QACAC;QACAC;QACAR;QACAC;QACAS;QACAC;QACAC;;IAGA,qBACE,qBAACC;QACCC,KAAKJ;QACLH,OAAOA;QACPF,WAAWU,IAAAA,gBAAU,wBAA2BpB,UAAU,CAACK,KAAK,EAAEK;qBAElE,qBAACW,kBAAQ;QAACX,SAAS;QAAkCK,YAAYC;OAAYT,YAC1Ee,IAAAA,kBAAY,EAAChB,2BACZ,qBAACY;QAAIR,SAAS;OAAoCJ,WAEnD,AAACK,CAAAA,UAAUE,YAAYI,aAAY,mBAClC,qBAACC;QAAIR,SAAS;OACXY,IAAAA,kBAAY,EAACX,yBAAW,qBAACP;QAAeC,MAAMA;OAAOM,SACrDW,IAAAA,kBAAY,EAACT,2BACZ,qBAACU,kBAAQ;QAACb,SAAS;OAAuCG,WAE3DS,IAAAA,kBAAY,EAACL,gCACZ,qBAACM,kBAAQ;QAACb,SAAS;OAAuCO;AAOxE"}
+{"version":3,"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HasRef, HasRootRef, HTMLAttributesWithRootRef } from '../../types';\nimport { Avatar } from '../Avatar/Avatar';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport styles from './HorizontalCell.module.css';\n\nconst stylesSize = {\n  s: styles['HorizontalCell--size-s'],\n  m: styles['HorizontalCell--size-m'],\n  l: styles['HorizontalCell--size-l'],\n};\n\ninterface CellTypographyProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  size: HorizontalCellProps['size'];\n}\n\nconst CellTypography = ({ size, children, ...restProps }: CellTypographyProps) => {\n  return size === 's' ? (\n    <Caption {...restProps}>{children}</Caption>\n  ) : (\n    <Subhead {...restProps}>{children}</Subhead>\n  );\n};\n\nexport interface HorizontalCellProps\n  extends Omit<TappableProps, 'size' | 'getRootRef'>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  size?: 's' | 'm' | 'l';\n  /**\n   * Заголовок\n   */\n  header?: React.ReactNode;\n  /**\n   * Дополнительная строка текста под `children`.\n   */\n  subtitle?: React.ReactNode;\n  /**\n   * Дополнительная строка текста под `children` и `subtitle`.\n   */\n  extraSubtitle?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalCell\n */\nexport const HorizontalCell = ({\n  className,\n  header,\n  style,\n  subtitle,\n  size = 's',\n  children = <Avatar size={56} />,\n  getRootRef,\n  getRef,\n  extraSubtitle,\n  ...restProps\n}: HorizontalCellProps) => {\n  return (\n    <div\n      ref={getRootRef}\n      style={style}\n      className={classNames(styles['HorizontalCell'], stylesSize[size], className)}\n    >\n      <Tappable className={styles['HorizontalCell__body']} getRootRef={getRef} {...restProps}>\n        {hasReactNode(children) && (\n          <div className={styles['HorizontalCell__image']}>{children}</div>\n        )}\n        {(header || subtitle || extraSubtitle) && (\n          <div className={styles['HorizontalCell__content']}>\n            {hasReactNode(header) && <CellTypography size={size}>{header}</CellTypography>}\n            {hasReactNode(subtitle) && (\n              <Footnote className={styles['HorizontalCell__subtitle']}>{subtitle}</Footnote>\n            )}\n            {hasReactNode(extraSubtitle) && (\n              <Footnote className={styles['HorizontalCell__subtitle']}>{extraSubtitle}</Footnote>\n            )}\n          </div>\n        )}\n      </Tappable>\n    </div>\n  );\n};\n"],"names":["HorizontalCell","stylesSize","s","m","l","CellTypography","size","children","restProps","Caption","Subhead","className","header","style","subtitle","Avatar","getRootRef","getRef","extraSubtitle","div","ref","classNames","Tappable","hasReactNode","Footnote"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkDaA;;;eAAAA;;;;;;;;iEAlDU;sBACkB;wBAElB;0BACsB;yBACrB;0BACC;yBACD;AAGxB,MAAMC,aAAa;IACjBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AAMA,MAAMC,iBAAiB;QAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAqC,WAAhCC;QAAnBF;QAAMC;;IAC9B,OAAOD,SAAS,oBACd,qBAACG,gBAAO,8CAAKD;kBAAYD;wBAEzB,qBAACG,gBAAO,8CAAKF;kBAAYD;;AAE7B;AAwBO,MAAMP,iBAAiB;QAAC,EAC7BW,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRR,OAAO,GAAG,EACVC,yBAAW,qBAACQ,cAAM;QAACT,MAAM;MAAM,EAC/BU,UAAU,EACVC,MAAM,EACNC,aAAa,EAEO,WADjBV;QATHG;QACAC;QACAC;QACAC;QACAR;QACAC;QACAS;QACAC;QACAC;;IAGA,qBACE,qBAACC;QACCC,KAAKJ;QACLH,OAAOA;QACPF,WAAWU,IAAAA,gBAAU,wBAA2BpB,UAAU,CAACK,KAAK,EAAEK;kBAElE,cAAA,sBAACW,kBAAQ;YAACX,SAAS;YAAkCK,YAAYC;WAAYT;;gBAC1Ee,IAAAA,kBAAY,EAAChB,2BACZ,qBAACY;oBAAIR,SAAS;8BAAoCJ;;gBAElDK,CAAAA,UAAUE,YAAYI,aAAY,mBAClC,sBAACC;oBAAIR,SAAS;;wBACXY,IAAAA,kBAAY,EAACX,yBAAW,qBAACP;4BAAeC,MAAMA;sCAAOM;;wBACrDW,IAAAA,kBAAY,EAACT,2BACZ,qBAACU,kBAAQ;4BAACb,SAAS;sCAAuCG;;wBAE3DS,IAAAA,kBAAY,EAACL,gCACZ,qBAACM,kBAAQ;4BAACb,SAAS;sCAAuCO;;;;;;;AAOxE"}

package/dist/cjs/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { HasRef, HasRootRef, LiteralUnion } from '../../../types';
 import type { ImageBaseSize } from '../../ImageBase/ImageBase';
 import { TappableProps } from '../../Tappable/Tappable';
@@ -32,5 +31,5 @@ export interface HorizontalCellShowMoreProps extends Omit<TappableProps, 'getRoo
      */
     compensateLastCellIndent?: boolean;
 }
-export declare const HorizontalCellShowMore: ({ className, style, getRef, getRootRef, compensateLastCellIndent, height, size, children, ...restProps }: HorizontalCellShowMoreProps) => React.JSX.Element;
+export declare const HorizontalCellShowMore: ({ className, style, getRef, getRootRef, compensateLastCellIndent, height, size, children, ...restProps }: HorizontalCellShowMoreProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HorizontalCellShowMore.d.ts.map

package/dist/cjs/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalCellShowMore.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAY,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAW,YAAY,EAAE,MAAM,kCAAkC,CAAC;AASzE,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,MAAM,CAAC,EAChD,MAAM,CAAC,WAAW,CAAC,EACnB,UAAU,CAAC,cAAc,CAAC;IAC5B;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB;;;SAGK;IACL,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACpC;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,sBAAsB,6GAUhC,2BAA2B,sBA+B7B,CAAC"}
+{"version":3,"file":"HorizontalCellShowMore.d.ts","sourceRoot":"","sources":["../../../../../src/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAY,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAW,YAAY,EAAE,MAAM,kCAAkC,CAAC;AASzE,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,MAAM,CAAC,EAChD,MAAM,CAAC,WAAW,CAAC,EACnB,UAAU,CAAC,cAAc,CAAC;IAC5B;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB;;;SAGK;IACL,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACpC;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,sBAAsB,6GAUhC,2BAA2B,4CA+B7B,CAAC"}