@vkontakte/vkui 6.0.3 → 6.1.0

package/dist/components/Header/Header.js

@@ -1,6 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';
 import { usePlatform } from '../../hooks/usePlatform';
@@ -20,20 +21,20 @@ const HeaderContent = (_param)=>{
     if (platform === 'ios') {
         switch(mode){
             case 'primary':
-                return isLarge ? /*#__PURE__*/ React.createElement(Title, _object_spread({
+                return isLarge ? /*#__PURE__*/ _jsx(Title, _object_spread({
                     level: "2",
                     weight: "2"
-                }, restProps)) : /*#__PURE__*/ React.createElement(Title, _object_spread({
+                }, restProps)) : /*#__PURE__*/ _jsx(Title, _object_spread({
                     weight: "1",
                     level: "3"
                 }, restProps));
             case 'secondary':
-                return /*#__PURE__*/ React.createElement(Footnote, _object_spread({
+                return /*#__PURE__*/ _jsx(Footnote, _object_spread({
                     weight: "1",
                     caps: true
                 }, restProps));
             case 'tertiary':
-                return /*#__PURE__*/ React.createElement(Title, _object_spread({
+                return /*#__PURE__*/ _jsx(Title, _object_spread({
                     weight: "1",
                     level: "3"
                 }, restProps));
@@ -41,19 +42,19 @@ const HeaderContent = (_param)=>{
     }
     switch(mode){
         case 'primary':
-            return isLarge ? /*#__PURE__*/ React.createElement(Title, _object_spread({
+            return isLarge ? /*#__PURE__*/ _jsx(Title, _object_spread({
                 level: "2",
                 weight: "2"
-            }, restProps)) : /*#__PURE__*/ React.createElement(Headline, _object_spread({
+            }, restProps)) : /*#__PURE__*/ _jsx(Headline, _object_spread({
                 weight: "2"
             }, restProps));
         case 'secondary':
-            return /*#__PURE__*/ React.createElement(Footnote, _object_spread({
+            return /*#__PURE__*/ _jsx(Footnote, _object_spread({
                 weight: "1",
                 caps: true
             }, restProps));
         case 'tertiary':
-            return /*#__PURE__*/ React.createElement(Headline, _object_spread({
+            return /*#__PURE__*/ _jsx(Headline, _object_spread({
                 weight: "2"
             }, restProps));
     }
@@ -78,27 +79,43 @@ const stylesMode = {
         "aside",
         "multiline"
     ]);
-    return /*#__PURE__*/ React.createElement(RootComponent, _object_spread_props(_object_spread({}, restProps), {
-        baseClassName: classNames("vkuiHeader", stylesMode[mode], size === 'large' && "vkuiHeader--large", isPrimitiveReactNode(indicator) && "vkuiHeader--pi", 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: classNames("vkuiHeader__content-in", multiline && "vkuiHeader__content--multiline")
-    }, children), hasReactNode(indicator) && /*#__PURE__*/ React.createElement(Footnote, {
-        className: "vkuiHeader__indicator",
-        weight: "2"
-    }, indicator)), hasReactNode(subtitle) && /*#__PURE__*/ React.createElement(Subhead, {
-        className: classNames("vkuiHeader__subtitle", multiline && "vkuiHeader__content--multiline"),
-        Component: subtitleComponent
-    }, subtitle)), hasReactNode(aside) && /*#__PURE__*/ React.createElement(Paragraph, {
-        className: "vkuiHeader__aside",
-        Component: "span"
-    }, aside));
+    return /*#__PURE__*/ _jsxs(RootComponent, _object_spread_props(_object_spread({}, restProps), {
+        baseClassName: classNames("vkuiHeader", stylesMode[mode], size === 'large' && "vkuiHeader--large", isPrimitiveReactNode(indicator) && "vkuiHeader--pi", hasReactNode(subtitle) && "vkuiHeader--with-subtitle"),
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "vkuiHeader__main",
+                children: [
+                    /*#__PURE__*/ _jsxs(HeaderContent, {
+                        className: "vkuiHeader__content",
+                        Component: Component,
+                        mode: mode,
+                        size: size,
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: classNames("vkuiHeader__content-in", multiline && "vkuiHeader__content--multiline"),
+                                children: children
+                            }),
+                            hasReactNode(indicator) && /*#__PURE__*/ _jsx(Footnote, {
+                                className: "vkuiHeader__indicator",
+                                weight: "2",
+                                children: indicator
+                            })
+                        ]
+                    }),
+                    hasReactNode(subtitle) && /*#__PURE__*/ _jsx(Subhead, {
+                        className: classNames("vkuiHeader__subtitle", multiline && "vkuiHeader__content--multiline"),
+                        Component: subtitleComponent,
+                        children: subtitle
+                    })
+                ]
+            }),
+            hasReactNode(aside) && /*#__PURE__*/ _jsx(Paragraph, {
+                className: "vkuiHeader__aside",
+                Component: "span",
+                children: aside
+            })
+        ]
+    }));
 };
 
 //# sourceMappingURL=Header.js.map

package/dist/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":["React","classNames","hasReactNode","isPrimitiveReactNode","usePlatform","RootComponent","Footnote","Headline","Paragraph","Subhead","Title","HeaderContent","mode","size","restProps","isLarge","platform","level","weight","caps","stylesMode","primary","secondary","tertiary","Header","Component","children","subtitle","subtitleComponent","indicator","aside","multiline","baseClassName","div","className","span"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ,kBAAkB;AACjF,SAASC,WAAW,QAAQ,0BAA0B;AAEtD,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,KAAK,QAAQ,4BAA4B;AAuBlD,MAAMC,gBAAgB;QAAC,EAAEC,IAAI,EAAEC,IAAI,EAAoC,WAA/BC;QAAfF;QAAMC;;IAC7B,MAAME,UAAUF,SAAS;IAEzB,MAAMG,WAAWZ;IACjB,IAAIY,aAAa,OAAO;QACtB,OAAQJ;YACN,KAAK;gBACH,OAAOG,wBACL,oBAACL;oBAAMO,OAAM;oBAAIC,QAAO;mBAAQJ,4BAEhC,oBAACJ;oBAAMQ,QAAO;oBAAID,OAAM;mBAAQH;YAEpC,KAAK;gBACH,qBAAO,oBAACR;oBAASY,QAAO;oBAAIC,MAAAA;mBAASL;YACvC,KAAK;gBACH,qBAAO,oBAACJ;oBAAMQ,QAAO;oBAAID,OAAM;mBAAQH;QAC3C;IACF;IAEA,OAAQF;QACN,KAAK;YACH,OAAOG,wBACL,oBAACL;gBAAMO,OAAM;gBAAIC,QAAO;eAAQJ,4BAEhC,oBAACP;gBAASW,QAAO;eAAQJ;QAE7B,KAAK;YACH,qBAAO,oBAACR;gBAASY,QAAO;gBAAIC,MAAAA;eAASL;QACvC,KAAK;YACH,qBAAO,oBAACP;gBAASW,QAAO;eAAQJ;IACpC;IAEA,OAAO;AACT;AAEA,MAAMM,aAAa;IACjBC,OAAO;IACPC,SAAS;IACTC,QAAQ;AACV;AACA;;CAEC,GACD,OAAO,MAAMC,SAAS;QAAC,EACrBZ,OAAO,SAAS,EAChBC,OAAO,SAAS,EAChBY,YAAY,IAAI,EAChBC,QAAQ,EACRC,QAAQ,EACRC,oBAAoB,MAAM,EAC1BC,SAAS,EACTC,KAAK,EACLC,SAAS,EAEG,WADTjB;QATHF;QACAC;QACAY;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,oBAAC1B,uDACKS;QACJkB,eAAe/B,yBAEbmB,UAAU,CAACR,KAAK,EAChBC,SAAS,gCACTV,qBAAqB0B,gCACrB3B,aAAayB;sBAGf,oBAACM;QAAIC,SAAS;qBACZ,oBAACvB;QACCuB,SAAS;QACTT,WAAWA;QACXb,MAAMA;QACNC,MAAMA;qBAEN,oBAACsB;QACCD,WAAWjC,qCAET8B;OAGDL,WAEFxB,aAAa2B,4BACZ,oBAACvB;QAAS4B,SAAS;QAA+BhB,QAAO;OACtDW,aAKN3B,aAAayB,2BACZ,oBAAClB;QACCyB,WAAWjC,mCAET8B;QAEFN,WAAWG;OAEVD,YAKNzB,aAAa4B,wBACZ,oBAACtB;QAAU0B,SAAS;QAA2BT,WAAU;OACtDK;AAKX,EAAE"}
+{"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":["React","classNames","hasReactNode","isPrimitiveReactNode","usePlatform","RootComponent","Footnote","Headline","Paragraph","Subhead","Title","HeaderContent","mode","size","restProps","isLarge","platform","level","weight","caps","stylesMode","primary","secondary","tertiary","Header","Component","children","subtitle","subtitleComponent","indicator","aside","multiline","baseClassName","div","className","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ,kBAAkB;AACjF,SAASC,WAAW,QAAQ,0BAA0B;AAEtD,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,KAAK,QAAQ,4BAA4B;AAuBlD,MAAMC,gBAAgB;QAAC,EAAEC,IAAI,EAAEC,IAAI,EAAoC,WAA/BC;QAAfF;QAAMC;;IAC7B,MAAME,UAAUF,SAAS;IAEzB,MAAMG,WAAWZ;IACjB,IAAIY,aAAa,OAAO;QACtB,OAAQJ;YACN,KAAK;gBACH,OAAOG,wBACL,KAACL;oBAAMO,OAAM;oBAAIC,QAAO;mBAAQJ,4BAEhC,KAACJ;oBAAMQ,QAAO;oBAAID,OAAM;mBAAQH;YAEpC,KAAK;gBACH,qBAAO,KAACR;oBAASY,QAAO;oBAAIC,IAAI;mBAAKL;YACvC,KAAK;gBACH,qBAAO,KAACJ;oBAAMQ,QAAO;oBAAID,OAAM;mBAAQH;QAC3C;IACF;IAEA,OAAQF;QACN,KAAK;YACH,OAAOG,wBACL,KAACL;gBAAMO,OAAM;gBAAIC,QAAO;eAAQJ,4BAEhC,KAACP;gBAASW,QAAO;eAAQJ;QAE7B,KAAK;YACH,qBAAO,KAACR;gBAASY,QAAO;gBAAIC,IAAI;eAAKL;QACvC,KAAK;YACH,qBAAO,KAACP;gBAASW,QAAO;eAAQJ;IACpC;IAEA,OAAO;AACT;AAEA,MAAMM,aAAa;IACjBC,OAAO;IACPC,SAAS;IACTC,QAAQ;AACV;AACA;;CAEC,GACD,OAAO,MAAMC,SAAS;QAAC,EACrBZ,OAAO,SAAS,EAChBC,OAAO,SAAS,EAChBY,YAAY,IAAI,EAChBC,QAAQ,EACRC,QAAQ,EACRC,oBAAoB,MAAM,EAC1BC,SAAS,EACTC,KAAK,EACLC,SAAS,EAEG,WADTjB;QATHF;QACAC;QACAY;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,MAAC1B,uDACKS;QACJkB,eAAe/B,yBAEbmB,UAAU,CAACR,KAAK,EAChBC,SAAS,gCACTV,qBAAqB0B,gCACrB3B,aAAayB;;0BAGf,MAACM;gBAAIC,SAAS;;kCACZ,MAACvB;wBACCuB,SAAS;wBACTT,WAAWA;wBACXb,MAAMA;wBACNC,MAAMA;;0CAEN,KAACsB;gCACCD,WAAWjC,qCAET8B;0CAGDL;;4BAEFxB,aAAa2B,4BACZ,KAACvB;gCAAS4B,SAAS;gCAA+BhB,QAAO;0CACtDW;;;;oBAKN3B,aAAayB,2BACZ,KAAClB;wBACCyB,WAAWjC,mCAET8B;wBAEFN,WAAWG;kCAEVD;;;;YAKNzB,aAAa4B,wBACZ,KAACtB;gBAAU0B,SAAS;gBAA2BT,WAAU;0BACtDK;;;;AAKX,EAAE"}

package/dist/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/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/components/HorizontalCell/HorizontalCell.js

@@ -1,5 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { classNames, hasReactNode } from '@vkontakte/vkjs';
 import { Avatar } from '../Avatar/Avatar';
@@ -17,12 +19,16 @@ const CellTypography = (_param)=>{
         "size",
         "children"
     ]);
-    return size === 's' ? /*#__PURE__*/ React.createElement(Caption, restProps, children) : /*#__PURE__*/ React.createElement(Subhead, restProps, children);
+    return size === 's' ? /*#__PURE__*/ _jsx(Caption, _object_spread_props(_object_spread({}, restProps), {
+        children: children
+    })) : /*#__PURE__*/ _jsx(Subhead, _object_spread_props(_object_spread({}, restProps), {
+        children: children
+    }));
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/HorizontalCell
  */ export const HorizontalCell = (_param)=>{
-    var { className, header, style, subtitle, size = 's', children = /*#__PURE__*/ React.createElement(Avatar, {
+    var { className, header, style, subtitle, size = 's', children = /*#__PURE__*/ _jsx(Avatar, {
         size: 56
     }), getRootRef, getRef, extraSubtitle } = _param, restProps = _object_without_properties(_param, [
         "className",
@@ -35,24 +41,39 @@ const CellTypography = (_param)=>{
         "getRef",
         "extraSubtitle"
     ]);
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsx("div", {
         ref: getRootRef,
         style: style,
-        className: classNames("vkuiHorizontalCell", stylesSize[size], className)
-    }, /*#__PURE__*/ React.createElement(Tappable, _object_spread({
-        className: "vkuiHorizontalCell__body",
-        getRootRef: getRef
-    }, restProps), hasReactNode(children) && /*#__PURE__*/ React.createElement("div", {
-        className: "vkuiHorizontalCell__image"
-    }, children), (header || subtitle || extraSubtitle) && /*#__PURE__*/ React.createElement("div", {
-        className: "vkuiHorizontalCell__content"
-    }, hasReactNode(header) && /*#__PURE__*/ React.createElement(CellTypography, {
-        size: size
-    }, header), hasReactNode(subtitle) && /*#__PURE__*/ React.createElement(Footnote, {
-        className: "vkuiHorizontalCell__subtitle"
-    }, subtitle), hasReactNode(extraSubtitle) && /*#__PURE__*/ React.createElement(Footnote, {
-        className: "vkuiHorizontalCell__subtitle"
-    }, extraSubtitle))));
+        className: classNames("vkuiHorizontalCell", stylesSize[size], className),
+        children: /*#__PURE__*/ _jsxs(Tappable, _object_spread_props(_object_spread({
+            className: "vkuiHorizontalCell__body",
+            getRootRef: getRef
+        }, restProps), {
+            children: [
+                hasReactNode(children) && /*#__PURE__*/ _jsx("div", {
+                    className: "vkuiHorizontalCell__image",
+                    children: children
+                }),
+                (header || subtitle || extraSubtitle) && /*#__PURE__*/ _jsxs("div", {
+                    className: "vkuiHorizontalCell__content",
+                    children: [
+                        hasReactNode(header) && /*#__PURE__*/ _jsx(CellTypography, {
+                            size: size,
+                            children: header
+                        }),
+                        hasReactNode(subtitle) && /*#__PURE__*/ _jsx(Footnote, {
+                            className: "vkuiHorizontalCell__subtitle",
+                            children: subtitle
+                        }),
+                        hasReactNode(extraSubtitle) && /*#__PURE__*/ _jsx(Footnote, {
+                            className: "vkuiHorizontalCell__subtitle",
+                            children: extraSubtitle
+                        })
+                    ]
+                })
+            ]
+        }))
+    });
 };
 
 //# sourceMappingURL=HorizontalCell.js.map

package/dist/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":["React","classNames","hasReactNode","Avatar","Tappable","Caption","Footnote","Subhead","stylesSize","s","m","l","CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","extraSubtitle","div","ref"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAA4B,uBAAuB;AACpE,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,OAAO,QAAQ,gCAAgC;AAGxD,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,oBAACR,SAAYU,WAAYD,0BAEzB,oBAACP,SAAYQ,WAAYD;AAE7B;AAqBA;;CAEC,GACD,OAAO,MAAME,iBAAiB;QAAC,EAC7BC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRP,OAAO,GAAG,EACVC,yBAAW,oBAACX;QAAOU,MAAM;MAAM,EAC/BQ,UAAU,EACVC,MAAM,EACNC,aAAa,EAEO,WADjBR;QATHE;QACAC;QACAC;QACAC;QACAP;QACAC;QACAO;QACAC;QACAC;;IAGA,qBACE,oBAACC;QACCC,KAAKJ;QACLF,OAAOA;QACPF,WAAWhB,iCAAqCO,UAAU,CAACK,KAAK,EAAEI;qBAElE,oBAACb;QAASa,SAAS;QAAkCI,YAAYC;OAAYP,YAC1Eb,aAAaY,2BACZ,oBAACU;QAAIP,SAAS;OAAoCH,WAEnD,AAACI,CAAAA,UAAUE,YAAYG,aAAY,mBAClC,oBAACC;QAAIP,SAAS;OACXf,aAAagB,yBAAW,oBAACN;QAAeC,MAAMA;OAAOK,SACrDhB,aAAakB,2BACZ,oBAACd;QAASW,SAAS;OAAuCG,WAE3DlB,aAAaqB,gCACZ,oBAACjB;QAASW,SAAS;OAAuCM;AAOxE,EAAE"}
+{"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":["React","classNames","hasReactNode","Avatar","Tappable","Caption","Footnote","Subhead","stylesSize","s","m","l","CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","extraSubtitle","div","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAA4B,uBAAuB;AACpE,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,OAAO,QAAQ,gCAAgC;AAGxD,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,KAACR,iDAAYU;kBAAYD;wBAEzB,KAACP,iDAAYQ;kBAAYD;;AAE7B;AAqBA;;CAEC,GACD,OAAO,MAAME,iBAAiB;QAAC,EAC7BC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRP,OAAO,GAAG,EACVC,yBAAW,KAACX;QAAOU,MAAM;MAAM,EAC/BQ,UAAU,EACVC,MAAM,EACNC,aAAa,EAEO,WADjBR;QATHE;QACAC;QACAC;QACAC;QACAP;QACAC;QACAO;QACAC;QACAC;;IAGA,qBACE,KAACC;QACCC,KAAKJ;QACLF,OAAOA;QACPF,WAAWhB,iCAAqCO,UAAU,CAACK,KAAK,EAAEI;kBAElE,cAAA,MAACb;YAASa,SAAS;YAAkCI,YAAYC;WAAYP;;gBAC1Eb,aAAaY,2BACZ,KAACU;oBAAIP,SAAS;8BAAoCH;;gBAElDI,CAAAA,UAAUE,YAAYG,aAAY,mBAClC,MAACC;oBAAIP,SAAS;;wBACXf,aAAagB,yBAAW,KAACN;4BAAeC,MAAMA;sCAAOK;;wBACrDhB,aAAakB,2BACZ,KAACd;4BAASW,SAAS;sCAAuCG;;wBAE3DlB,aAAaqB,gCACZ,KAACjB;4BAASW,SAAS;sCAAuCM;;;;;;;AAOxE,EAAE"}

package/dist/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/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"}

package/dist/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.js

@@ -1,6 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon28ChevronRightCircle } from '@vkontakte/icons';
 import { classNames } from '@vkontakte/vkjs';
 import { Tappable } from '../../Tappable/Tappable';
@@ -21,25 +22,32 @@ export const HorizontalCellShowMore = (_param)=>{
         "size",
         "children"
     ]);
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsx("div", {
         style: style,
         className: classNames("vkuiHorizontalCellShowMore", compensateLastCellIndent && "vkuiHorizontalCellShowMore--compensate-last-cell-indent", sizeClassNames[size], className),
-        ref: getRootRef
-    }, /*#__PURE__*/ React.createElement(Tappable, _object_spread({
-        style: size === 's' ? undefined : {
-            height
-        },
-        className: "vkuiHorizontalCellShowMore__body",
-        getRootRef: getRef,
-        activeMode: "opacity",
-        hoverMode: "opacity"
-    }, restProps), /*#__PURE__*/ React.createElement(Icon28ChevronRightCircle, {
-        className: "vkuiHorizontalCellShowMore__icon",
-        fill: "currentColor"
-    }), /*#__PURE__*/ React.createElement(Subhead, {
-        className: "vkuiHorizontalCellShowMore__text",
-        weight: "2"
-    }, children)));
+        ref: getRootRef,
+        children: /*#__PURE__*/ _jsxs(Tappable, _object_spread_props(_object_spread({
+            style: size === 's' ? undefined : {
+                height
+            },
+            className: "vkuiHorizontalCellShowMore__body",
+            getRootRef: getRef,
+            activeMode: "opacity",
+            hoverMode: "opacity"
+        }, restProps), {
+            children: [
+                /*#__PURE__*/ _jsx(Icon28ChevronRightCircle, {
+                    className: "vkuiHorizontalCellShowMore__icon",
+                    fill: "currentColor"
+                }),
+                /*#__PURE__*/ _jsx(Subhead, {
+                    className: "vkuiHorizontalCellShowMore__text",
+                    weight: "2",
+                    children: children
+                })
+            ]
+        }))
+    });
 };
 
 //# sourceMappingURL=HorizontalCellShowMore.js.map

package/dist/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28ChevronRightCircle } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRef, HasRootRef, LiteralUnion } from '../../../types';\nimport type { ImageBaseSize } from '../../ImageBase/ImageBase';\nimport { Tappable, TappableProps } from '../../Tappable/Tappable';\nimport { Subhead, SubheadProps } from '../../Typography/Subhead/Subhead';\nimport styles from './HorizontalCellShowMore.module.css';\n\nconst sizeClassNames = {\n  s: styles['HorizontalCellShowMore--size-s'],\n  m: styles['HorizontalCellShowMore--size-m'],\n  l: styles['HorizontalCellShowMore--size-l'],\n};\n\nexport interface HorizontalCellShowMoreProps\n  extends Omit<TappableProps, 'getRootRef' | 'size'>,\n    HasRef<HTMLElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Задаёт высоту компонента. Должeн соответствовать размеру картинок\n   * внутри соседних `HorizontalCell` компонентов.\n   *\n   * Используйте размеры заданные дизайн-системой (см. типы).\n   *\n   * > ⚠️ Использование кастомного размера – это пограничный кейс.\n   *\n   * Игнорируется если `size='s'`.\n   */\n  height?: LiteralUnion<ImageBaseSize, number>;\n  /**\n   * Задаёт размер компонента. Аналогичен такому же пропу у [HorizontalCell](https://vkcom.github.io/VKUI/#/HorizontalCellShowMore?id=props).\n   * Должен соответствовать значению пропа `size` соседних `HorizontalCell`.\n   */\n  size?: 's' | 'm' | 'l';\n  /**\n   * Предназначен для отрисовки текста.\n   * По умолчанию для `size='s'` содержит текст `Все` для других размеров `Показать все`.\n   * */\n  children?: SubheadProps['children'];\n  /**\n   * Позволяет компенсировать особый правый отступ у предшевствующего элементa `HorizontalCell`,\n   * в том случае, если тот элемент последний в родителе.\n   * Если `HorizontalCellShowMore` находится на одном уровне с остальными `HorizontalCell`, то этот проп использовать не нужно.\n   */\n  compensateLastCellIndent?: boolean;\n}\n\nexport const HorizontalCellShowMore = ({\n  className,\n  style,\n  getRef,\n  getRootRef,\n  compensateLastCellIndent,\n  height,\n  size = 's',\n  children = size === 's' ? 'Все' : 'Показать все',\n  ...restProps\n}: HorizontalCellShowMoreProps) => {\n  return (\n    <div\n      style={style}\n      className={classNames(\n        styles['HorizontalCellShowMore'],\n        compensateLastCellIndent && styles['HorizontalCellShowMore--compensate-last-cell-indent'],\n        sizeClassNames[size],\n        className,\n      )}\n      ref={getRootRef}\n    >\n      <Tappable\n        style={size === 's' ? undefined : { height }}\n        className={styles['HorizontalCellShowMore__body']}\n        getRootRef={getRef}\n        activeMode=\"opacity\"\n        hoverMode=\"opacity\"\n        {...restProps}\n      >\n        <Icon28ChevronRightCircle\n          className={styles['HorizontalCellShowMore__icon']}\n          fill=\"currentColor\"\n        />\n\n        <Subhead className={styles['HorizontalCellShowMore__text']} weight=\"2\">\n          {children}\n        </Subhead>\n      </Tappable>\n    </div>\n  );\n};\n"],"names":["React","Icon28ChevronRightCircle","classNames","Tappable","Subhead","sizeClassNames","s","m","l","HorizontalCellShowMore","className","style","getRef","getRootRef","compensateLastCellIndent","height","size","children","restProps","div","ref","undefined","activeMode","hoverMode","fill","weight"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,mBAAmB;AAC5D,SAASC,UAAU,QAAQ,kBAAkB;AAG7C,SAASC,QAAQ,QAAuB,0BAA0B;AAClE,SAASC,OAAO,QAAsB,mCAAmC;AAGzE,MAAMC,iBAAiB;IACrBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AAmCA,OAAO,MAAMC,yBAAyB;QAAC,EACrCC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,UAAU,EACVC,wBAAwB,EACxBC,MAAM,EACNC,OAAO,GAAG,EACVC,WAAWD,SAAS,MAAM,QAAQ,cAAc,EAEpB,WADzBE;QARHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,oBAACE;QACCR,OAAOA;QACPD,WAAWR,yCAETY,uFACAT,cAAc,CAACW,KAAK,EACpBN;QAEFU,KAAKP;qBAEL,oBAACV;QACCQ,OAAOK,SAAS,MAAMK,YAAY;YAAEN;QAAO;QAC3CL,SAAS;QACTG,YAAYD;QACZU,YAAW;QACXC,WAAU;OACNL,0BAEJ,oBAACjB;QACCS,SAAS;QACTc,MAAK;sBAGP,oBAACpB;QAAQM,SAAS;QAA0Ce,QAAO;OAChER;AAKX,EAAE"}
+{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.tsx"],"sourcesContent":["import { Icon28ChevronRightCircle } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRef, HasRootRef, LiteralUnion } from '../../../types';\nimport type { ImageBaseSize } from '../../ImageBase/ImageBase';\nimport { Tappable, TappableProps } from '../../Tappable/Tappable';\nimport { Subhead, SubheadProps } from '../../Typography/Subhead/Subhead';\nimport styles from './HorizontalCellShowMore.module.css';\n\nconst sizeClassNames = {\n  s: styles['HorizontalCellShowMore--size-s'],\n  m: styles['HorizontalCellShowMore--size-m'],\n  l: styles['HorizontalCellShowMore--size-l'],\n};\n\nexport interface HorizontalCellShowMoreProps\n  extends Omit<TappableProps, 'getRootRef' | 'size'>,\n    HasRef<HTMLElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Задаёт высоту компонента. Должeн соответствовать размеру картинок\n   * внутри соседних `HorizontalCell` компонентов.\n   *\n   * Используйте размеры заданные дизайн-системой (см. типы).\n   *\n   * > ⚠️ Использование кастомного размера – это пограничный кейс.\n   *\n   * Игнорируется если `size='s'`.\n   */\n  height?: LiteralUnion<ImageBaseSize, number>;\n  /**\n   * Задаёт размер компонента. Аналогичен такому же пропу у [HorizontalCell](https://vkcom.github.io/VKUI/#/HorizontalCellShowMore?id=props).\n   * Должен соответствовать значению пропа `size` соседних `HorizontalCell`.\n   */\n  size?: 's' | 'm' | 'l';\n  /**\n   * Предназначен для отрисовки текста.\n   * По умолчанию для `size='s'` содержит текст `Все` для других размеров `Показать все`.\n   * */\n  children?: SubheadProps['children'];\n  /**\n   * Позволяет компенсировать особый правый отступ у предшевствующего элементa `HorizontalCell`,\n   * в том случае, если тот элемент последний в родителе.\n   * Если `HorizontalCellShowMore` находится на одном уровне с остальными `HorizontalCell`, то этот проп использовать не нужно.\n   */\n  compensateLastCellIndent?: boolean;\n}\n\nexport const HorizontalCellShowMore = ({\n  className,\n  style,\n  getRef,\n  getRootRef,\n  compensateLastCellIndent,\n  height,\n  size = 's',\n  children = size === 's' ? 'Все' : 'Показать все',\n  ...restProps\n}: HorizontalCellShowMoreProps) => {\n  return (\n    <div\n      style={style}\n      className={classNames(\n        styles['HorizontalCellShowMore'],\n        compensateLastCellIndent && styles['HorizontalCellShowMore--compensate-last-cell-indent'],\n        sizeClassNames[size],\n        className,\n      )}\n      ref={getRootRef}\n    >\n      <Tappable\n        style={size === 's' ? undefined : { height }}\n        className={styles['HorizontalCellShowMore__body']}\n        getRootRef={getRef}\n        activeMode=\"opacity\"\n        hoverMode=\"opacity\"\n        {...restProps}\n      >\n        <Icon28ChevronRightCircle\n          className={styles['HorizontalCellShowMore__icon']}\n          fill=\"currentColor\"\n        />\n\n        <Subhead className={styles['HorizontalCellShowMore__text']} weight=\"2\">\n          {children}\n        </Subhead>\n      </Tappable>\n    </div>\n  );\n};\n"],"names":["Icon28ChevronRightCircle","classNames","Tappable","Subhead","sizeClassNames","s","m","l","HorizontalCellShowMore","className","style","getRef","getRootRef","compensateLastCellIndent","height","size","children","restProps","div","ref","undefined","activeMode","hoverMode","fill","weight"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;AAAA,SAASA,wBAAwB,QAAQ,mBAAmB;AAC5D,SAASC,UAAU,QAAQ,kBAAkB;AAG7C,SAASC,QAAQ,QAAuB,0BAA0B;AAClE,SAASC,OAAO,QAAsB,mCAAmC;AAGzE,MAAMC,iBAAiB;IACrBC,CAAC;IACDC,CAAC;IACDC,CAAC;AACH;AAmCA,OAAO,MAAMC,yBAAyB;QAAC,EACrCC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,UAAU,EACVC,wBAAwB,EACxBC,MAAM,EACNC,OAAO,GAAG,EACVC,WAAWD,SAAS,MAAM,QAAQ,cAAc,EAEpB,WADzBE;QARHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACE;QACCR,OAAOA;QACPD,WAAWR,yCAETY,uFACAT,cAAc,CAACW,KAAK,EACpBN;QAEFU,KAAKP;kBAEL,cAAA,MAACV;YACCQ,OAAOK,SAAS,MAAMK,YAAY;gBAAEN;YAAO;YAC3CL,SAAS;YACTG,YAAYD;YACZU,YAAW;YACXC,WAAU;WACNL;;8BAEJ,KAACjB;oBACCS,SAAS;oBACTc,MAAK;;8BAGP,KAACpB;oBAAQM,SAAS;oBAA0Ce,QAAO;8BAChER;;;;;AAKX,EAAE"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { HasRef, HTMLAttributesWithRootRef } from '../../types';
 export type ScrollPositionHandler = (currentPosition: number) => number;
 export interface HorizontalScrollProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasRef<HTMLDivElement> {
@@ -22,9 +21,15 @@ export interface HorizontalScrollProps extends HTMLAttributesWithRootRef<HTMLDiv
      * По умолчанию прокручивается как любой горизонтальный контент через shift.
      */
     scrollOnAnyWheel?: boolean;
+    /**
+     * Задает потомкам инлайновое положение (горизонально)
+     *
+     * TODO [>=7]: Сделать по умолчанию `true` (или удалить, применяя стили всегда)
+     */
+    inline?: boolean;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/HorizontalScroll
  */
-export declare const HorizontalScroll: ({ children, getScrollToLeft, getScrollToRight, showArrows, arrowSize, arrowOffsetY, scrollAnimationDuration, getRef, scrollOnAnyWheel, ...restProps }: HorizontalScrollProps) => React.JSX.Element;
+export declare const HorizontalScroll: ({ children, getScrollToLeft, getScrollToRight, showArrows, arrowSize, arrowOffsetY, scrollAnimationDuration, getRef, scrollOnAnyWheel, inline, ...restProps }: HorizontalScrollProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HorizontalScroll.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalScroll.d.ts","sourceRoot":"","sources":["../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqBhE,MAAM,MAAM,qBAAqB,GAAG,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;AAExE,MAAM,WAAW,qBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,MAAM,CAAC,cAAc,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC;;OAEG;IACH,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA2GD;;GAEG;AACH,eAAO,MAAM,gBAAgB,0JAW1B,qBAAqB,sBAqJvB,CAAC"}
+{"version":3,"file":"HorizontalScroll.d.ts","sourceRoot":"","sources":["../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqBhE,MAAM,MAAM,qBAAqB,GAAG,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;AAExE,MAAM,WAAW,qBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,MAAM,CAAC,cAAc,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC;;OAEG;IACH,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA2GD;;GAEG;AACH,eAAO,MAAM,gBAAgB,kKAY1B,qBAAqB,4CAsJvB,CAAC"}

package/dist/components/HorizontalScroll/HorizontalScroll.js

@@ -1,6 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { classNames, noop } from '@vkontakte/vkjs';
 import { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';
@@ -83,7 +84,7 @@ function doScroll({ scrollElement, getScrollPosition, animationQueue, onScrollTo
 /**
  * @see https://vkcom.github.io/VKUI/#/HorizontalScroll
  */ export const HorizontalScroll = (_param)=>{
-    var { children, getScrollToLeft, getScrollToRight, showArrows = true, arrowSize = 'l', arrowOffsetY, scrollAnimationDuration = SCROLL_ONE_FRAME_TIME, getRef, scrollOnAnyWheel = false } = _param, restProps = _object_without_properties(_param, [
+    var { children, getScrollToLeft, getScrollToRight, showArrows = true, arrowSize = 'l', arrowOffsetY, scrollAnimationDuration = SCROLL_ONE_FRAME_TIME, getRef, scrollOnAnyWheel = false, inline = false } = _param, restProps = _object_without_properties(_param, [
         "children",
         "getScrollToLeft",
         "getScrollToRight",
@@ -92,7 +93,8 @@ function doScroll({ scrollElement, getScrollPosition, animationQueue, onScrollTo
         "arrowOffsetY",
         "scrollAnimationDuration",
         "getRef",
-        "scrollOnAnyWheel"
+        "scrollOnAnyWheel",
+        "inline"
     ]);
     const [canScrollLeft, setCanScrollLeft] = React.useState(false);
     const [canScrollRight, setCanScrollRight] = React.useState(false);
@@ -195,33 +197,40 @@ function doScroll({ scrollElement, getScrollPosition, animationQueue, onScrollTo
         scrollerRef,
         scrollOnAnyWheel
     ]);
-    return /*#__PURE__*/ React.createElement(RootComponent, _object_spread_props(_object_spread({}, restProps), {
-        baseClassName: classNames("vkuiHorizontalScroll", 'vkuiInternalHorizontalScroll', showArrows === 'always' && "vkuiHorizontalScroll--withConstArrows"),
-        onMouseEnter: calculateArrowsVisibility
-    }), showArrows && (hasPointer || hasPointer === undefined) && canScrollLeft && /*#__PURE__*/ React.createElement(ScrollArrow, {
-        "data-testid": process.env.NODE_ENV === 'test' ? 'ScrollArrow' : undefined,
-        size: arrowSize,
-        offsetY: arrowOffsetY,
-        direction: "left",
-        "aria-hidden": true,
-        tabIndex: -1,
-        className: classNames("vkuiHorizontalScroll__arrow", "vkuiHorizontalScroll__arrowLeft"),
-        onClick: scrollToLeft
-    }), showArrows && (hasPointer || hasPointer === undefined) && canScrollRight && /*#__PURE__*/ React.createElement(ScrollArrow, {
-        "data-testid": process.env.NODE_ENV === 'test' ? 'ScrollArrow' : undefined,
-        size: arrowSize,
-        offsetY: arrowOffsetY,
-        direction: "right",
-        "aria-hidden": true,
-        tabIndex: -1,
-        className: classNames("vkuiHorizontalScroll__arrow", "vkuiHorizontalScroll__arrowRight"),
-        onClick: scrollToRight
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: "vkuiHorizontalScroll__in",
-        ref: scrollerRef
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "vkuiHorizontalScroll__in-wrapper"
-    }, children)));
+    return /*#__PURE__*/ _jsxs(RootComponent, _object_spread_props(_object_spread({}, restProps), {
+        baseClassName: classNames("vkuiHorizontalScroll", 'vkuiInternalHorizontalScroll', showArrows === 'always' && "vkuiHorizontalScroll--withConstArrows", inline && "vkuiHorizontalScroll--inline"),
+        onMouseEnter: calculateArrowsVisibility,
+        children: [
+            showArrows && (hasPointer || hasPointer === undefined) && canScrollLeft && /*#__PURE__*/ _jsx(ScrollArrow, {
+                "data-testid": process.env.NODE_ENV === 'test' ? 'ScrollArrow' : undefined,
+                size: arrowSize,
+                offsetY: arrowOffsetY,
+                direction: "left",
+                "aria-hidden": true,
+                tabIndex: -1,
+                className: classNames("vkuiHorizontalScroll__arrow", "vkuiHorizontalScroll__arrowLeft"),
+                onClick: scrollToLeft
+            }),
+            showArrows && (hasPointer || hasPointer === undefined) && canScrollRight && /*#__PURE__*/ _jsx(ScrollArrow, {
+                "data-testid": process.env.NODE_ENV === 'test' ? 'ScrollArrow' : undefined,
+                size: arrowSize,
+                offsetY: arrowOffsetY,
+                direction: "right",
+                "aria-hidden": true,
+                tabIndex: -1,
+                className: classNames("vkuiHorizontalScroll__arrow", "vkuiHorizontalScroll__arrowRight"),
+                onClick: scrollToRight
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "vkuiHorizontalScroll__in",
+                ref: scrollerRef,
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "vkuiHorizontalScroll__in-wrapper",
+                    children: children
+                })
+            })
+        ]
+    }));
 };
 
 //# sourceMappingURL=HorizontalScroll.js.map