@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -23,7 +23,7 @@ var _platform = require("../../lib/platform");
 
 var _Headline = require("../Typography/Headline/Headline");
 
-var _Caption = require("../Typography/Caption/Caption");
+var _Footnote = require("../Typography/Footnote/Footnote");
 
 var _Title = require("../Typography/Title/Title");
 
@@ -49,7 +49,7 @@ var HeaderContent = function HeaderContent(_ref) {
         }, restProps));
 
       case "secondary":
-        return (0, _jsxRuntime.createScopedElement)(_Caption.Caption, (0, _extends2.default)({
+        return (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, (0, _extends2.default)({
           weight: "2",
           caps: true
         }, restProps));
@@ -65,7 +65,7 @@ var HeaderContent = function HeaderContent(_ref) {
 
       case "secondary":
       case "tertiary":
-        return (0, _jsxRuntime.createScopedElement)(_Caption.Caption, restProps);
+        return (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, restProps);
     }
   }
 
@@ -77,7 +77,7 @@ var HeaderContent = function HeaderContent(_ref) {
       }, restProps));
 
     case "secondary":
-      return (0, _jsxRuntime.createScopedElement)(_Caption.Caption, (0, _extends2.default)({
+      return (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, (0, _extends2.default)({
         weight: "1",
         caps: true
       }, restProps));
@@ -102,7 +102,7 @@ var Header = function Header(_ref2) {
       restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   var platform = (0, _usePlatform.usePlatform)();
   var AsideTypography = platform === _platform.Platform.VKCOM ? _Subhead.Subhead : _Text.Text;
-  var SubtitleTypography = mode === "secondary" ? _Subhead.Subhead : _Caption.Caption;
+  var SubtitleTypography = mode === "secondary" ? _Subhead.Subhead : _Footnote.Footnote;
   return (0, _jsxRuntime.createScopedElement)("header", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
     vkuiClass: (0, _classNames.classNames)("Header", platform === _platform.Platform.VKCOM && "Header--vkcom", platform === _platform.Platform.ANDROID && "Header--android", platform === _platform.Platform.IOS && "Header--ios", "Header--mode-".concat(mode), (0, _utils.isPrimitiveReactNode)(indicator) && "Header--pi")
@@ -115,7 +115,7 @@ var Header = function Header(_ref2) {
     platform: platform
   }, (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: (0, _classNames.classNames)("Header__content-in", multiline && "Header__content-in--multiline")
-  }, children), (0, _utils.hasReactNode)(indicator) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
+  }, children), (0, _utils.hasReactNode)(indicator) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
     vkuiClass: "Header__indicator",
     weight: mode === "primary" || mode === "secondary" ? "1" : undefined
   }, indicator)), (0, _utils.hasReactNode)(subtitle) && (0, _jsxRuntime.createScopedElement)(SubtitleTypography, {

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["HeaderContent","platform","mode","restProps","Platform","IOS","VKCOM","Header","children","subtitle","indicator","aside","getRootRef","multiline","usePlatform","AsideTypography","Subhead","Text","SubtitleTypography","Caption","classNames","ANDROID","isPrimitiveReactNode","hasReactNode","undefined"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  mode?: \"primary\" | \"secondary\" | \"tertiary\";\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" | \"mode\"> &\n  HasPlatform &\n  HasComponent;\n\nconst HeaderContent = ({\n  platform,\n  mode,\n  ...restProps\n}: HeaderContentProps) => {\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case \"primary\":\n      case \"tertiary\":\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n      case \"secondary\":\n        return <Caption weight=\"2\" caps {...restProps} />;\n    }\n  }\n\n  if (platform === Platform.VKCOM) {\n    switch (mode) {\n      case \"primary\":\n        return <Headline weight=\"3\" {...restProps} />;\n      case \"secondary\":\n      case \"tertiary\":\n        return <Caption {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case \"primary\":\n    case \"tertiary\":\n      return <Headline weight=\"2\" {...restProps} />;\n    case \"secondary\":\n      return <Caption weight=\"1\" caps {...restProps} />;\n  }\n\n  return null;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = \"primary\",\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  const AsideTypography = platform === Platform.VKCOM ? Subhead : Text;\n  const SubtitleTypography = mode === \"secondary\" ? Subhead : Caption;\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Header\",\n        platform === Platform.VKCOM && \"Header--vkcom\",\n        platform === Platform.ANDROID && \"Header--android\",\n        platform === Platform.IOS && \"Header--ios\",\n        `Header--mode-${mode}`,\n        isPrimitiveReactNode(indicator) && \"Header--pi\"\n      )}\n    >\n      <div vkuiClass=\"Header__main\">\n        <HeaderContent\n          vkuiClass=\"Header__content\"\n          Component=\"span\"\n          mode={mode}\n          platform={platform}\n        >\n          <span\n            vkuiClass={classNames(\n              \"Header__content-in\",\n              multiline && \"Header__content-in--multiline\"\n            )}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Caption\n              vkuiClass=\"Header__indicator\"\n              weight={\n                mode === \"primary\" || mode === \"secondary\" ? \"1\" : undefined\n              }\n            >\n              {indicator}\n            </Caption>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <SubtitleTypography vkuiClass=\"Header__subtitle\" Component=\"span\">\n            {subtitle}\n          </SubtitleTypography>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <AsideTypography vkuiClass=\"Header__aside\" Component=\"span\">\n          {aside}\n        </AsideTypography>\n      )}\n    </header>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Header.js","names":["HeaderContent","platform","mode","restProps","Platform","IOS","VKCOM","Header","children","subtitle","indicator","aside","getRootRef","multiline","usePlatform","AsideTypography","Subhead","Text","SubtitleTypography","Footnote","classNames","ANDROID","isPrimitiveReactNode","hasReactNode","undefined"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement> {\n  mode?: \"primary\" | \"secondary\" | \"tertiary\";\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" | \"mode\"> &\n  HasPlatform &\n  HasComponent;\n\nconst HeaderContent = ({\n  platform,\n  mode,\n  ...restProps\n}: HeaderContentProps) => {\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case \"primary\":\n      case \"tertiary\":\n        return <Title weight=\"1\" level=\"3\" {...restProps} />;\n      case \"secondary\":\n        return <Footnote weight=\"2\" caps {...restProps} />;\n    }\n  }\n\n  if (platform === Platform.VKCOM) {\n    switch (mode) {\n      case \"primary\":\n        return <Headline weight=\"3\" {...restProps} />;\n      case \"secondary\":\n      case \"tertiary\":\n        return <Footnote {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case \"primary\":\n    case \"tertiary\":\n      return <Headline weight=\"2\" {...restProps} />;\n    case \"secondary\":\n      return <Footnote weight=\"1\" caps {...restProps} />;\n  }\n\n  return null;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  mode = \"primary\",\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  const AsideTypography = platform === Platform.VKCOM ? Subhead : Text;\n  const SubtitleTypography = mode === \"secondary\" ? Subhead : Footnote;\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Header\",\n        platform === Platform.VKCOM && \"Header--vkcom\",\n        platform === Platform.ANDROID && \"Header--android\",\n        platform === Platform.IOS && \"Header--ios\",\n        `Header--mode-${mode}`,\n        isPrimitiveReactNode(indicator) && \"Header--pi\"\n      )}\n    >\n      <div vkuiClass=\"Header__main\">\n        <HeaderContent\n          vkuiClass=\"Header__content\"\n          Component=\"span\"\n          mode={mode}\n          platform={platform}\n        >\n          <span\n            vkuiClass={classNames(\n              \"Header__content-in\",\n              multiline && \"Header__content-in--multiline\"\n            )}\n          >\n            {children}\n          </span>\n          {hasReactNode(indicator) && (\n            <Footnote\n              vkuiClass=\"Header__indicator\"\n              weight={\n                mode === \"primary\" || mode === \"secondary\" ? \"1\" : undefined\n              }\n            >\n              {indicator}\n            </Footnote>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && (\n          <SubtitleTypography vkuiClass=\"Header__subtitle\" Component=\"span\">\n            {subtitle}\n          </SubtitleTypography>\n        )}\n      </div>\n\n      {hasReactNode(aside) && (\n        <AsideTypography vkuiClass=\"Header__aside\" Component=\"span\">\n          {aside}\n        </AsideTypography>\n      )}\n    </header>\n  );\n};\n"],"mappings":"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"}

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

@@ -34,9 +34,7 @@ var CellTypography = function CellTypography(_ref) {
   var size = _ref.size,
       children = _ref.children,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return size === "s" ? (0, _jsxRuntime.createScopedElement)(_Caption.Caption, (0, _extends2.default)({
-    level: "2"
-  }, restProps), children) : (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, restProps, children);
+  return size === "s" ? (0, _jsxRuntime.createScopedElement)(_Caption.Caption, restProps, children) : (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, restProps, children);
 };
 
 /**
@@ -57,7 +55,7 @@ var HorizontalCell = function HorizontalCell(_ref2) {
       getRef = _ref2.getRef,
       restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   return (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)("HorizontalCell", "HorizontalCell--".concat(size)),
+    vkuiClass: (0, _classNames.classNames)("HorizontalCell", "HorizontalCell--size-".concat(size)),
     ref: getRootRef,
     style: style,
     className: className

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalCell.js","names":["CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","classNames","hasReactNode"],"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { HasComponent, HasRef, HasRootRef } from \"../../types\";\nimport \"./HorizontalCell.css\";\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  size: HorizontalCellProps[\"size\"];\n}\n\nconst CellTypography = ({\n  size,\n  children,\n  ...restProps\n}: CellTypographyProps) => {\n  return size === \"s\" ? (\n    <Caption level=\"2\" {...restProps}>\n      {children}\n    </Caption>\n  ) : (\n    <Subhead {...restProps}>{children}</Subhead>\n  );\n};\n\nexport interface HorizontalCellProps\n  extends React.AnchorHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasComponent {\n  size?: \"s\" | \"m\" | \"l\";\n  header?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  disabled?: boolean;\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  ...restProps\n}: HorizontalCellProps) => {\n  return (\n    <div\n      vkuiClass={classNames(\"HorizontalCell\", `HorizontalCell--${size}`)}\n      ref={getRootRef}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        vkuiClass=\"HorizontalCell__body\"\n        getRootRef={getRef}\n        {...restProps}\n      >\n        {hasReactNode(children) && (\n          <div vkuiClass=\"HorizontalCell__image\">{children}</div>\n        )}\n        <div vkuiClass=\"HorizontalCell__content\">\n          {hasReactNode(header) && (\n            <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">\n              {header}\n            </CellTypography>\n          )}\n          {hasReactNode(subtitle) && (\n            <Footnote vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Footnote>\n          )}\n        </div>\n      </Tappable>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAII;EAAA,IAHzBC,IAGyB,QAHzBA,IAGyB;EAAA,IAFzBC,QAEyB,QAFzBA,QAEyB;EAAA,IADtBC,SACsB;EACzB,OAAOF,IAAI,KAAK,GAAT,GACL,qCAAC,gBAAD;IAAS,KAAK,EAAC;EAAf,GAAuBE,SAAvB,GACGD,QADH,CADK,GAKL,qCAAC,gBAAD,EAAaC,SAAb,EAAyBD,QAAzB,CALF;AAOD,CAZD;;AAyBA;AACA;AACA;AACO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,QAUH;EAAA,IATzBC,SASyB,SATzBA,SASyB;EAAA,IARzBC,MAQyB,SARzBA,MAQyB;EAAA,IAPzBC,KAOyB,SAPzBA,KAOyB;EAAA,IANzBC,QAMyB,SANzBA,QAMyB;EAAA,uBALzBP,IAKyB;EAAA,IALzBA,IAKyB,2BALlB,GAKkB;EAAA,2BAJzBC,QAIyB;EAAA,IAJzBA,QAIyB,+BAJd,qCAAC,cAAD;IAAQ,IAAI,EAAE;EAAd,EAIc;EAAA,IAHzBO,UAGyB,SAHzBA,UAGyB;EAAA,IAFzBC,MAEyB,SAFzBA,MAEyB;EAAA,IADtBP,SACsB;EACzB,OACE;IACE,SAAS,EAAE,IAAAQ,sBAAA,EAAW,gBAAX,4BAAgDV,IAAhD,EADb;IAEE,GAAG,EAAEQ,UAFP;IAGE,KAAK,EAAEF,KAHT;IAIE,SAAS,EAAEF;EAJb,GAME,qCAAC,kBAAD;IACE,SAAS,EAAC,sBADZ;IAEE,UAAU,EAAEK;EAFd,GAGMP,SAHN,GAKG,IAAAS,mBAAA,EAAaV,QAAb,KACC;IAAK,SAAS,EAAC;EAAf,GAAwCA,QAAxC,CANJ,EAQE;IAAK,SAAS,EAAC;EAAf,GACG,IAAAU,mBAAA,EAAaN,MAAb,KACC,qCAAC,cAAD;IAAgB,IAAI,EAAEL,IAAtB;IAA4B,SAAS,EAAC;EAAtC,GACGK,MADH,CAFJ,EAMG,IAAAM,mBAAA,EAAaJ,QAAb,KACC,qCAAC,kBAAD;IAAU,SAAS,EAAC;EAApB,GAAgDA,QAAhD,CAPJ,CARF,CANF,CADF;AA4BD,CAvCM"}
+{"version":3,"file":"HorizontalCell.js","names":["CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","classNames","hasReactNode"],"sources":["../../../../src/components/HorizontalCell/HorizontalCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { HasComponent, HasRef, HasRootRef } from \"../../types\";\nimport \"./HorizontalCell.css\";\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  size: HorizontalCellProps[\"size\"];\n}\n\nconst CellTypography = ({\n  size,\n  children,\n  ...restProps\n}: CellTypographyProps) => {\n  return size === \"s\" ? (\n    <Caption {...restProps}>{children}</Caption>\n  ) : (\n    <Subhead {...restProps}>{children}</Subhead>\n  );\n};\n\nexport interface HorizontalCellProps\n  extends React.AnchorHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasComponent {\n  size?: \"s\" | \"m\" | \"l\";\n  header?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  disabled?: boolean;\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  ...restProps\n}: HorizontalCellProps) => {\n  return (\n    <div\n      vkuiClass={classNames(\"HorizontalCell\", `HorizontalCell--size-${size}`)}\n      ref={getRootRef}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        vkuiClass=\"HorizontalCell__body\"\n        getRootRef={getRef}\n        {...restProps}\n      >\n        {hasReactNode(children) && (\n          <div vkuiClass=\"HorizontalCell__image\">{children}</div>\n        )}\n        <div vkuiClass=\"HorizontalCell__content\">\n          {hasReactNode(header) && (\n            <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">\n              {header}\n            </CellTypography>\n          )}\n          {hasReactNode(subtitle) && (\n            <Footnote vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Footnote>\n          )}\n        </div>\n      </Tappable>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAII;EAAA,IAHzBC,IAGyB,QAHzBA,IAGyB;EAAA,IAFzBC,QAEyB,QAFzBA,QAEyB;EAAA,IADtBC,SACsB;EACzB,OAAOF,IAAI,KAAK,GAAT,GACL,qCAAC,gBAAD,EAAaE,SAAb,EAAyBD,QAAzB,CADK,GAGL,qCAAC,gBAAD,EAAaC,SAAb,EAAyBD,QAAzB,CAHF;AAKD,CAVD;;AAuBA;AACA;AACA;AACO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,QAUH;EAAA,IATzBC,SASyB,SATzBA,SASyB;EAAA,IARzBC,MAQyB,SARzBA,MAQyB;EAAA,IAPzBC,KAOyB,SAPzBA,KAOyB;EAAA,IANzBC,QAMyB,SANzBA,QAMyB;EAAA,uBALzBP,IAKyB;EAAA,IALzBA,IAKyB,2BALlB,GAKkB;EAAA,2BAJzBC,QAIyB;EAAA,IAJzBA,QAIyB,+BAJd,qCAAC,cAAD;IAAQ,IAAI,EAAE;EAAd,EAIc;EAAA,IAHzBO,UAGyB,SAHzBA,UAGyB;EAAA,IAFzBC,MAEyB,SAFzBA,MAEyB;EAAA,IADtBP,SACsB;EACzB,OACE;IACE,SAAS,EAAE,IAAAQ,sBAAA,EAAW,gBAAX,iCAAqDV,IAArD,EADb;IAEE,GAAG,EAAEQ,UAFP;IAGE,KAAK,EAAEF,KAHT;IAIE,SAAS,EAAEF;EAJb,GAME,qCAAC,kBAAD;IACE,SAAS,EAAC,sBADZ;IAEE,UAAU,EAAEK;EAFd,GAGMP,SAHN,GAKG,IAAAS,mBAAA,EAAaV,QAAb,KACC;IAAK,SAAS,EAAC;EAAf,GAAwCA,QAAxC,CANJ,EAQE;IAAK,SAAS,EAAC;EAAf,GACG,IAAAU,mBAAA,EAAaN,MAAb,KACC,qCAAC,cAAD;IAAgB,IAAI,EAAEL,IAAtB;IAA4B,SAAS,EAAC;EAAtC,GACGK,MADH,CAFJ,EAMG,IAAAM,mBAAA,EAAaJ,QAAb,KACC,qCAAC,kBAAD;IAAU,SAAS,EAAC;EAApB,GAAgDA,QAAhD,CAPJ,CARF,CANF,CADF;AA4BD,CAvCM"}

package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js

@@ -19,7 +19,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var React = _interopRequireWildcard(require("react"));
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
 var _HorizontalScrollArrow = require("./HorizontalScrollArrow");
 
@@ -31,7 +31,7 @@ var _useExternRef = require("../../hooks/useExternRef");
 
 var _classNames = require("../../lib/classNames");
 
-var _excluded = ["children", "getScrollToLeft", "getScrollToRight", "showArrows", "arrowSize", "scrollAnimationDuration", "hasMouse", "getRef"];
+var _excluded = ["children", "getScrollToLeft", "getScrollToRight", "showArrows", "arrowSize", "scrollAnimationDuration", "getRef"];
 
 /**
  * timing method
@@ -113,8 +113,12 @@ function doScroll(_ref) {
     }
   })();
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/HorizontalScroll
+ */
 
-var HorizontalScrollComponent = function HorizontalScrollComponent(_ref2) {
+
+var HorizontalScroll = function HorizontalScroll(_ref2) {
   var children = _ref2.children,
       getScrollToLeft = _ref2.getScrollToLeft,
       getScrollToRight = _ref2.getScrollToRight,
@@ -124,7 +128,6 @@ var HorizontalScrollComponent = function HorizontalScrollComponent(_ref2) {
       arrowSize = _ref2$arrowSize === void 0 ? "l" : _ref2$arrowSize,
       _ref2$scrollAnimation = _ref2.scrollAnimationDuration,
       scrollAnimationDuration = _ref2$scrollAnimation === void 0 ? SCROLL_ONE_FRAME_TIME : _ref2$scrollAnimation,
-      hasMouse = _ref2.hasMouse,
       getRef = _ref2.getRef,
       restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
 
@@ -141,6 +144,10 @@ var HorizontalScrollComponent = function HorizontalScrollComponent(_ref2) {
   var isCustomScrollingRef = React.useRef(false);
   var scrollerRef = (0, _useExternRef.useExternRef)(getRef);
   var animationQueue = React.useRef([]);
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      hasMouse = _useAdaptivity.hasMouse;
+
   var scrollTo = React.useCallback(function (getScrollPosition) {
     var scrollElement = scrollerRef.current;
     animationQueue.current.push(function () {
@@ -196,12 +203,12 @@ var HorizontalScrollComponent = function HorizontalScrollComponent(_ref2) {
   React.useEffect(onscroll, [scrollerRef, children, onscroll]);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     vkuiClass: (0, _classNames.classNames)("HorizontalScroll", showArrows === "always" && "HorizontalScroll--withConstArrows")
-  }), showArrows && hasMouse && canScrollLeft && (0, _jsxRuntime.createScopedElement)(_HorizontalScrollArrow.HorizontalScrollArrow, {
+  }), showArrows && (hasMouse || hasMouse === undefined) && canScrollLeft && (0, _jsxRuntime.createScopedElement)(_HorizontalScrollArrow.HorizontalScrollArrow, {
     size: arrowSize,
     direction: "left",
     vkuiClass: "HorizontalScroll__arrowLeft",
     onClick: scrollToLeft
-  }), showArrows && hasMouse && canScrollRight && (0, _jsxRuntime.createScopedElement)(_HorizontalScrollArrow.HorizontalScrollArrow, {
+  }), showArrows && (hasMouse || hasMouse === undefined) && canScrollRight && (0, _jsxRuntime.createScopedElement)(_HorizontalScrollArrow.HorizontalScrollArrow, {
     size: arrowSize,
     direction: "right",
     vkuiClass: "HorizontalScroll__arrowRight",
@@ -213,14 +220,6 @@ var HorizontalScrollComponent = function HorizontalScrollComponent(_ref2) {
     vkuiClass: "HorizontalScroll__in-wrapper"
   }, children)));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/HorizontalScroll
- */
 
-
-var HorizontalScroll = (0, _withAdaptivity.withAdaptivity)(HorizontalScrollComponent, {
-  hasMouse: true
-});
 exports.HorizontalScroll = HorizontalScroll;
-HorizontalScroll.displayName = "HorizontalScroll";
 //# sourceMappingURL=HorizontalScroll.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalScroll.js","names":["now","performance","Date","roundUpElementScrollLeft","el","Math","ceil","scrollLeft","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","endLeft","startTime","scroll","time","elapsed","min","value","easeInOutSine","currentLeft","max","requestAnimationFrame","shift","length","HorizontalScrollComponent","children","getScrollToLeft","getScrollToRight","showArrows","arrowSize","hasMouse","getRef","restProps","React","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","useExternRef","scrollTo","useCallback","current","push","firstElementChild","scrollWidth","scrollToLeft","i","scrollToRight","onscroll","scrollEvent","useEventListener","useEffect","add","classNames","HorizontalScroll","withAdaptivity","displayName"],"sources":["../../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { HorizontalScrollArrow } from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n  scrollElement: HTMLElement | null;\n  scrollAnimationDuration: number;\n  animationQueue: VoidFunction[];\n  getScrollPosition: (currentPosition: number) => number;\n  onScrollToRightBorder: VoidFunction;\n  onScrollEnd: VoidFunction;\n  onScrollStart: VoidFunction;\n  /**\n   * Начальная ширина прокрутки.\n   * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n   */\n  initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    HasRef<HTMLDivElement> {\n  /**\n   * Функция для расчета величины прокрутки при клике на левую стрелку.\n   */\n  getScrollToLeft?: ScrollPositionHandler;\n  /**\n   * Функция для расчета величины прокрутки при клике на правую стрелку.\n   */\n  getScrollToRight?: ScrollPositionHandler;\n  arrowSize?: \"m\" | \"l\";\n  showArrows?: boolean | \"always\";\n  scrollAnimationDuration?: number;\n}\n\n/**\n * timing method\n */\nfunction now() {\n  return performance && performance.now ? performance.now() : Date.now();\n}\n\n/**\n * Округляем el.scrollLeft\n * https://github.com/VKCOM/VKUI/pull/2445\n */\nconst roundUpElementScrollLeft = (el: HTMLElement) => Math.ceil(el.scrollLeft);\n\n/**\n * Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n */\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n  scrollElement,\n  getScrollPosition,\n  animationQueue,\n  onScrollToRightBorder,\n  onScrollEnd,\n  onScrollStart,\n  initialScrollWidth,\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n  if (!scrollElement || !getScrollPosition) {\n    return;\n  }\n\n  /**\n   * максимальное значение сдвига влево\n   */\n  const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n  let startLeft = roundUpElementScrollLeft(scrollElement);\n  let endLeft = getScrollPosition(startLeft);\n\n  onScrollStart();\n\n  if (endLeft >= maxLeft) {\n    onScrollToRightBorder();\n    endLeft = maxLeft;\n  }\n\n  const startTime = now();\n\n  (function scroll() {\n    if (!scrollElement) {\n      onScrollEnd();\n      return;\n    }\n\n    const time = now();\n    const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n    const value = easeInOutSine(elapsed);\n\n    const currentLeft = startLeft + (endLeft - startLeft) * value;\n    scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n    if (\n      roundUpElementScrollLeft(scrollElement) !== Math.max(0, endLeft) &&\n      elapsed !== 1\n    ) {\n      requestAnimationFrame(scroll);\n      return;\n    }\n\n    onScrollEnd();\n    animationQueue.shift();\n    if (animationQueue.length > 0) {\n      animationQueue[0]();\n    }\n  })();\n}\n\nconst HorizontalScrollComponent = ({\n  children,\n  getScrollToLeft,\n  getScrollToRight,\n  showArrows = true,\n  arrowSize = \"l\",\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n  hasMouse,\n  getRef,\n  ...restProps\n}: HorizontalScrollProps) => {\n  const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n  const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n  const isCustomScrollingRef = React.useRef(false);\n\n  const scrollerRef = useExternRef(getRef);\n\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  const scrollTo = React.useCallback(\n    (getScrollPosition: ScrollPositionHandler) => {\n      const scrollElement = scrollerRef.current;\n\n      animationQueue.current.push(() =>\n        doScroll({\n          scrollElement,\n          getScrollPosition,\n          animationQueue: animationQueue.current,\n          onScrollToRightBorder: () => setCanScrollRight(false),\n          onScrollEnd: () => (isCustomScrollingRef.current = false),\n          onScrollStart: () => (isCustomScrollingRef.current = true),\n          initialScrollWidth:\n            scrollElement?.firstElementChild?.scrollWidth || 0,\n          scrollAnimationDuration,\n        })\n      );\n      if (animationQueue.current.length === 1) {\n        animationQueue.current[0]();\n      }\n    },\n    [scrollAnimationDuration, scrollerRef]\n  );\n\n  const scrollToLeft = React.useCallback(() => {\n    const getScrollPosition =\n      getScrollToLeft ?? ((i: number) => i - scrollerRef.current!.offsetWidth);\n    scrollTo(getScrollPosition);\n  }, [getScrollToLeft, scrollTo, scrollerRef]);\n\n  const scrollToRight = React.useCallback(() => {\n    const getScrollPosition =\n      getScrollToRight ?? ((i: number) => i + scrollerRef.current!.offsetWidth);\n    scrollTo(getScrollPosition);\n  }, [getScrollToRight, scrollTo, scrollerRef]);\n\n  const onscroll = React.useCallback(() => {\n    if (\n      showArrows &&\n      hasMouse &&\n      scrollerRef.current &&\n      !isCustomScrollingRef.current\n    ) {\n      const scrollElement = scrollerRef.current;\n\n      setCanScrollLeft(scrollElement.scrollLeft > 0);\n      setCanScrollRight(\n        roundUpElementScrollLeft(scrollElement) + scrollElement.offsetWidth <\n          scrollElement.scrollWidth\n      );\n    }\n  }, [hasMouse, scrollerRef, showArrows]);\n\n  const scrollEvent = useEventListener(\"scroll\", onscroll);\n  React.useEffect(() => {\n    if (scrollerRef.current) {\n      scrollEvent.add(scrollerRef.current);\n    }\n  }, [scrollEvent, scrollerRef]);\n  React.useEffect(onscroll, [scrollerRef, children, onscroll]);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"HorizontalScroll\",\n        showArrows === \"always\" && \"HorizontalScroll--withConstArrows\"\n      )}\n    >\n      {showArrows && hasMouse && canScrollLeft && (\n        <HorizontalScrollArrow\n          size={arrowSize}\n          direction=\"left\"\n          vkuiClass=\"HorizontalScroll__arrowLeft\"\n          onClick={scrollToLeft}\n        />\n      )}\n      {showArrows && hasMouse && canScrollRight && (\n        <HorizontalScrollArrow\n          size={arrowSize}\n          direction=\"right\"\n          vkuiClass=\"HorizontalScroll__arrowRight\"\n          onClick={scrollToRight}\n        />\n      )}\n      <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n        <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n      </div>\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalScroll\n */\nexport const HorizontalScroll = withAdaptivity(HorizontalScrollComponent, {\n  hasMouse: true,\n});\n\nHorizontalScroll.displayName = \"HorizontalScroll\";\n"],"mappings":"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"}
+{"version":3,"file":"HorizontalScroll.js","names":["now","performance","Date","roundUpElementScrollLeft","el","Math","ceil","scrollLeft","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","endLeft","startTime","scroll","time","elapsed","min","value","easeInOutSine","currentLeft","max","requestAnimationFrame","shift","length","HorizontalScroll","children","getScrollToLeft","getScrollToRight","showArrows","arrowSize","getRef","restProps","React","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","useExternRef","useAdaptivity","hasMouse","scrollTo","useCallback","current","push","firstElementChild","scrollWidth","scrollToLeft","i","scrollToRight","onscroll","scrollEvent","useEventListener","useEffect","add","classNames","undefined"],"sources":["../../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { HorizontalScrollArrow } from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n  scrollElement: HTMLElement | null;\n  scrollAnimationDuration: number;\n  animationQueue: VoidFunction[];\n  getScrollPosition: (currentPosition: number) => number;\n  onScrollToRightBorder: VoidFunction;\n  onScrollEnd: VoidFunction;\n  onScrollStart: VoidFunction;\n  /**\n   * Начальная ширина прокрутки.\n   * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n   */\n  initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * Функция для расчета величины прокрутки при клике на левую стрелку.\n   */\n  getScrollToLeft?: ScrollPositionHandler;\n  /**\n   * Функция для расчета величины прокрутки при клике на правую стрелку.\n   */\n  getScrollToRight?: ScrollPositionHandler;\n  arrowSize?: \"m\" | \"l\";\n  showArrows?: boolean | \"always\";\n  scrollAnimationDuration?: number;\n}\n\n/**\n * timing method\n */\nfunction now() {\n  return performance && performance.now ? performance.now() : Date.now();\n}\n\n/**\n * Округляем el.scrollLeft\n * https://github.com/VKCOM/VKUI/pull/2445\n */\nconst roundUpElementScrollLeft = (el: HTMLElement) => Math.ceil(el.scrollLeft);\n\n/**\n * Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n */\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n  scrollElement,\n  getScrollPosition,\n  animationQueue,\n  onScrollToRightBorder,\n  onScrollEnd,\n  onScrollStart,\n  initialScrollWidth,\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n  if (!scrollElement || !getScrollPosition) {\n    return;\n  }\n\n  /**\n   * максимальное значение сдвига влево\n   */\n  const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n  let startLeft = roundUpElementScrollLeft(scrollElement);\n  let endLeft = getScrollPosition(startLeft);\n\n  onScrollStart();\n\n  if (endLeft >= maxLeft) {\n    onScrollToRightBorder();\n    endLeft = maxLeft;\n  }\n\n  const startTime = now();\n\n  (function scroll() {\n    if (!scrollElement) {\n      onScrollEnd();\n      return;\n    }\n\n    const time = now();\n    const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n    const value = easeInOutSine(elapsed);\n\n    const currentLeft = startLeft + (endLeft - startLeft) * value;\n    scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n    if (\n      roundUpElementScrollLeft(scrollElement) !== Math.max(0, endLeft) &&\n      elapsed !== 1\n    ) {\n      requestAnimationFrame(scroll);\n      return;\n    }\n\n    onScrollEnd();\n    animationQueue.shift();\n    if (animationQueue.length > 0) {\n      animationQueue[0]();\n    }\n  })();\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/HorizontalScroll\n */\nexport const HorizontalScroll = ({\n  children,\n  getScrollToLeft,\n  getScrollToRight,\n  showArrows = true,\n  arrowSize = \"l\",\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n  getRef,\n  ...restProps\n}: HorizontalScrollProps) => {\n  const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n  const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n  const isCustomScrollingRef = React.useRef(false);\n\n  const scrollerRef = useExternRef(getRef);\n\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  const { hasMouse } = useAdaptivity();\n\n  const scrollTo = React.useCallback(\n    (getScrollPosition: ScrollPositionHandler) => {\n      const scrollElement = scrollerRef.current;\n\n      animationQueue.current.push(() =>\n        doScroll({\n          scrollElement,\n          getScrollPosition,\n          animationQueue: animationQueue.current,\n          onScrollToRightBorder: () => setCanScrollRight(false),\n          onScrollEnd: () => (isCustomScrollingRef.current = false),\n          onScrollStart: () => (isCustomScrollingRef.current = true),\n          initialScrollWidth:\n            scrollElement?.firstElementChild?.scrollWidth || 0,\n          scrollAnimationDuration,\n        })\n      );\n      if (animationQueue.current.length === 1) {\n        animationQueue.current[0]();\n      }\n    },\n    [scrollAnimationDuration, scrollerRef]\n  );\n\n  const scrollToLeft = React.useCallback(() => {\n    const getScrollPosition =\n      getScrollToLeft ?? ((i: number) => i - scrollerRef.current!.offsetWidth);\n    scrollTo(getScrollPosition);\n  }, [getScrollToLeft, scrollTo, scrollerRef]);\n\n  const scrollToRight = React.useCallback(() => {\n    const getScrollPosition =\n      getScrollToRight ?? ((i: number) => i + scrollerRef.current!.offsetWidth);\n    scrollTo(getScrollPosition);\n  }, [getScrollToRight, scrollTo, scrollerRef]);\n\n  const onscroll = React.useCallback(() => {\n    if (\n      showArrows &&\n      hasMouse &&\n      scrollerRef.current &&\n      !isCustomScrollingRef.current\n    ) {\n      const scrollElement = scrollerRef.current;\n\n      setCanScrollLeft(scrollElement.scrollLeft > 0);\n      setCanScrollRight(\n        roundUpElementScrollLeft(scrollElement) + scrollElement.offsetWidth <\n          scrollElement.scrollWidth\n      );\n    }\n  }, [hasMouse, scrollerRef, showArrows]);\n\n  const scrollEvent = useEventListener(\"scroll\", onscroll);\n  React.useEffect(() => {\n    if (scrollerRef.current) {\n      scrollEvent.add(scrollerRef.current);\n    }\n  }, [scrollEvent, scrollerRef]);\n  React.useEffect(onscroll, [scrollerRef, children, onscroll]);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"HorizontalScroll\",\n        showArrows === \"always\" && \"HorizontalScroll--withConstArrows\"\n      )}\n    >\n      {showArrows && (hasMouse || hasMouse === undefined) && canScrollLeft && (\n        <HorizontalScrollArrow\n          size={arrowSize}\n          direction=\"left\"\n          vkuiClass=\"HorizontalScroll__arrowLeft\"\n          onClick={scrollToLeft}\n        />\n      )}\n      {showArrows && (hasMouse || hasMouse === undefined) && canScrollRight && (\n        <HorizontalScrollArrow\n          size={arrowSize}\n          direction=\"right\"\n          vkuiClass=\"HorizontalScroll__arrowRight\"\n          onClick={scrollToRight}\n        />\n      )}\n      <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n        <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js

@@ -44,7 +44,7 @@ var HorizontalScrollArrow = function HorizontalScrollArrow(_ref) {
     Component: "button",
     hasHover: false,
     hasActive: false,
-    vkuiClass: (0, _classNames.classNames)("HorizontalScrollArrow", "HorizontalScrollArrow--".concat(size), "HorizontalScrollArrow--".concat(direction), platform === _platform.IOS && "HorizontalScrollArrow--ios"),
+    vkuiClass: (0, _classNames.classNames)("HorizontalScrollArrow", "HorizontalScrollArrow--size-".concat(size), "HorizontalScrollArrow--direction-".concat(direction), platform === _platform.Platform.IOS && "HorizontalScrollArrow--ios"),
     onClick: onClick
   }), (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "HorizontalScrollArrow__icon"

package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalScrollArrow.js","names":["HorizontalScrollArrow","size","direction","onClick","restProps","platform","usePlatform","ArrowIcon","Icon16ChevronLeft","Icon16Chevron","Icon24ChevronCompactLeft","Icon24Chevron","classNames","IOS"],"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Chevron,\n  Icon24ChevronCompactLeft,\n  Icon16Chevron,\n  Icon16ChevronLeft,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n  direction: \"left\" | \"right\";\n  size?: \"m\" | \"l\";\n  onClick(): void;\n}\n\nexport const HorizontalScrollArrow = ({\n  size = \"l\",\n  direction,\n  onClick,\n  ...restProps\n}: HorizontalScrollArrowProps) => {\n  const platform = usePlatform();\n  let ArrowIcon: React.ComponentType<unknown>;\n\n  if (size === \"m\") {\n    ArrowIcon = direction === \"left\" ? Icon16ChevronLeft : Icon16Chevron;\n  } else {\n    ArrowIcon = direction === \"left\" ? Icon24ChevronCompactLeft : Icon24Chevron;\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      hasActive={false}\n      vkuiClass={classNames(\n        \"HorizontalScrollArrow\",\n        `HorizontalScrollArrow--${size}`,\n        `HorizontalScrollArrow--${direction}`,\n        platform === IOS && \"HorizontalScrollArrow--ios\"\n      )}\n      onClick={onClick}\n    >\n      <span vkuiClass=\"HorizontalScrollArrow__icon\">\n        <ArrowIcon />\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;AASO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,OAKH;EAAA,qBAJhCC,IAIgC;EAAA,IAJhCA,IAIgC,0BAJzB,GAIyB;EAAA,IAHhCC,SAGgC,QAHhCA,SAGgC;EAAA,IAFhCC,OAEgC,QAFhCA,OAEgC;EAAA,IAD7BC,SAC6B;EAChC,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAIC,SAAJ;;EAEA,IAAIN,IAAI,KAAK,GAAb,EAAkB;IAChBM,SAAS,GAAGL,SAAS,KAAK,MAAd,GAAuBM,wBAAvB,GAA2CC,oBAAvD;EACD,CAFD,MAEO;IACLF,SAAS,GAAGL,SAAS,KAAK,MAAd,GAAuBQ,+BAAvB,GAAkDC,oBAA9D;EACD;;EAED,OACE,qCAAC,kBAAD,6BACMP,SADN;IAEE,SAAS,EAAC,QAFZ;IAGE,QAAQ,EAAE,KAHZ;IAIE,SAAS,EAAE,KAJb;IAKE,SAAS,EAAE,IAAAQ,sBAAA,EACT,uBADS,mCAEiBX,IAFjB,oCAGiBC,SAHjB,GAITG,QAAQ,KAAKQ,aAAb,IAAoB,4BAJX,CALb;IAWE,OAAO,EAAEV;EAXX,IAaE;IAAM,SAAS,EAAC;EAAhB,GACE,qCAAC,SAAD,OADF,CAbF,CADF;AAmBD,CAlCM"}
+{"version":3,"file":"HorizontalScrollArrow.js","names":["HorizontalScrollArrow","size","direction","onClick","restProps","platform","usePlatform","ArrowIcon","Icon16ChevronLeft","Icon16Chevron","Icon24ChevronCompactLeft","Icon24Chevron","classNames","Platform","IOS"],"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Chevron,\n  Icon24ChevronCompactLeft,\n  Icon16Chevron,\n  Icon16ChevronLeft,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n  direction: \"left\" | \"right\";\n  size?: \"m\" | \"l\";\n  onClick(): void;\n}\n\nexport const HorizontalScrollArrow = ({\n  size = \"l\",\n  direction,\n  onClick,\n  ...restProps\n}: HorizontalScrollArrowProps) => {\n  const platform = usePlatform();\n  let ArrowIcon: React.ComponentType<unknown>;\n\n  if (size === \"m\") {\n    ArrowIcon = direction === \"left\" ? Icon16ChevronLeft : Icon16Chevron;\n  } else {\n    ArrowIcon = direction === \"left\" ? Icon24ChevronCompactLeft : Icon24Chevron;\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      hasActive={false}\n      vkuiClass={classNames(\n        \"HorizontalScrollArrow\",\n        `HorizontalScrollArrow--size-${size}`,\n        `HorizontalScrollArrow--direction-${direction}`,\n        platform === Platform.IOS && \"HorizontalScrollArrow--ios\"\n      )}\n      onClick={onClick}\n    >\n      <span vkuiClass=\"HorizontalScrollArrow__icon\">\n        <ArrowIcon />\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;AASO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,OAKH;EAAA,qBAJhCC,IAIgC;EAAA,IAJhCA,IAIgC,0BAJzB,GAIyB;EAAA,IAHhCC,SAGgC,QAHhCA,SAGgC;EAAA,IAFhCC,OAEgC,QAFhCA,OAEgC;EAAA,IAD7BC,SAC6B;EAChC,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAIC,SAAJ;;EAEA,IAAIN,IAAI,KAAK,GAAb,EAAkB;IAChBM,SAAS,GAAGL,SAAS,KAAK,MAAd,GAAuBM,wBAAvB,GAA2CC,oBAAvD;EACD,CAFD,MAEO;IACLF,SAAS,GAAGL,SAAS,KAAK,MAAd,GAAuBQ,+BAAvB,GAAkDC,oBAA9D;EACD;;EAED,OACE,qCAAC,kBAAD,6BACMP,SADN;IAEE,SAAS,EAAC,QAFZ;IAGE,QAAQ,EAAE,KAHZ;IAIE,SAAS,EAAE,KAJb;IAKE,SAAS,EAAE,IAAAQ,sBAAA,EACT,uBADS,wCAEsBX,IAFtB,8CAG2BC,SAH3B,GAITG,QAAQ,KAAKQ,kBAAA,CAASC,GAAtB,IAA6B,4BAJpB,CALb;IAWE,OAAO,EAAEX;EAXX,IAaE;IAAM,SAAS,EAAC;EAAhB,GACE,qCAAC,SAAD,OADF,CAbF,CADF;AAmBD,CAlCM"}

package/dist/cjs/components/IconButton/IconButton.js

@@ -19,44 +19,35 @@ var _classNames = require("../../lib/classNames");
 
 var _usePlatform = require("../../hooks/usePlatform");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
-
 var _platform = require("../../lib/platform");
 
-var _warnOnce = require("../../lib/warnOnce");
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
-var _excluded = ["icon", "sizeY", "children", "Component"];
-var warn = (0, _warnOnce.warnOnce)("IconButton");
+var _excluded = ["children", "Component"];
 
-var IconButtonComponent = function IconButtonComponent(_ref) {
-  var icon = _ref.icon,
-      sizeY = _ref.sizeY,
-      children = _ref.children,
+/**
+ * @see https://vkcom.github.io/VKUI/#/IconButton
+ */
+var IconButton = function IconButton(_ref) {
+  var children = _ref.children,
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? "button" : _ref$Component,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
-  if (icon && process.env.NODE_ENV === "development") {
-    warn("Свойство icon устарело и будет удалено в 5.0.0. Используйте children");
-  }
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
 
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({
     activeEffectDelay: 200,
     activeMode: "background"
   }, restProps, {
     Component: restProps.href ? "a" : Component,
-    vkuiClass: (0, _classNames.classNames)("IconButton", "IconButton--sizeY-".concat(sizeY), platform === _platform.IOS && "IconButton--ios")
-  }), icon || children);
+    vkuiClass: (0, _classNames.classNames)("IconButton", (0, _getSizeYClassName.getSizeYClassName)("IconButton", sizeY), platform === _platform.Platform.IOS && "IconButton--ios")
+  }), children);
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/IconButton
- */
 
-
-var IconButton = (0, _withAdaptivity.withAdaptivity)(IconButtonComponent, {
-  sizeY: true
-});
 exports.IconButton = IconButton;
-IconButton.displayName = "IconButton";
 //# sourceMappingURL=IconButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","names":["warn","warnOnce","IconButtonComponent","icon","sizeY","children","Component","restProps","platform","usePlatform","process","env","NODE_ENV","href","classNames","IOS","IconButton","withAdaptivity","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n  children?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте `children`\n   */\n  icon?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"IconButton\");\n\nconst IconButtonComponent = ({\n  icon,\n  sizeY,\n  children,\n  Component = \"button\",\n  ...restProps\n}: IconButtonProps) => {\n  const platform = usePlatform();\n\n  if (icon && process.env.NODE_ENV === \"development\") {\n    warn(\n      \"Свойство icon устарело и будет удалено в 5.0.0. Используйте children\"\n    );\n  }\n\n  return (\n    <Tappable\n      activeEffectDelay={200}\n      activeMode=\"background\"\n      {...restProps}\n      Component={restProps.href ? \"a\" : Component}\n      vkuiClass={classNames(\n        \"IconButton\",\n        `IconButton--sizeY-${sizeY}`,\n        platform === IOS && \"IconButton--ios\"\n      )}\n    >\n      {icon || children}\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = withAdaptivity(IconButtonComponent, {\n  sizeY: true,\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAWA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,YAAT,CAAb;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAML;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,KAIqB,QAJrBA,KAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,0BAFrBC,SAEqB;EAAA,IAFrBA,SAEqB,+BAFT,QAES;EAAA,IADlBC,SACkB;EACrB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EAEA,IAAIN,IAAI,IAAIO,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAArC,EAAoD;IAClDZ,IAAI,CACF,sEADE,CAAJ;EAGD;;EAED,OACE,qCAAC,kBAAD;IACE,iBAAiB,EAAE,GADrB;IAEE,UAAU,EAAC;EAFb,GAGMO,SAHN;IAIE,SAAS,EAAEA,SAAS,CAACM,IAAV,GAAiB,GAAjB,GAAuBP,SAJpC;IAKE,SAAS,EAAE,IAAAQ,sBAAA,EACT,YADS,8BAEYV,KAFZ,GAGTI,QAAQ,KAAKO,aAAb,IAAoB,iBAHX;EALb,IAWGZ,IAAI,IAAIE,QAXX,CADF;AAeD,CA9BD;AAgCA;AACA;AACA;;;AACO,IAAMW,UAAU,GAAG,IAAAC,8BAAA,EAAef,mBAAf,EAAoC;EAC5DE,KAAK,EAAE;AADqD,CAApC,CAAnB;;AAIPY,UAAU,CAACE,WAAX,GAAyB,YAAzB"}
+{"version":3,"file":"IconButton.js","names":["IconButton","children","Component","restProps","platform","usePlatform","useAdaptivity","sizeY","href","classNames","getSizeYClassName","Platform","IOS"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = ({\n  children,\n  Component = \"button\",\n  ...restProps\n}: IconButtonProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      activeEffectDelay={200}\n      activeMode=\"background\"\n      {...restProps}\n      Component={restProps.href ? \"a\" : Component}\n      vkuiClass={classNames(\n        \"IconButton\",\n        getSizeYClassName(\"IconButton\", sizeY),\n        platform === Platform.IOS && \"IconButton--ios\"\n      )}\n    >\n      {children}\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAIH;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,0BAFrBC,SAEqB;EAAA,IAFrBA,SAEqB,+BAFT,QAES;EAAA,IADlBC,SACkB;EACrB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,kBAAD;IACE,iBAAiB,EAAE,GADrB;IAEE,UAAU,EAAC;EAFb,GAGMJ,SAHN;IAIE,SAAS,EAAEA,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuBN,SAJpC;IAKE,SAAS,EAAE,IAAAO,sBAAA,EACT,YADS,EAET,IAAAC,oCAAA,EAAkB,YAAlB,EAAgCH,KAAhC,CAFS,EAGTH,QAAQ,KAAKO,kBAAA,CAASC,GAAtB,IAA6B,iBAHpB;EALb,IAWGX,QAXH,CADF;AAeD,CAvBM"}

package/dist/cjs/components/Image/Image.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Image = exports.IMAGE_DEFAULT_SIZE = void 0;
+
+var _jsxRuntime = require("../../lib/jsxRuntime");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classNames = require("../../lib/classNames");
+
+var _ImageBase = require("../ImageBase/ImageBase");
+
+var _excluded = ["size", "badge", "borderRadius", "style", "className"];
+var styles = {
+  "Image": "vkuiImage",
+  "Image__badge": "vkuiImage__badge",
+  "Image__badge--shifted": "vkuiImage__badge--shifted"
+};
+var IMAGE_DEFAULT_SIZE = 48;
+exports.IMAGE_DEFAULT_SIZE = IMAGE_DEFAULT_SIZE;
+
+/**
+ * @see https://vkcom.github.io/VKUI/#/Image
+ */
+var Image = function Image(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? IMAGE_DEFAULT_SIZE : _ref$size,
+      badgeProp = _ref.badge,
+      _ref$borderRadius = _ref.borderRadius,
+      borderRadiusProp = _ref$borderRadius === void 0 ? "m" : _ref$borderRadius,
+      style = _ref.style,
+      className = _ref.className,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var badge = badgeProp ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, typeof badgeProp === "function" ? {
+    Icon: badgeProp
+  } : badgeProp), {}, {
+    className: (0, _classNames.classNamesString)(styles["Image__badge"], size < 96 && styles["Image__badge--shifted"])
+  }) : undefined;
+  var borderRadius;
+
+  switch (borderRadiusProp) {
+    case "s":
+      {
+        if (size <= 32) {
+          borderRadius = 2;
+        } else if (size <= 56) {
+          borderRadius = 3;
+        }
+
+        borderRadius = 4;
+        break;
+      }
+
+    case "m":
+      {
+        if (size <= 32) {
+          borderRadius = 3;
+        } else if (size <= 48) {
+          borderRadius = 4;
+        } else if (size <= 72) {
+          borderRadius = 6;
+        } else if (size <= 80) {
+          borderRadius = 8;
+        }
+
+        borderRadius = 10;
+        break;
+      }
+
+    case "l":
+      {
+        if (size <= 16) {
+          borderRadius = 4;
+        } else if (size <= 20) {
+          borderRadius = 5;
+        } else if (size <= 32) {
+          borderRadius = 6;
+        } else if (size <= 40) {
+          borderRadius = 8;
+        } else if (size <= 48) {
+          borderRadius = 10;
+        } else if (size <= 56) {
+          borderRadius = 12;
+        } else if (size <= 64) {
+          borderRadius = 14;
+        }
+
+        borderRadius = 16;
+      }
+  }
+
+  return (0, _jsxRuntime.createScopedElement)(_ImageBase.ImageBase, (0, _extends2.default)({}, restProps, {
+    size: size,
+    badge: badge,
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
+      borderRadius: borderRadius
+    }),
+    className: (0, _classNames.classNamesString)(styles["Image"], className)
+  }));
+};
+
+exports.Image = Image;
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","names":["IMAGE_DEFAULT_SIZE","Image","size","badgeProp","badge","borderRadius","borderRadiusProp","style","className","restProps","Icon","classNamesString","styles","undefined"],"sources":["../../../../src/components/Image/Image.tsx"],"sourcesContent":["import { classNamesString } from \"../../lib/classNames\";\nimport {\n  type ImageBaseProps,\n  type ImageBaseBadgeProps,\n  ImageBase,\n} from \"../ImageBase/ImageBase\";\nimport styles from \"./Image.module.css\";\n\nexport const IMAGE_DEFAULT_SIZE = 48;\n\nexport interface ImageProps extends Omit<ImageBaseProps, \"badge\"> {\n  /**\n   * > Не показывается при `size < 24`\n   *\n   * Бейдж в правом нижнем углу компонента.\n   *\n   * Можно конструктор иконки или конфигурацию.\n   */\n  badge?: ImageBaseBadgeProps[\"Icon\"] | ImageBaseBadgeProps;\n  /**\n   * Размер закругления.\n   */\n  borderRadius?: \"s\" | \"l\" | \"m\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Image\n */\nexport const Image = ({\n  size = IMAGE_DEFAULT_SIZE,\n  badge: badgeProp,\n  borderRadius: borderRadiusProp = \"m\",\n  style,\n  className,\n  ...restProps\n}: ImageProps) => {\n  const badge: ImageBaseProps[\"badge\"] | undefined = badgeProp\n    ? {\n        ...(typeof badgeProp === \"function\" ? { Icon: badgeProp } : badgeProp),\n        className: classNamesString(\n          styles[\"Image__badge\"],\n          size < 96 && styles[\"Image__badge--shifted\"]\n        ),\n      }\n    : undefined;\n\n  let borderRadius: number;\n\n  switch (borderRadiusProp) {\n    case \"s\": {\n      if (size <= 32) {\n        borderRadius = 2;\n      } else if (size <= 56) {\n        borderRadius = 3;\n      }\n      borderRadius = 4;\n      break;\n    }\n    case \"m\": {\n      if (size <= 32) {\n        borderRadius = 3;\n      } else if (size <= 48) {\n        borderRadius = 4;\n      } else if (size <= 72) {\n        borderRadius = 6;\n      } else if (size <= 80) {\n        borderRadius = 8;\n      }\n      borderRadius = 10;\n      break;\n    }\n    case \"l\": {\n      if (size <= 16) {\n        borderRadius = 4;\n      } else if (size <= 20) {\n        borderRadius = 5;\n      } else if (size <= 32) {\n        borderRadius = 6;\n      } else if (size <= 40) {\n        borderRadius = 8;\n      } else if (size <= 48) {\n        borderRadius = 10;\n      } else if (size <= 56) {\n        borderRadius = 12;\n      } else if (size <= 64) {\n        borderRadius = 14;\n      }\n      borderRadius = 16;\n    }\n  }\n\n  return (\n    <ImageBase\n      {...restProps}\n      size={size}\n      badge={badge}\n      style={{ ...style, borderRadius }}\n      className={classNamesString(styles[\"Image\"], className)}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;AAOO,IAAMA,kBAAkB,GAAG,EAA3B;;;AAiBP;AACA;AACA;AACO,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAOH;EAAA,qBANhBC,IAMgB;EAAA,IANhBA,IAMgB,0BANTF,kBAMS;EAAA,IALTG,SAKS,QALhBC,KAKgB;EAAA,6BAJhBC,YAIgB;EAAA,IAJFC,gBAIE,kCAJiB,GAIjB;EAAA,IAHhBC,KAGgB,QAHhBA,KAGgB;EAAA,IAFhBC,SAEgB,QAFhBA,SAEgB;EAAA,IADbC,SACa;EAChB,IAAML,KAA0C,GAAGD,SAAS,+DAElD,OAAOA,SAAP,KAAqB,UAArB,GAAkC;IAAEO,IAAI,EAAEP;EAAR,CAAlC,GAAwDA,SAFN;IAGtDK,SAAS,EAAE,IAAAG,4BAAA,EACTC,MAAM,CAAC,cAAD,CADG,EAETV,IAAI,GAAG,EAAP,IAAaU,MAAM,CAAC,uBAAD,CAFV;EAH2C,KAQxDC,SARJ;EAUA,IAAIR,YAAJ;;EAEA,QAAQC,gBAAR;IACE,KAAK,GAAL;MAAU;QACR,IAAIJ,IAAI,IAAI,EAAZ,EAAgB;UACdG,YAAY,GAAG,CAAf;QACD,CAFD,MAEO,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACrBG,YAAY,GAAG,CAAf;QACD;;QACDA,YAAY,GAAG,CAAf;QACA;MACD;;IACD,KAAK,GAAL;MAAU;QACR,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACdG,YAAY,GAAG,CAAf;QACD,CAFD,MAEO,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACrBG,YAAY,GAAG,CAAf;QACD,CAFM,MAEA,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACrBG,YAAY,GAAG,CAAf;QACD,CAFM,MAEA,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACrBG,YAAY,GAAG,CAAf;QACD;;QACDA,YAAY,GAAG,EAAf;QACA;MACD;;IACD,KAAK,GAAL;MAAU;QACR,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACdG,YAAY,GAAG,CAAf;QACD,CAFD,MAEO,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACrBG,YAAY,GAAG,CAAf;QACD,CAFM,MAEA,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACrBG,YAAY,GAAG,CAAf;QACD,CAFM,MAEA,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACrBG,YAAY,GAAG,CAAf;QACD,CAFM,MAEA,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACrBG,YAAY,GAAG,EAAf;QACD,CAFM,MAEA,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACrBG,YAAY,GAAG,EAAf;QACD,CAFM,MAEA,IAAIH,IAAI,IAAI,EAAZ,EAAgB;UACrBG,YAAY,GAAG,EAAf;QACD;;QACDA,YAAY,GAAG,EAAf;MACD;EAxCH;;EA2CA,OACE,qCAAC,oBAAD,6BACMI,SADN;IAEE,IAAI,EAAEP,IAFR;IAGE,KAAK,EAAEE,KAHT;IAIE,KAAK,8DAAOG,KAAP;MAAcF,YAAY,EAAZA;IAAd,EAJP;IAKE,SAAS,EAAE,IAAAM,4BAAA,EAAiBC,MAAM,CAAC,OAAD,CAAvB,EAAkCJ,SAAlC;EALb,GADF;AASD,CAxEM"}