@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/cssm/components/PromoBanner/PromoBanner.js

@@ -9,15 +9,13 @@ import * as React from "react";
 import { Icon24Dismiss } from "@vkontakte/icons";
 import { Button } from "../Button/Button";
 import { SimpleCell } from "../SimpleCell/SimpleCell";
-import { Avatar } from "../Avatar/Avatar";
-import { Caption } from "../Typography/Caption/Caption";
-import { warnOnce } from "../../lib/warnOnce";
+import { Image } from "../Image/Image";
+import { Footnote } from "../Typography/Footnote/Footnote";
 import "./PromoBanner.css";
-var warn = warnOnce("PromoBanner");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/PromoBanner
  */
-
 export var PromoBanner = function PromoBanner(_ref) {
   var _ref$bannerData = _ref.bannerData,
       bannerData = _ref$bannerData === void 0 ? {} : _ref$bannerData,
@@ -25,12 +23,6 @@ export var PromoBanner = function PromoBanner(_ref) {
       isCloseButtonHidden = _ref.isCloseButtonHidden,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var ageRestrictions = bannerData.ageRestrictions != null ? parseInt(bannerData.ageRestrictions) : bannerData.ageRestriction;
-
-  if (bannerData.ageRestriction && process.env.NODE_ENV === "development") {
-    warn("Свойство bannerData.ageRestriction устарело и будет удалено в 5.0.0. Используйте bannerData.ageRestrictions");
-  }
-
   var _React$useState = React.useState(""),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       currentPixel = _React$useState2[0],
@@ -53,11 +45,11 @@ export var PromoBanner = function PromoBanner(_ref) {
     vkuiClass: "PromoBanner"
   }, restProps), createScopedElement("div", {
     vkuiClass: "PromoBanner__head"
-  }, createScopedElement(Caption, {
+  }, createScopedElement(Footnote, {
     vkuiClass: "PromoBanner__label"
-  }, bannerData.advertisingLabel || "Advertisement"), ageRestrictions != null && createScopedElement(Caption, {
+  }, bannerData.advertisingLabel || "Advertisement"), bannerData.ageRestrictions && createScopedElement(Footnote, {
     vkuiClass: "PromoBanner__age"
-  }, ageRestrictions, "+"), !isCloseButtonHidden && createScopedElement("div", {
+  }, bannerData.ageRestrictions), !isCloseButtonHidden && createScopedElement("div", {
     vkuiClass: "PromoBanner__close",
     onClick: onClose
   }, createScopedElement(Icon24Dismiss, null))), createScopedElement(SimpleCell, {
@@ -65,8 +57,7 @@ export var PromoBanner = function PromoBanner(_ref) {
     onClick: onClick,
     rel: "nofollow noopener noreferrer",
     target: "_blank",
-    before: createScopedElement(Avatar, {
-      mode: "image",
+    before: createScopedElement(Image, {
       size: 48,
       src: bannerData.iconLink,
       alt: bannerData.title

package/dist/cssm/components/PromoBanner/PromoBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromoBanner.js","names":["React","Icon24Dismiss","Button","SimpleCell","Avatar","Caption","warnOnce","warn","PromoBanner","bannerData","onClose","isCloseButtonHidden","restProps","ageRestrictions","parseInt","ageRestriction","process","env","NODE_ENV","useState","currentPixel","setCurrentPixel","statsPixels","useMemo","statistics","reduce","acc","item","type","url","onClick","useCallback","click","useEffect","playbackStarted","advertisingLabel","trackingLink","iconLink","title","ctaText","domain","length"],"sources":["../../../../src/components/PromoBanner/PromoBanner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { Button } from \"../Button/Button\";\nimport { SimpleCell } from \"../SimpleCell/SimpleCell\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./PromoBanner.css\";\n\ntype StatsType =\n  | \"playbackStarted\" // Начало показа\n  | \"click\"; // Клик по баннеру\n\ntype BannerData = {\n  title?: string;\n  url_types?: string; // eslint-disable-line camelcase\n  bannerID?: string;\n  imageWidth?: number;\n  imageHeight?: number;\n  imageLink?: string;\n  trackingLink?: string;\n  type?: string;\n  iconWidth?: number;\n  domain?: string;\n  ctaText?: string;\n  advertisingLabel?: string;\n  iconLink?: string;\n  statistics?: Array<{ type: StatsType; url: string }>;\n  openInBrowser?: boolean;\n  iconHeight?: number;\n  directLink?: boolean;\n  navigationType?: string;\n  description?: string;\n  ageRestrictions?: string;\n  /** @deprecated */\n  ageRestriction?: number;\n};\n\nexport interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Данные рекламного баннера, полученные из VKWebAppGetAds */\n  bannerData: BannerData;\n  /** Флаг скрытия кнопки закрытия рекламы */\n  isCloseButtonHidden?: boolean;\n  /** Хандлер закрытия рекламы */\n  onClose: () => void;\n}\n\nconst warn = warnOnce(\"PromoBanner\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PromoBanner\n */\nexport const PromoBanner = ({\n  bannerData = {},\n  onClose,\n  isCloseButtonHidden,\n  ...restProps\n}: PromoBannerProps) => {\n  const ageRestrictions =\n    bannerData.ageRestrictions != null\n      ? parseInt(bannerData.ageRestrictions)\n      : bannerData.ageRestriction;\n\n  if (bannerData.ageRestriction && process.env.NODE_ENV === \"development\") {\n    warn(\n      \"Свойство bannerData.ageRestriction устарело и будет удалено в 5.0.0. Используйте bannerData.ageRestrictions\"\n    );\n  }\n\n  const [currentPixel, setCurrentPixel] = React.useState(\"\");\n\n  const statsPixels = React.useMemo(\n    () =>\n      (bannerData.statistics\n        ? bannerData.statistics.reduce(\n            (acc, item) => ({ ...acc, [item.type]: item.url }),\n            {}\n          )\n        : {}) as Record<StatsType, string | void>,\n    [bannerData.statistics]\n  );\n\n  const onClick = React.useCallback(\n    () => setCurrentPixel(statsPixels.click || \"\"),\n    [statsPixels.click]\n  );\n\n  React.useEffect(() => {\n    if (statsPixels.playbackStarted) {\n      setCurrentPixel(statsPixels.playbackStarted);\n    }\n  }, [statsPixels.playbackStarted]);\n\n  return (\n    <div vkuiClass=\"PromoBanner\" {...restProps}>\n      <div vkuiClass=\"PromoBanner__head\">\n        <Caption vkuiClass=\"PromoBanner__label\">\n          {bannerData.advertisingLabel || \"Advertisement\"}\n        </Caption>\n        {ageRestrictions != null && (\n          <Caption vkuiClass=\"PromoBanner__age\">{ageRestrictions}+</Caption>\n        )}\n\n        {!isCloseButtonHidden && (\n          <div vkuiClass=\"PromoBanner__close\" onClick={onClose}>\n            <Icon24Dismiss />\n          </div>\n        )}\n      </div>\n      <SimpleCell\n        href={bannerData.trackingLink}\n        onClick={onClick}\n        rel=\"nofollow noopener noreferrer\"\n        target=\"_blank\"\n        before={\n          <Avatar\n            mode=\"image\"\n            size={48}\n            src={bannerData.iconLink}\n            alt={bannerData.title}\n          />\n        }\n        after={<Button mode=\"outline\">{bannerData.ctaText}</Button>}\n        subtitle={bannerData.domain}\n      >\n        {bannerData.title}\n      </SimpleCell>\n\n      {currentPixel.length > 0 && (\n        <div vkuiClass=\"PromoBanner__pixels\">\n          <img src={currentPixel} alt=\"\" />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PromoBanner.js","names":["React","Icon24Dismiss","Button","SimpleCell","Image","Footnote","PromoBanner","bannerData","onClose","isCloseButtonHidden","restProps","useState","currentPixel","setCurrentPixel","statsPixels","useMemo","statistics","reduce","acc","item","type","url","onClick","useCallback","click","useEffect","playbackStarted","advertisingLabel","ageRestrictions","trackingLink","iconLink","title","ctaText","domain","length"],"sources":["../../../../src/components/PromoBanner/PromoBanner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { Button } from \"../Button/Button\";\nimport { SimpleCell } from \"../SimpleCell/SimpleCell\";\nimport { Image } from \"../Image/Image\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport \"./PromoBanner.css\";\n\ntype StatsType =\n  | \"playbackStarted\" // Начало показа\n  | \"click\"; // Клик по баннеру\n\ntype BannerData = {\n  title?: string;\n  url_types?: string;\n  bannerID?: string;\n  imageWidth?: number;\n  imageHeight?: number;\n  imageLink?: string;\n  trackingLink?: string;\n  type?: string;\n  iconWidth?: number;\n  domain?: string;\n  ctaText?: string;\n  advertisingLabel?: string;\n  iconLink?: string;\n  statistics?: Array<{ type: StatsType; url: string }>;\n  openInBrowser?: boolean;\n  iconHeight?: number;\n  directLink?: boolean;\n  navigationType?: string;\n  description?: string;\n  ageRestrictions?: string;\n};\n\nexport interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Данные рекламного баннера, полученные из VKWebAppGetAds */\n  bannerData: BannerData;\n  /** Флаг скрытия кнопки закрытия рекламы */\n  isCloseButtonHidden?: boolean;\n  /** Хандлер закрытия рекламы */\n  onClose: () => void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PromoBanner\n */\nexport const PromoBanner = ({\n  bannerData = {},\n  onClose,\n  isCloseButtonHidden,\n  ...restProps\n}: PromoBannerProps) => {\n  const [currentPixel, setCurrentPixel] = React.useState(\"\");\n\n  const statsPixels = React.useMemo(\n    () =>\n      (bannerData.statistics\n        ? bannerData.statistics.reduce(\n            (acc, item) => ({ ...acc, [item.type]: item.url }),\n            {}\n          )\n        : {}) as Record<StatsType, string | void>,\n    [bannerData.statistics]\n  );\n\n  const onClick = React.useCallback(\n    () => setCurrentPixel(statsPixels.click || \"\"),\n    [statsPixels.click]\n  );\n\n  React.useEffect(() => {\n    if (statsPixels.playbackStarted) {\n      setCurrentPixel(statsPixels.playbackStarted);\n    }\n  }, [statsPixels.playbackStarted]);\n\n  return (\n    <div vkuiClass=\"PromoBanner\" {...restProps}>\n      <div vkuiClass=\"PromoBanner__head\">\n        <Footnote vkuiClass=\"PromoBanner__label\">\n          {bannerData.advertisingLabel || \"Advertisement\"}\n        </Footnote>\n        {bannerData.ageRestrictions && (\n          <Footnote vkuiClass=\"PromoBanner__age\">\n            {bannerData.ageRestrictions}\n          </Footnote>\n        )}\n\n        {!isCloseButtonHidden && (\n          <div vkuiClass=\"PromoBanner__close\" onClick={onClose}>\n            <Icon24Dismiss />\n          </div>\n        )}\n      </div>\n      <SimpleCell\n        href={bannerData.trackingLink}\n        onClick={onClick}\n        rel=\"nofollow noopener noreferrer\"\n        target=\"_blank\"\n        before={\n          <Image size={48} src={bannerData.iconLink} alt={bannerData.title} />\n        }\n        after={<Button mode=\"outline\">{bannerData.ctaText}</Button>}\n        subtitle={bannerData.domain}\n      >\n        {bannerData.title}\n      </SimpleCell>\n\n      {currentPixel.length > 0 && (\n        <div vkuiClass=\"PromoBanner__pixels\">\n          <img src={currentPixel} alt=\"\" />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,MAAT;AACA,SAASC,UAAT;AACA,SAASC,KAAT;AACA,SAASC,QAAT;AACA;;AAsCA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,2BAJtBC,UAIsB;EAAA,IAJtBA,UAIsB,gCAJT,EAIS;EAAA,IAHtBC,OAGsB,QAHtBA,OAGsB;EAAA,IAFtBC,mBAEsB,QAFtBA,mBAEsB;EAAA,IADnBC,SACmB;;EACtB,sBAAwCV,KAAK,CAACW,QAAN,CAAe,EAAf,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EAEA,IAAMC,WAAW,GAAGd,KAAK,CAACe,OAAN,CAClB;IAAA,OACGR,UAAU,CAACS,UAAX,GACGT,UAAU,CAACS,UAAX,CAAsBC,MAAtB,CACE,UAACC,GAAD,EAAMC,IAAN;MAAA,uCAAqBD,GAArB,2BAA2BC,IAAI,CAACC,IAAhC,EAAuCD,IAAI,CAACE,GAA5C;IAAA,CADF,EAEE,EAFF,CADH,GAKG,EANN;EAAA,CADkB,EAQlB,CAACd,UAAU,CAACS,UAAZ,CARkB,CAApB;EAWA,IAAMM,OAAO,GAAGtB,KAAK,CAACuB,WAAN,CACd;IAAA,OAAMV,eAAe,CAACC,WAAW,CAACU,KAAZ,IAAqB,EAAtB,CAArB;EAAA,CADc,EAEd,CAACV,WAAW,CAACU,KAAb,CAFc,CAAhB;EAKAxB,KAAK,CAACyB,SAAN,CAAgB,YAAM;IACpB,IAAIX,WAAW,CAACY,eAAhB,EAAiC;MAC/Bb,eAAe,CAACC,WAAW,CAACY,eAAb,CAAf;IACD;EACF,CAJD,EAIG,CAACZ,WAAW,CAACY,eAAb,CAJH;EAMA,OACE;IAAK,SAAS,EAAC;EAAf,GAAiChB,SAAjC,GACE;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,QAAD;IAAU,SAAS,EAAC;EAApB,GACGH,UAAU,CAACoB,gBAAX,IAA+B,eADlC,CADF,EAIGpB,UAAU,CAACqB,eAAX,IACC,oBAAC,QAAD;IAAU,SAAS,EAAC;EAApB,GACGrB,UAAU,CAACqB,eADd,CALJ,EAUG,CAACnB,mBAAD,IACC;IAAK,SAAS,EAAC,oBAAf;IAAoC,OAAO,EAAED;EAA7C,GACE,oBAAC,aAAD,OADF,CAXJ,CADF,EAiBE,oBAAC,UAAD;IACE,IAAI,EAAED,UAAU,CAACsB,YADnB;IAEE,OAAO,EAAEP,OAFX;IAGE,GAAG,EAAC,8BAHN;IAIE,MAAM,EAAC,QAJT;IAKE,MAAM,EACJ,oBAAC,KAAD;MAAO,IAAI,EAAE,EAAb;MAAiB,GAAG,EAAEf,UAAU,CAACuB,QAAjC;MAA2C,GAAG,EAAEvB,UAAU,CAACwB;IAA3D,EANJ;IAQE,KAAK,EAAE,oBAAC,MAAD;MAAQ,IAAI,EAAC;IAAb,GAAwBxB,UAAU,CAACyB,OAAnC,CART;IASE,QAAQ,EAAEzB,UAAU,CAAC0B;EATvB,GAWG1B,UAAU,CAACwB,KAXd,CAjBF,EA+BGnB,YAAY,CAACsB,MAAb,GAAsB,CAAtB,IACC;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,GAAG,EAAEtB,YAAV;IAAwB,GAAG,EAAC;EAA5B,EADF,CAhCJ,CADF;AAuCD,CArEM"}

package/dist/cssm/components/PullToRefresh/PullToRefresh.css

@@ -1,3 +1 @@
-.vkuiPullToRefresh{flex-grow:1}.vkuiPullToRefresh--refreshing{pointer-events:none;touch-action:none}.vkuiPullToRefresh__controls{pointer-events:none;width:100%;z-index:9}.vkuiPullToRefresh--ios .vkuiPullToRefresh__controls{z-index:0}.vkuiPullToRefresh__spinner{align-items:center;background:#fff;background:var(
-    --background_suggestions,var(--vkui--color_background_modal)
-  );border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);box-sizing:border-box;color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent));display:flex;height:40px;justify-content:center;margin:auto;opacity:0;transition:opacity .22s ease-out,-webkit-transform .3s cubic-bezier(.1,0,.25,1);transition:transform .3s cubic-bezier(.1,0,.25,1),opacity .22s ease-out;transition:transform .3s cubic-bezier(.1,0,.25,1),opacity .22s ease-out,-webkit-transform .3s cubic-bezier(.1,0,.25,1);width:40px}.vkuiPullToRefresh--ios .vkuiPullToRefresh__spinner{background:none;border-radius:0;box-shadow:none;color:#99a2ad;color:var(--icon_outline_secondary,var(--vkui--color_icon_medium))}.vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner{transition:opacity .22s ease-out}.vkuiPullToRefresh__spinner-self{stroke:currentColor}.vkuiPullToRefresh--ios.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-self{-webkit-animation:vkui-PullToRefreshToRefreshing .38s ease-out;animation:vkui-PullToRefreshToRefreshing .38s ease-out}.vkuiPullToRefresh__spinner-path{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center center;transform-origin:center center;transition:stroke-dashoffset 167ms ease-out}.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-path,.vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner-path{transition:none}.vkuiPullToRefresh__spinner--on .vkuiPullToRefresh__spinner-path{-webkit-animation:vkui-rotator .7s linear infinite;animation:vkui-rotator .7s linear infinite;-webkit-animation:vkui-rotator var(--duration) linear infinite;animation:vkui-rotator var(--duration) linear infinite}.vkuiPullToRefresh__content{overflow:hidden;transition:-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s cubic-bezier(.36,.66,.04,1),-webkit-transform .4s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing);transition:transform .4s var(--ios-easing),-webkit-transform .4s var(--ios-easing)}.vkuiPullToRefresh--watching .vkuiPullToRefresh__content{transition:none}@-webkit-keyframes vkui-PullToRefreshToRefreshing{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(.6);transform:scale(.6)}90%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes vkui-PullToRefreshToRefreshing{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(.6);transform:scale(.6)}90%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}
+.vkuiPullToRefresh{flex-grow:1}.vkuiPullToRefresh--refreshing{pointer-events:none;touch-action:none}.vkuiPullToRefresh__controls{pointer-events:none;width:100%;z-index:9}.vkuiPullToRefresh--ios .vkuiPullToRefresh__controls{z-index:0}.vkuiPullToRefresh__spinner{align-items:center;background:var(--vkui--color_background_modal);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);box-sizing:border-box;color:var(--vkui--color_icon_accent);display:flex;height:40px;justify-content:center;margin:auto;opacity:0;transition:transform .3s cubic-bezier(.1,0,.25,1),opacity .22s ease-out;width:40px}.vkuiPullToRefresh--ios .vkuiPullToRefresh__spinner{background:none;border-radius:0;box-shadow:none;color:var(--vkui--color_icon_medium)}.vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner{transition:opacity .22s ease-out}.vkuiPullToRefresh__spinner-self{stroke:currentColor}.vkuiPullToRefresh--ios.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-self{animation:vkui-PullToRefreshToRefreshing .38s ease-out}.vkuiPullToRefresh__spinner-path{transform:rotate(-90deg);transform-origin:center center;transition:stroke-dashoffset 167ms ease-out}.vkuiPullToRefresh--refreshing .vkuiPullToRefresh__spinner-path,.vkuiPullToRefresh--watching .vkuiPullToRefresh__spinner-path{transition:none}.vkuiPullToRefresh__spinner--on .vkuiPullToRefresh__spinner-path{animation:vkui-rotator .7s linear infinite;animation:vkui-rotator var(--duration) linear infinite}.vkuiPullToRefresh__content{overflow:hidden;transition:transform .4s cubic-bezier(.36,.66,.04,1);transition:transform .4s var(--ios-easing)}.vkuiPullToRefresh--watching .vkuiPullToRefresh__content{transition:none}@keyframes vkui-PullToRefreshToRefreshing{0%{transform:scale(1)}30%{transform:scale(.6)}90%{transform:scale(1.1)}to{transform:scale(1)}}

package/dist/cssm/components/PullToRefresh/PullToRefresh.js

@@ -6,7 +6,7 @@ import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { useDOM } from "../../lib/dom";
 import { classNames } from "../../lib/classNames";
-import { IOS } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { runTapticImpactOccurred } from "../../lib/taptic";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { usePlatform } from "../../hooks/usePlatform";
@@ -62,11 +62,11 @@ export var PullToRefresh = function PullToRefresh(_ref) {
   var prevIsFetching = usePrevious(isFetching);
   var initParams = React.useMemo(function () {
     return {
-      start: platform === IOS ? -10 : -45,
-      max: platform === IOS ? 50 : 80,
-      maxY: platform === IOS ? 400 : 80,
-      refreshing: platform === IOS ? 36 : 50,
-      positionMultiplier: platform === IOS ? 0.21 : 1
+      start: platform === Platform.IOS ? -10 : -45,
+      max: platform === Platform.IOS ? 50 : 80,
+      maxY: platform === Platform.IOS ? 400 : 80,
+      refreshing: platform === Platform.IOS ? 36 : 50,
+      positionMultiplier: platform === Platform.IOS ? 0.21 : 1
     };
   }, [platform]);
 
@@ -150,7 +150,7 @@ export var PullToRefresh = function PullToRefresh(_ref) {
       setWaitFetchingTimeout();
       setRefreshing(true);
       setSpinnerY(function (prevSpinnerY) {
-        return platform === IOS ? prevSpinnerY : initParams.refreshing;
+        return platform === Platform.IOS ? prevSpinnerY : initParams.refreshing;
       });
       onRefresh();
       runTapticImpactOccurred("light");
@@ -200,7 +200,7 @@ export var PullToRefresh = function PullToRefresh(_ref) {
       setCanRefresh(progress > 80);
       setContentShift((currentY + 10) * 2.3);
 
-      if (progress > 85 && !refreshing && platform === IOS) {
+      if (progress > 85 && !refreshing && platform === Platform.IOS) {
         runRefreshing();
       }
     } else if (isY && pageYOffset === 0 && shiftY > 0 && !refreshing && touchDown) {
@@ -220,9 +220,9 @@ export var PullToRefresh = function PullToRefresh(_ref) {
   var spinnerTransform = "translate3d(0, ".concat(spinnerY, "px, 0)");
   var contentTransform = "";
 
-  if (platform === IOS && refreshing && !touchDown) {
+  if (platform === Platform.IOS && refreshing && !touchDown) {
     contentTransform = "translate3d(0, 100px, 0)";
-  } else if (platform === IOS && (contentShift || refreshing)) {
+  } else if (platform === Platform.IOS && (contentShift || refreshing)) {
     contentTransform = "translate3d(0, ".concat(contentShift, "px, 0)");
   }
 
@@ -232,7 +232,7 @@ export var PullToRefresh = function PullToRefresh(_ref) {
     onStart: onTouchStart,
     onMove: onTouchMove,
     onEnd: onTouchEnd,
-    vkuiClass: classNames("PullToRefresh", platform === IOS && "PullToRefresh--ios", watching && "PullToRefresh--watching", refreshing && "PullToRefresh--refreshing")
+    vkuiClass: classNames("PullToRefresh", platform === Platform.IOS && "PullToRefresh--ios", watching && "PullToRefresh--watching", refreshing && "PullToRefresh--refreshing")
   }), createScopedElement(FixedLayout, {
     vkuiClass: "PullToRefresh__controls"
   }, createScopedElement(PullToRefreshSpinner, {

package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"PullToRefresh.js","names":["React","useDOM","classNames","IOS","runTapticImpactOccurred","useIsomorphicLayoutEffect","usePlatform","useGlobalEventListener","useScroll","Touch","FixedLayout","PullToRefreshSpinner","TouchRootContext","usePrevious","useTimeout","cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","TOUCH_MOVE_EVENT_PARAMS","passive","PullToRefresh","children","isFetching","onRefresh","restProps","platform","scroll","document","prevIsFetching","initParams","useMemo","start","max","maxY","refreshing","positionMultiplier","useState","spinnerY","setSpinnerY","watching","setWatching","setRefreshing","canRefresh","setCanRefresh","touchDown","setTouchDown","prevTouchDown","touchY","useRef","contentShift","setContentShift","spinnerProgress","setSpinnerProgress","onWindowTouchMove","resetRefreshingState","useCallback","onRefreshingFinish","setWaitFetchingTimeout","set","clearWaitFetchingTimeout","clear","undefined","runRefreshing","prevSpinnerY","onTouchStart","e","onTouchMove","isY","shiftY","pageYOffset","getScroll","y","shift","Math","current","currentY","min","progress","abs","onTouchEnd","spinnerTransform","contentTransform","transform","WebkitTransform","opacity"],"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AnyFunction, HasPlatform } from \"../../types\";\nimport { DOMProps, useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { runTapticImpactOccurred } from \"../../lib/taptic\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { ScrollContextInterface, useScroll } from \"../AppRoot/ScrollContext\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { PullToRefreshSpinner } from \"./PullToRefreshSpinner\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\n\nfunction cancelEvent(event: any) {\n  if (!event) {\n    return false;\n  }\n  while (event.originalEvent) {\n    event = event.originalEvent;\n  }\n  if (event.preventDefault && event.cancelable) {\n    event.preventDefault();\n  }\n  if (event.stopPropagation) {\n    event.stopPropagation();\n  }\n  return false;\n}\n\nexport interface PullToRefreshProps extends DOMProps, TouchProps, HasPlatform {\n  /**\n   * Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным коллбэком)\n   */\n  onRefresh: AnyFunction;\n  /**\n   * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`\n   */\n  isFetching?: boolean;\n  /** @ignore */\n  scroll?: ScrollContextInterface;\n  children?: React.ReactNode;\n}\n\nconst TOUCH_MOVE_EVENT_PARAMS = {\n  cancelable: true,\n  passive: false,\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PullToRefresh\n */\nexport const PullToRefresh = ({\n  children,\n  isFetching,\n  onRefresh,\n  ...restProps\n}: PullToRefreshProps) => {\n  const platform = usePlatform();\n  const scroll = useScroll();\n  const { document } = useDOM();\n  const prevIsFetching = usePrevious(isFetching);\n\n  const initParams = React.useMemo(\n    () => ({\n      start: platform === IOS ? -10 : -45,\n      max: platform === IOS ? 50 : 80,\n      maxY: platform === IOS ? 400 : 80,\n      refreshing: platform === IOS ? 36 : 50,\n      positionMultiplier: platform === IOS ? 0.21 : 1,\n    }),\n    [platform]\n  );\n\n  const [spinnerY, setSpinnerY] = React.useState(initParams.start);\n  const [watching, setWatching] = React.useState(false);\n  const [refreshing, setRefreshing] = React.useState(false);\n  const [canRefresh, setCanRefresh] = React.useState(false);\n  const [touchDown, setTouchDown] = React.useState(false);\n  const prevTouchDown = usePrevious(touchDown);\n\n  const touchY = React.useRef(0);\n  const [contentShift, setContentShift] = React.useState(0);\n  const [spinnerProgress, setSpinnerProgress] = React.useState(0);\n\n  const onWindowTouchMove = (event: Event) => {\n    if (refreshing) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  useGlobalEventListener(\n    document,\n    \"touchmove\",\n    onWindowTouchMove,\n    TOUCH_MOVE_EVENT_PARAMS\n  );\n\n  const resetRefreshingState = React.useCallback(() => {\n    setWatching(false);\n    setCanRefresh(false);\n    setRefreshing(false);\n    setSpinnerY(initParams.start);\n    setSpinnerProgress(0);\n    setContentShift(0);\n  }, [initParams]);\n\n  const onRefreshingFinish = React.useCallback(() => {\n    if (!touchDown) {\n      resetRefreshingState();\n    }\n  }, [touchDown, resetRefreshingState]);\n\n  const { set: setWaitFetchingTimeout, clear: clearWaitFetchingTimeout } =\n    useTimeout(onRefreshingFinish, 1000);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {\n      onRefreshingFinish();\n    }\n  }, [prevIsFetching, isFetching, onRefreshingFinish]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && !prevIsFetching && isFetching) {\n      clearWaitFetchingTimeout();\n    }\n  }, [isFetching, prevIsFetching, clearWaitFetchingTimeout]);\n\n  const runRefreshing = React.useCallback(() => {\n    if (!refreshing && onRefresh) {\n      // cleanup if the consumer does not start fetching in 1s\n      setWaitFetchingTimeout();\n\n      setRefreshing(true);\n      setSpinnerY((prevSpinnerY) =>\n        platform === IOS ? prevSpinnerY : initParams.refreshing\n      );\n\n      onRefresh();\n      runTapticImpactOccurred(\"light\");\n    }\n  }, [\n    refreshing,\n    onRefresh,\n    setWaitFetchingTimeout,\n    platform,\n    initParams.refreshing,\n  ]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevTouchDown !== undefined && prevTouchDown && !touchDown) {\n      if (!refreshing && canRefresh) {\n        runRefreshing();\n      } else if (refreshing && !isFetching) {\n        // only iOS can start refresh before gesture end\n        resetRefreshingState();\n      } else {\n        // refreshing && isFetching: refresh in progress\n        // OR !refreshing && !canRefresh: pull was not strong enough\n        setSpinnerY(refreshing ? initParams.refreshing : initParams.start);\n        setSpinnerProgress(0);\n        setContentShift(0);\n      }\n    }\n  }, [\n    initParams,\n    prevIsFetching,\n    isFetching,\n    onRefreshingFinish,\n    prevTouchDown,\n    touchDown,\n    refreshing,\n    canRefresh,\n    runRefreshing,\n  ]);\n\n  const onTouchStart = (e: TouchEvent) => {\n    if (refreshing) {\n      cancelEvent(e);\n    }\n    setTouchDown(true);\n  };\n\n  const onTouchMove = (e: TouchEvent) => {\n    const { isY, shiftY } = e;\n    const { start, max } = initParams;\n    const pageYOffset = scroll?.getScroll().y;\n\n    if (watching && touchDown) {\n      cancelEvent(e);\n\n      const { positionMultiplier, maxY } = initParams;\n\n      const shift = Math.max(0, shiftY - touchY.current);\n\n      const currentY = Math.max(\n        start,\n        Math.min(maxY, start + shift * positionMultiplier)\n      );\n      const progress =\n        currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;\n\n      setSpinnerY(currentY);\n      setSpinnerProgress(Math.min(80, Math.max(0, progress)));\n      setCanRefresh(progress > 80);\n      setContentShift((currentY + 10) * 2.3);\n\n      if (progress > 85 && !refreshing && platform === IOS) {\n        runRefreshing();\n      }\n    } else if (\n      isY &&\n      pageYOffset === 0 &&\n      shiftY > 0 &&\n      !refreshing &&\n      touchDown\n    ) {\n      cancelEvent(e);\n\n      touchY.current = shiftY;\n      setWatching(true);\n      setSpinnerY(start);\n      setSpinnerProgress(0);\n    }\n  };\n\n  const onTouchEnd = () => {\n    setWatching(false);\n    setTouchDown(false);\n  };\n\n  const spinnerTransform = `translate3d(0, ${spinnerY}px, 0)`;\n  let contentTransform = \"\";\n\n  if (platform === IOS && refreshing && !touchDown) {\n    contentTransform = \"translate3d(0, 100px, 0)\";\n  } else if (platform === IOS && (contentShift || refreshing)) {\n    contentTransform = `translate3d(0, ${contentShift}px, 0)`;\n  }\n\n  return (\n    <TouchRootContext.Provider value={true}>\n      <Touch\n        {...restProps}\n        onStart={onTouchStart}\n        onMove={onTouchMove}\n        onEnd={onTouchEnd}\n        vkuiClass={classNames(\n          \"PullToRefresh\",\n          platform === IOS && \"PullToRefresh--ios\",\n          watching && \"PullToRefresh--watching\",\n          refreshing && \"PullToRefresh--refreshing\"\n        )}\n      >\n        <FixedLayout vkuiClass=\"PullToRefresh__controls\">\n          <PullToRefreshSpinner\n            style={{\n              transform: spinnerTransform,\n              WebkitTransform: spinnerTransform,\n              opacity: watching || refreshing || canRefresh ? 1 : 0,\n            }}\n            on={refreshing}\n            progress={refreshing ? undefined : spinnerProgress}\n          />\n        </FixedLayout>\n\n        <div\n          vkuiClass=\"PullToRefresh__content\"\n          style={{\n            transform: contentTransform,\n            WebkitTransform: contentTransform,\n          }}\n        >\n          {children}\n        </div>\n      </Touch>\n    </TouchRootContext.Provider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PullToRefresh.js","names":["React","useDOM","classNames","Platform","runTapticImpactOccurred","useIsomorphicLayoutEffect","usePlatform","useGlobalEventListener","useScroll","Touch","FixedLayout","PullToRefreshSpinner","TouchRootContext","usePrevious","useTimeout","cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","TOUCH_MOVE_EVENT_PARAMS","passive","PullToRefresh","children","isFetching","onRefresh","restProps","platform","scroll","document","prevIsFetching","initParams","useMemo","start","IOS","max","maxY","refreshing","positionMultiplier","useState","spinnerY","setSpinnerY","watching","setWatching","setRefreshing","canRefresh","setCanRefresh","touchDown","setTouchDown","prevTouchDown","touchY","useRef","contentShift","setContentShift","spinnerProgress","setSpinnerProgress","onWindowTouchMove","resetRefreshingState","useCallback","onRefreshingFinish","setWaitFetchingTimeout","set","clearWaitFetchingTimeout","clear","undefined","runRefreshing","prevSpinnerY","onTouchStart","e","onTouchMove","isY","shiftY","pageYOffset","getScroll","y","shift","Math","current","currentY","min","progress","abs","onTouchEnd","spinnerTransform","contentTransform","transform","WebkitTransform","opacity"],"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AnyFunction, HasPlatform } from \"../../types\";\nimport { DOMProps, useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { runTapticImpactOccurred } from \"../../lib/taptic\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { ScrollContextInterface, useScroll } from \"../AppRoot/ScrollContext\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { PullToRefreshSpinner } from \"./PullToRefreshSpinner\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\n\nfunction cancelEvent(event: any) {\n  if (!event) {\n    return false;\n  }\n  while (event.originalEvent) {\n    event = event.originalEvent;\n  }\n  if (event.preventDefault && event.cancelable) {\n    event.preventDefault();\n  }\n  if (event.stopPropagation) {\n    event.stopPropagation();\n  }\n  return false;\n}\n\nexport interface PullToRefreshProps extends DOMProps, TouchProps, HasPlatform {\n  /**\n   * Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным коллбэком)\n   */\n  onRefresh: AnyFunction;\n  /**\n   * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`\n   */\n  isFetching?: boolean;\n  /** @ignore */\n  scroll?: ScrollContextInterface;\n  children?: React.ReactNode;\n}\n\nconst TOUCH_MOVE_EVENT_PARAMS = {\n  cancelable: true,\n  passive: false,\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PullToRefresh\n */\nexport const PullToRefresh = ({\n  children,\n  isFetching,\n  onRefresh,\n  ...restProps\n}: PullToRefreshProps) => {\n  const platform = usePlatform();\n  const scroll = useScroll();\n  const { document } = useDOM();\n  const prevIsFetching = usePrevious(isFetching);\n\n  const initParams = React.useMemo(\n    () => ({\n      start: platform === Platform.IOS ? -10 : -45,\n      max: platform === Platform.IOS ? 50 : 80,\n      maxY: platform === Platform.IOS ? 400 : 80,\n      refreshing: platform === Platform.IOS ? 36 : 50,\n      positionMultiplier: platform === Platform.IOS ? 0.21 : 1,\n    }),\n    [platform]\n  );\n\n  const [spinnerY, setSpinnerY] = React.useState(initParams.start);\n  const [watching, setWatching] = React.useState(false);\n  const [refreshing, setRefreshing] = React.useState(false);\n  const [canRefresh, setCanRefresh] = React.useState(false);\n  const [touchDown, setTouchDown] = React.useState(false);\n  const prevTouchDown = usePrevious(touchDown);\n\n  const touchY = React.useRef(0);\n  const [contentShift, setContentShift] = React.useState(0);\n  const [spinnerProgress, setSpinnerProgress] = React.useState(0);\n\n  const onWindowTouchMove = (event: Event) => {\n    if (refreshing) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  useGlobalEventListener(\n    document,\n    \"touchmove\",\n    onWindowTouchMove,\n    TOUCH_MOVE_EVENT_PARAMS\n  );\n\n  const resetRefreshingState = React.useCallback(() => {\n    setWatching(false);\n    setCanRefresh(false);\n    setRefreshing(false);\n    setSpinnerY(initParams.start);\n    setSpinnerProgress(0);\n    setContentShift(0);\n  }, [initParams]);\n\n  const onRefreshingFinish = React.useCallback(() => {\n    if (!touchDown) {\n      resetRefreshingState();\n    }\n  }, [touchDown, resetRefreshingState]);\n\n  const { set: setWaitFetchingTimeout, clear: clearWaitFetchingTimeout } =\n    useTimeout(onRefreshingFinish, 1000);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {\n      onRefreshingFinish();\n    }\n  }, [prevIsFetching, isFetching, onRefreshingFinish]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && !prevIsFetching && isFetching) {\n      clearWaitFetchingTimeout();\n    }\n  }, [isFetching, prevIsFetching, clearWaitFetchingTimeout]);\n\n  const runRefreshing = React.useCallback(() => {\n    if (!refreshing && onRefresh) {\n      // cleanup if the consumer does not start fetching in 1s\n      setWaitFetchingTimeout();\n\n      setRefreshing(true);\n      setSpinnerY((prevSpinnerY) =>\n        platform === Platform.IOS ? prevSpinnerY : initParams.refreshing\n      );\n\n      onRefresh();\n      runTapticImpactOccurred(\"light\");\n    }\n  }, [\n    refreshing,\n    onRefresh,\n    setWaitFetchingTimeout,\n    platform,\n    initParams.refreshing,\n  ]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevTouchDown !== undefined && prevTouchDown && !touchDown) {\n      if (!refreshing && canRefresh) {\n        runRefreshing();\n      } else if (refreshing && !isFetching) {\n        // only iOS can start refresh before gesture end\n        resetRefreshingState();\n      } else {\n        // refreshing && isFetching: refresh in progress\n        // OR !refreshing && !canRefresh: pull was not strong enough\n        setSpinnerY(refreshing ? initParams.refreshing : initParams.start);\n        setSpinnerProgress(0);\n        setContentShift(0);\n      }\n    }\n  }, [\n    initParams,\n    prevIsFetching,\n    isFetching,\n    onRefreshingFinish,\n    prevTouchDown,\n    touchDown,\n    refreshing,\n    canRefresh,\n    runRefreshing,\n  ]);\n\n  const onTouchStart = (e: TouchEvent) => {\n    if (refreshing) {\n      cancelEvent(e);\n    }\n    setTouchDown(true);\n  };\n\n  const onTouchMove = (e: TouchEvent) => {\n    const { isY, shiftY } = e;\n    const { start, max } = initParams;\n    const pageYOffset = scroll?.getScroll().y;\n\n    if (watching && touchDown) {\n      cancelEvent(e);\n\n      const { positionMultiplier, maxY } = initParams;\n\n      const shift = Math.max(0, shiftY - touchY.current);\n\n      const currentY = Math.max(\n        start,\n        Math.min(maxY, start + shift * positionMultiplier)\n      );\n      const progress =\n        currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;\n\n      setSpinnerY(currentY);\n      setSpinnerProgress(Math.min(80, Math.max(0, progress)));\n      setCanRefresh(progress > 80);\n      setContentShift((currentY + 10) * 2.3);\n\n      if (progress > 85 && !refreshing && platform === Platform.IOS) {\n        runRefreshing();\n      }\n    } else if (\n      isY &&\n      pageYOffset === 0 &&\n      shiftY > 0 &&\n      !refreshing &&\n      touchDown\n    ) {\n      cancelEvent(e);\n\n      touchY.current = shiftY;\n      setWatching(true);\n      setSpinnerY(start);\n      setSpinnerProgress(0);\n    }\n  };\n\n  const onTouchEnd = () => {\n    setWatching(false);\n    setTouchDown(false);\n  };\n\n  const spinnerTransform = `translate3d(0, ${spinnerY}px, 0)`;\n  let contentTransform = \"\";\n\n  if (platform === Platform.IOS && refreshing && !touchDown) {\n    contentTransform = \"translate3d(0, 100px, 0)\";\n  } else if (platform === Platform.IOS && (contentShift || refreshing)) {\n    contentTransform = `translate3d(0, ${contentShift}px, 0)`;\n  }\n\n  return (\n    <TouchRootContext.Provider value={true}>\n      <Touch\n        {...restProps}\n        onStart={onTouchStart}\n        onMove={onTouchMove}\n        onEnd={onTouchEnd}\n        vkuiClass={classNames(\n          \"PullToRefresh\",\n          platform === Platform.IOS && \"PullToRefresh--ios\",\n          watching && \"PullToRefresh--watching\",\n          refreshing && \"PullToRefresh--refreshing\"\n        )}\n      >\n        <FixedLayout vkuiClass=\"PullToRefresh__controls\">\n          <PullToRefreshSpinner\n            style={{\n              transform: spinnerTransform,\n              WebkitTransform: spinnerTransform,\n              opacity: watching || refreshing || canRefresh ? 1 : 0,\n            }}\n            on={refreshing}\n            progress={refreshing ? undefined : spinnerProgress}\n          />\n        </FixedLayout>\n\n        <div\n          vkuiClass=\"PullToRefresh__content\"\n          style={{\n            transform: contentTransform,\n            WebkitTransform: contentTransform,\n          }}\n        >\n          {children}\n        </div>\n      </Touch>\n    </TouchRootContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/dist/cssm/components/Radio/Radio.css

@@ -1 +1 @@
-.vkuiRadio{display:block;padding:0 16px;padding:0 var(--vkui--size_base_padding_horizontal--regular,16px)}.vkuiFormItem .vkuiRadio{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px));width:100%}.vkuiRadio__container{align-items:center;display:flex;justify-content:flex-start}.vkuiRadio__input:disabled~.vkuiRadio__container{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility,.64)}.vkuiRadio__icon{color:#b8c1cc;color:var(--icon_tertiary,var(--vkui--color_icon_tertiary));flex-shrink:0;height:22px;margin-right:14px;transition:color .15s cubic-bezier(.36,.66,.04,1);transition:color .15s var(--ios-easing);width:22px}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon{color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent))}.vkuiRadio__icon .vkuiRadio__pin{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:12px 12px;transform-origin:12px 12px;transition:-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s cubic-bezier(.36,.66,.04,1),-webkit-transform .15s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing);transition:transform .15s var(--ios-easing),-webkit-transform .15s var(--ios-easing)}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon .vkuiRadio__pin{-webkit-transform:none;transform:none}.vkuiRadio__content{color:#000;color:var(--text_primary,var(--vkui--color_text_primary));display:block;flex-grow:1;max-width:100%}.vkuiRadio__description{color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:block;margin-bottom:12px;margin-top:2px}.vkuiRadio__children{margin-top:12px}.vkuiRadio__children:last-child{margin-bottom:12px}.vkuiRadio--sizeY-compact .vkuiRadio__children{margin-top:8px}.vkuiRadio--sizeY-compact .vkuiRadio__children:last-child{margin-bottom:8px}.vkuiRadio--sizeY-compact .vkuiRadio__description{margin-bottom:7px}.vkuiRadio--sizeY-compact .vkuiRadio__icon{height:18px;width:18px}.vkuiRadio--sizeY-compact .vkuiRadio__icon:after{height:12px;width:12px}.vkuiRadioGroup .vkuiRadio{box-sizing:border-box;flex:1;margin:0}
+.vkuiRadio{display:block;padding:0 var(--vkui--size_base_padding_horizontal--regular)}.vkuiFormItem .vkuiRadio{box-sizing:initial;margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular));width:100%}.vkuiRadio__container{align-items:center;display:flex;justify-content:flex-start}.vkuiRadio__input:disabled~.vkuiRadio__container{opacity:var(--vkui--opacity_disable_accessibility)}.vkuiRadio__icon{color:var(--vkui--color_icon_tertiary);flex-shrink:0;height:22px;margin-right:14px;transition:color .15s cubic-bezier(.36,.66,.04,1);transition:color .15s var(--ios-easing);width:22px}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon{color:var(--vkui--color_icon_accent)}.vkuiRadio__icon .vkuiRadio__pin{transform:scale(0);transform-origin:12px 12px;transition:transform .15s cubic-bezier(.36,.66,.04,1);transition:transform .15s var(--ios-easing)}.vkuiRadio__input:checked~.vkuiRadio__container .vkuiRadio__icon .vkuiRadio__pin{transform:none}.vkuiRadio__content{color:var(--vkui--color_text_primary);display:block;flex-grow:1;max-width:100%}.vkuiRadio__description{color:var(--vkui--color_text_secondary);display:block;margin-bottom:12px;margin-top:2px}.vkuiRadio__children{margin-top:12px}.vkuiRadio__children:last-child{margin-bottom:12px}.vkuiRadio--sizeY-compact .vkuiRadio__children{margin-top:8px}.vkuiRadio--sizeY-compact .vkuiRadio__children:last-child{margin-bottom:8px}.vkuiRadio--sizeY-compact .vkuiRadio__description{margin-bottom:7px}.vkuiRadio--sizeY-compact .vkuiRadio__icon{height:18px;width:18px}.vkuiRadio--sizeY-compact .vkuiRadio__icon:after{height:12px;width:12px}@media (max-height:414px),(pointer:fine) and (min-width:768px){.vkuiRadio--sizeY-none .vkuiRadio__children{margin-top:8px}.vkuiRadio--sizeY-none .vkuiRadio__children:last-child{margin-bottom:8px}.vkuiRadio--sizeY-none .vkuiRadio__description{margin-bottom:7px}.vkuiRadio--sizeY-none .vkuiRadio__icon{height:18px;width:18px}.vkuiRadio--sizeY-none .vkuiRadio__icon:after{height:12px;width:12px}}.vkuiRadioGroup .vkuiRadio{box-sizing:border-box;flex:1;margin:0}

package/dist/cssm/components/Radio/Radio.d.ts

@@ -1,11 +1,10 @@
 import * as React from "react";
 import { HasRef, HasRootRef } from "../../types";
-import { AdaptivityProps } from "../../hoc/withAdaptivity";
 import "./Radio.css";
-export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement>, HasRootRef<HTMLLabelElement>, AdaptivityProps {
+export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement>, HasRootRef<HTMLLabelElement> {
     description?: React.ReactNode;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Radio
  */
-export declare const Radio: React.FC<Pick<RadioProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "getRootRef" | "getRef" | "description"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const Radio: ({ children, description, style, className, getRootRef, ...restProps }: RadioProps) => JSX.Element;

package/dist/cssm/components/Radio/Radio.js

@@ -1,17 +1,16 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["children", "description", "style", "className", "getRootRef", "sizeY"];
+var _excluded = ["children", "description", "style", "className", "getRootRef"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { ACTIVE_EFFECT_DELAY, Tappable } from "../Tappable/Tappable";
 import { classNames } from "../../lib/classNames";
-import { IOS, VKCOM } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { usePlatform } from "../../hooks/usePlatform";
-import { withAdaptivity, SizeType } from "../../hoc/withAdaptivity";
 import { hasReactNode } from "../../lib/utils";
 import { VisuallyHiddenInput } from "../VisuallyHiddenInput/VisuallyHiddenInput";
-import { Caption } from "../Typography/Caption/Caption";
-import { Headline } from "../Typography/Headline/Headline";
-import { Text } from "../Typography/Text/Text";
+import { Footnote } from "../Typography/Footnote/Footnote";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
 import "./Radio.css";
 
 var RadioIcon = function RadioIcon(props) {
@@ -35,23 +34,28 @@ var RadioIcon = function RadioIcon(props) {
   }));
 };
 
-var RadioComponent = function RadioComponent(_ref) {
+/**
+ * @see https://vkcom.github.io/VKUI/#/Radio
+ */
+export var Radio = function Radio(_ref) {
   var children = _ref.children,
       description = _ref.description,
       style = _ref.style,
       className = _ref.className,
       getRootRef = _ref.getRootRef,
-      sizeY = _ref.sizeY,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
-  var RadioTypography = platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;
+
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
+
   return createScopedElement(Tappable, {
     Component: "label",
     style: style,
     className: className,
-    vkuiClass: classNames("Radio", "Radio--sizeY-".concat(sizeY)),
-    activeEffectDelay: platform === IOS ? 100 : ACTIVE_EFFECT_DELAY,
+    vkuiClass: classNames("Radio", getSizeYClassName("Radio", sizeY)),
+    activeEffectDelay: platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY,
     disabled: restProps.disabled,
     getRootRef: getRootRef
   }, createScopedElement(VisuallyHiddenInput, _extends({}, restProps, {
@@ -61,22 +65,12 @@ var RadioComponent = function RadioComponent(_ref) {
     vkuiClass: "Radio__container"
   }, createScopedElement(RadioIcon, {
     vkuiClass: "Radio__icon"
-  }), createScopedElement(RadioTypography, {
-    vkuiClass: "Radio__content",
-    Component: "div"
+  }), createScopedElement("div", {
+    vkuiClass: "Radio__content"
   }, createScopedElement("div", {
     vkuiClass: "Radio__children"
-  }, children), hasReactNode(description) && createScopedElement(Caption, {
+  }, children), hasReactNode(description) && createScopedElement(Footnote, {
     vkuiClass: "Radio__description"
   }, description))));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/Radio
- */
-
-
-export var Radio = withAdaptivity(RadioComponent, {
-  sizeY: true
-});
-Radio.displayName = "Radio";
 //# sourceMappingURL=Radio.js.map

package/dist/cssm/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["ACTIVE_EFFECT_DELAY","Tappable","classNames","IOS","VKCOM","usePlatform","withAdaptivity","SizeType","hasReactNode","VisuallyHiddenInput","Caption","Headline","Text","RadioIcon","props","RadioComponent","children","description","style","className","getRootRef","sizeY","restProps","platform","RadioTypography","COMPACT","disabled","Radio","displayName"],"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Text } from \"../Typography/Text/Text\";\nimport \"./Radio.css\";\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden\n      {...props}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"11\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        fill=\"none\"\n      />\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"7.5\"\n        vkuiClass=\"Radio__pin\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport interface RadioProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    AdaptivityProps {\n  description?: React.ReactNode;\n}\n\nconst RadioComponent = ({\n  children,\n  description,\n  style,\n  className,\n  getRootRef,\n  sizeY,\n  ...restProps\n}: RadioProps) => {\n  const platform = usePlatform();\n\n  const RadioTypography =\n    platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n  return (\n    <Tappable\n      Component=\"label\"\n      style={style}\n      className={className}\n      vkuiClass={classNames(\"Radio\", `Radio--sizeY-${sizeY}`)}\n      activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      disabled={restProps.disabled}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"Radio__input\"\n        type=\"radio\"\n      />\n      <div vkuiClass=\"Radio__container\">\n        <RadioIcon vkuiClass=\"Radio__icon\" />\n        <RadioTypography vkuiClass=\"Radio__content\" Component=\"div\">\n          <div vkuiClass=\"Radio__children\">{children}</div>\n          {hasReactNode(description) && (\n            <Caption vkuiClass=\"Radio__description\">{description}</Caption>\n          )}\n        </RadioTypography>\n      </div>\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = withAdaptivity(RadioComponent, {\n  sizeY: true,\n});\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;AACA,SAASA,mBAAT,EAA8BC,QAA9B;AACA,SAASC,UAAT;AACA,SAASC,GAAT,EAAcC,KAAd;AAEA,SAASC,WAAT;AACA,SACEC,cADF,EAGEC,QAHF;AAKA,SAASC,YAAT;AACA,SAASC,mBAAT;AACA,SAASC,OAAT;AACA,SAASC,QAAT;AACA,SAASC,IAAT;AACA;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA0C;EAC1D,OACE;IACE,KAAK,EAAC,4BADR;IAEE,OAAO,EAAC,WAFV;IAGE;EAHF,GAIMA,KAJN,GAME;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,IAHJ;IAIE,MAAM,EAAC,cAJT;IAKE,WAAW,EAAC,GALd;IAME,IAAI,EAAC;EANP,EANF,EAcE;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,KAHJ;IAIE,SAAS,EAAC,YAJZ;IAKE,IAAI,EAAC;EALP,EAdF,CADF;AAwBD,CAzBD;;AAmCA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAQL;EAAA,IAPhBC,QAOgB,QAPhBA,QAOgB;EAAA,IANhBC,WAMgB,QANhBA,WAMgB;EAAA,IALhBC,KAKgB,QALhBA,KAKgB;EAAA,IAJhBC,SAIgB,QAJhBA,SAIgB;EAAA,IAHhBC,UAGgB,QAHhBA,UAGgB;EAAA,IAFhBC,KAEgB,QAFhBA,KAEgB;EAAA,IADbC,SACa;;EAChB,IAAMC,QAAQ,GAAGlB,WAAW,EAA5B;EAEA,IAAMmB,eAAe,GACnBD,QAAQ,KAAKnB,KAAb,IAAsBiB,KAAK,KAAKd,QAAQ,CAACkB,OAAzC,GAAmDb,IAAnD,GAA0DD,QAD5D;EAGA,OACE,oBAAC,QAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEO,KAFT;IAGE,SAAS,EAAEC,SAHb;IAIE,SAAS,EAAEjB,UAAU,CAAC,OAAD,yBAA0BmB,KAA1B,EAJvB;IAKE,iBAAiB,EAAEE,QAAQ,KAAKpB,GAAb,GAAmB,GAAnB,GAAyBH,mBAL9C;IAME,QAAQ,EAAEsB,SAAS,CAACI,QANtB;IAOE,UAAU,EAAEN;EAPd,GASE,oBAAC,mBAAD,eACME,SADN;IAEE,SAAS,EAAC,cAFZ;IAGE,IAAI,EAAC;EAHP,GATF,EAcE;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,SAAD;IAAW,SAAS,EAAC;EAArB,EADF,EAEE,oBAAC,eAAD;IAAiB,SAAS,EAAC,gBAA3B;IAA4C,SAAS,EAAC;EAAtD,GACE;IAAK,SAAS,EAAC;EAAf,GAAkCN,QAAlC,CADF,EAEGR,YAAY,CAACS,WAAD,CAAZ,IACC,oBAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,GAAyCA,WAAzC,CAHJ,CAFF,CAdF,CADF;AA0BD,CAxCD;AA0CA;AACA;AACA;;;AACA,OAAO,IAAMU,KAAK,GAAGrB,cAAc,CAACS,cAAD,EAAiB;EAClDM,KAAK,EAAE;AAD2C,CAAjB,CAA5B;AAIPM,KAAK,CAACC,WAAN,GAAoB,OAApB"}
+{"version":3,"file":"Radio.js","names":["ACTIVE_EFFECT_DELAY","Tappable","classNames","Platform","usePlatform","hasReactNode","VisuallyHiddenInput","Footnote","getSizeYClassName","useAdaptivity","RadioIcon","props","Radio","children","description","style","className","getRootRef","restProps","platform","sizeY","IOS","disabled"],"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Radio.css\";\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden\n      {...props}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"11\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        fill=\"none\"\n      />\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"7.5\"\n        vkuiClass=\"Radio__pin\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport interface RadioProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement> {\n  description?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = ({\n  children,\n  description,\n  style,\n  className,\n  getRootRef,\n  ...restProps\n}: RadioProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      Component=\"label\"\n      style={style}\n      className={className}\n      vkuiClass={classNames(\"Radio\", getSizeYClassName(\"Radio\", sizeY))}\n      activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      disabled={restProps.disabled}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"Radio__input\"\n        type=\"radio\"\n      />\n      <div vkuiClass=\"Radio__container\">\n        <RadioIcon vkuiClass=\"Radio__icon\" />\n        <div vkuiClass=\"Radio__content\">\n          <div vkuiClass=\"Radio__children\">{children}</div>\n          {hasReactNode(description) && (\n            <Footnote vkuiClass=\"Radio__description\">{description}</Footnote>\n          )}\n        </div>\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,mBAAT,EAA8BC,QAA9B;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AAEA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,mBAAT;AACA,SAASC,QAAT;AACA,SAASC,iBAAT;AACA,SAASC,aAAT;AACA;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA0C;EAC1D,OACE;IACE,KAAK,EAAC,4BADR;IAEE,OAAO,EAAC,WAFV;IAGE;EAHF,GAIMA,KAJN,GAME;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,IAHJ;IAIE,MAAM,EAAC,cAJT;IAKE,WAAW,EAAC,GALd;IAME,IAAI,EAAC;EANP,EANF,EAcE;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,KAHJ;IAIE,SAAS,EAAC,YAJZ;IAKE,IAAI,EAAC;EALP,EAdF,CADF;AAwBD,CAzBD;;AAkCA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAOH;EAAA,IANhBC,QAMgB,QANhBA,QAMgB;EAAA,IALhBC,WAKgB,QALhBA,WAKgB;EAAA,IAJhBC,KAIgB,QAJhBA,KAIgB;EAAA,IAHhBC,SAGgB,QAHhBA,SAGgB;EAAA,IAFhBC,UAEgB,QAFhBA,UAEgB;EAAA,IADbC,SACa;;EAChB,IAAMC,QAAQ,GAAGf,WAAW,EAA5B;;EACA,qBAAkBK,aAAa,EAA/B;EAAA,IAAQW,KAAR,kBAAQA,KAAR;;EAEA,OACE,oBAAC,QAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEL,KAFT;IAGE,SAAS,EAAEC,SAHb;IAIE,SAAS,EAAEd,UAAU,CAAC,OAAD,EAAUM,iBAAiB,CAAC,OAAD,EAAUY,KAAV,CAA3B,CAJvB;IAKE,iBAAiB,EAAED,QAAQ,KAAKhB,QAAQ,CAACkB,GAAtB,GAA4B,GAA5B,GAAkCrB,mBALvD;IAME,QAAQ,EAAEkB,SAAS,CAACI,QANtB;IAOE,UAAU,EAAEL;EAPd,GASE,oBAAC,mBAAD,eACMC,SADN;IAEE,SAAS,EAAC,cAFZ;IAGE,IAAI,EAAC;EAHP,GATF,EAcE;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,SAAD;IAAW,SAAS,EAAC;EAArB,EADF,EAEE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GAAkCL,QAAlC,CADF,EAEGR,YAAY,CAACS,WAAD,CAAZ,IACC,oBAAC,QAAD;IAAU,SAAS,EAAC;EAApB,GAA0CA,WAA1C,CAHJ,CAFF,CAdF,CADF;AA0BD,CArCM"}

package/dist/cssm/components/RadioGroup/RadioGroup.css

@@ -1 +1 @@
-.vkuiRadioGroup--horizontal{display:flex}.vkuiFormItem .vkuiRadioGroup{box-sizing:initial;margin:0 calc(-1 * 16px);margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular,16px))}
+.vkuiRadioGroup--mode-horizontal{display:flex}.vkuiFormItem .vkuiRadioGroup{box-sizing:initial;margin:0 calc(-1 * var(--vkui--size_base_padding_horizontal--regular))}

package/dist/cssm/components/RadioGroup/RadioGroup.js

@@ -15,7 +15,7 @@ export var RadioGroup = function RadioGroup(_ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   return createScopedElement("div", _extends({
-    vkuiClass: classNames("RadioGroup", "RadioGroup--".concat(mode))
+    vkuiClass: classNames("RadioGroup", "RadioGroup--mode-".concat(mode))
   }, restProps), children);
 };
 //# sourceMappingURL=RadioGroup.js.map

package/dist/cssm/components/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["classNames","RadioGroup","mode","children","restProps"],"sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./RadioGroup.css\";\n\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n  mode = \"vertical\",\n  children,\n  ...restProps\n}: RadioGroupProps) => (\n  <div\n    vkuiClass={classNames(\"RadioGroup\", `RadioGroup--${mode}`)}\n    {...restProps}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA;;AAMA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,qBACxBC,IADwB;EAAA,IACxBA,IADwB,0BACjB,UADiB;EAAA,IAExBC,QAFwB,QAExBA,QAFwB;EAAA,IAGrBC,SAHqB;;EAAA,OAKxB;IACE,SAAS,EAAEJ,UAAU,CAAC,YAAD,wBAA8BE,IAA9B;EADvB,GAEME,SAFN,GAIGD,QAJH,CALwB;AAAA,CAAnB"}
+{"version":3,"file":"RadioGroup.js","names":["classNames","RadioGroup","mode","children","restProps"],"sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./RadioGroup.css\";\n\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n  mode = \"vertical\",\n  children,\n  ...restProps\n}: RadioGroupProps) => (\n  <div\n    vkuiClass={classNames(\"RadioGroup\", `RadioGroup--mode-${mode}`)}\n    {...restProps}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA;;AAMA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,qBACxBC,IADwB;EAAA,IACxBA,IADwB,0BACjB,UADiB;EAAA,IAExBC,QAFwB,QAExBA,QAFwB;EAAA,IAGrBC,SAHqB;;EAAA,OAKxB;IACE,SAAS,EAAEJ,UAAU,CAAC,YAAD,6BAAmCE,IAAnC;EADvB,GAEME,SAFN,GAIGD,QAJH,CALwB;AAAA,CAAnB"}

package/dist/cssm/components/RangeSlider/UniversalSlider.d.ts

@@ -1,10 +1,9 @@
 import * as React from "react";
 import { TouchEvent } from "../Touch/Touch";
 import { HasRootRef } from "../../types";
-import { AdaptivityProps } from "../../hoc/withAdaptivity";
 import "../Slider/Slider.css";
 export declare type UniversalValue = [number | null, number];
-export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>, Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "defaultValue" | "onChange">, AdaptivityProps {
+export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>, Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "defaultValue" | "onChange"> {
     min?: number;
     max?: number;
     step?: number;
@@ -13,4 +12,4 @@ export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>,
     disabled?: boolean;
     onChange?(value: Value, e: TouchEvent): void;
 }
-export declare const UniversalSlider: React.FC<Pick<UniversalSliderProps<UniversalValue>, "max" | "disabled" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "min" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "step" | "getRootRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const UniversalSlider: ({ min, max, step, value, defaultValue, onChange, getRootRef, disabled, ...restProps }: UniversalSliderProps<UniversalValue>) => JSX.Element;

package/dist/cssm/components/RangeSlider/UniversalSlider.js

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["min", "max", "step", "value", "defaultValue", "onChange", "getRootRef", "sizeY", "disabled"];
+var _excluded = ["min", "max", "step", "value", "defaultValue", "onChange", "getRootRef", "disabled"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { Touch } from "../Touch/Touch";
 import { classNames } from "../../lib/classNames";
 import { rescale } from "../../helpers/math";
-import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { useExternRef } from "../../hooks/useExternRef";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 import "../Slider/Slider.css";
-
-var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
+export var UniversalSlider = function UniversalSlider(_ref) {
   var _ref$min = _ref.min,
       min = _ref$min === void 0 ? 0 : _ref$min,
       _ref$max = _ref.max,
@@ -22,7 +22,6 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
       defaultValue = _ref.defaultValue,
       onChange = _ref.onChange,
       getRootRef = _ref.getRootRef,
-      sizeY = _ref.sizeY,
       disabled = _ref.disabled,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -40,6 +39,9 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
   var thumbStart = React.useRef(null);
   var thumbEnd = React.useRef(null);
 
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
+
   var offsetToValue = function offsetToValue(absolute) {
     return rescale(absolute, [0, gesture.containerWidth], [min, max], {
       step: step
@@ -129,7 +131,7 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
     onMove: onMove,
     onEnd: onEnd
   }, {
-    vkuiClass: classNames("Slider", "Slider--sizeY-".concat(sizeY), disabled && "Slider--disabled")
+    vkuiClass: classNames("Slider", getSizeYClassName("Slider", sizeY), disabled && "Slider--disabled")
   }), createScopedElement("div", {
     ref: container,
     vkuiClass: "Slider__in"
@@ -144,9 +146,4 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
     ref: thumbEnd
   }))));
 };
-
-export var UniversalSlider = withAdaptivity(UniversalSliderDumb, {
-  sizeY: true
-});
-UniversalSlider.displayName = "UniversalSlider";
 //# sourceMappingURL=UniversalSlider.js.map

package/dist/cssm/components/RangeSlider/UniversalSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"UniversalSlider.js","names":["React","Touch","classNames","rescale","withAdaptivity","useExternRef","UniversalSliderDumb","min","max","step","value","defaultValue","onChange","getRootRef","sizeY","disabled","restProps","start","end","isRange","gesture","useRef","dragging","startX","containerWidth","current","container","thumbStart","thumbEnd","offsetToValue","absolute","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","UniversalSlider","displayName"],"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"../Slider/Slider.css\";\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n  extends HasRootRef<HTMLDivElement>,\n    Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"value\" | \"defaultValue\" | \"onChange\"\n    >,\n    AdaptivityProps {\n  min?: number;\n  max?: number;\n  step?: number;\n  value?: Value;\n  defaultValue?: Value;\n  disabled?: boolean;\n  onChange?(value: Value, e: TouchEvent): void;\n}\n\nconst UniversalSliderDumb = ({\n  min = 0,\n  max = 100,\n  step,\n  value = [0, 0],\n  defaultValue,\n  onChange,\n  getRootRef,\n  sizeY,\n  disabled,\n  ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n  const [start, end] = value;\n  const isRange = start != null;\n  const gesture = React.useRef({\n    dragging: false as false | \"start\" | \"end\",\n    startX: 0,\n    containerWidth: 0,\n  }).current;\n  const container = useExternRef(getRootRef);\n  const thumbStart = React.useRef<HTMLDivElement>(null);\n  const thumbEnd = React.useRef<HTMLDivElement>(null);\n\n  const offsetToValue = (absolute: number) => {\n    return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n  };\n\n  const updateRange = (nextValue: number): UniversalValue => {\n    if (start == null) {\n      return [null, nextValue];\n    }\n\n    const { dragging } = gesture;\n    if (dragging === \"start\") {\n      if (nextValue > end) {\n        // \"перехватиться\", если перетянули за конец\n        gesture.dragging = \"end\";\n        return [end, nextValue];\n      }\n      return [nextValue, end];\n    }\n    if (dragging === \"end\") {\n      if (nextValue < start) {\n        // \"перехватиться\", если перетянули за начало\n        gesture.dragging = \"start\";\n        return [nextValue, start];\n      }\n      return [start, nextValue];\n    }\n\n    return value;\n  };\n\n  const snapDirection = (pos: number, target: EventTarget | null) => {\n    if (target === thumbStart.current) {\n      return \"start\";\n    }\n    if (target === thumbEnd.current) {\n      return \"end\";\n    }\n    return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n      ? \"start\"\n      : \"end\";\n  };\n\n  const onStart: TouchEventHandler = (e: TouchEvent) => {\n    const boundingRect = container.current?.getBoundingClientRect();\n    gesture.containerWidth = boundingRect?.width ?? 0;\n\n    const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n    const pos = offsetToValue(absolutePosition);\n    gesture.dragging = snapDirection(pos, e.originalEvent.target);\n    gesture.startX = absolutePosition;\n\n    onChange?.(updateRange(pos), e);\n    e.originalEvent.stopPropagation();\n  };\n\n  const onMove: TouchEventHandler = (e: TouchEvent) => {\n    onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n    e.originalEvent.stopPropagation();\n    e.originalEvent.preventDefault();\n  };\n\n  const onEnd: TouchEventHandler = (e) => {\n    gesture.dragging = false;\n    e.originalEvent.stopPropagation();\n  };\n\n  const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n  const draggerStyle = isRange\n    ? {\n        width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n        left: `${toPercent(start ?? 0)}%`,\n      }\n    : {\n        width: `${toPercent(end)}%`,\n      };\n\n  return (\n    <Touch\n      data-value={isRange ? value.join(\",\") : value}\n      {...restProps}\n      {...(disabled ? {} : { onStart, onMove, onEnd })}\n      vkuiClass={classNames(\n        \"Slider\",\n        `Slider--sizeY-${sizeY}`,\n        disabled && \"Slider--disabled\"\n      )}\n    >\n      <div ref={container} vkuiClass=\"Slider__in\">\n        <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n          {isRange && (\n            <span\n              vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--start\")}\n              ref={thumbStart}\n            />\n          )}\n          <span\n            vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--end\")}\n            ref={thumbEnd}\n          />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n\nexport const UniversalSlider = withAdaptivity(UniversalSliderDumb, {\n  sizeY: true,\n});\n\nUniversalSlider.displayName = \"UniversalSlider\";\n"],"mappings":"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"}
+{"version":3,"file":"UniversalSlider.js","names":["React","Touch","classNames","rescale","useExternRef","useAdaptivity","getSizeYClassName","UniversalSlider","min","max","step","value","defaultValue","onChange","getRootRef","disabled","restProps","start","end","isRange","gesture","useRef","dragging","startX","containerWidth","current","container","thumbStart","thumbEnd","sizeY","offsetToValue","absolute","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join"],"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"../Slider/Slider.css\";\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n  extends HasRootRef<HTMLDivElement>,\n    Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"value\" | \"defaultValue\" | \"onChange\"\n    > {\n  min?: number;\n  max?: number;\n  step?: number;\n  value?: Value;\n  defaultValue?: Value;\n  disabled?: boolean;\n  onChange?(value: Value, e: TouchEvent): void;\n}\n\nexport const UniversalSlider = ({\n  min = 0,\n  max = 100,\n  step,\n  value = [0, 0],\n  defaultValue,\n  onChange,\n  getRootRef,\n  disabled,\n  ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n  const [start, end] = value;\n  const isRange = start != null;\n  const gesture = React.useRef({\n    dragging: false as false | \"start\" | \"end\",\n    startX: 0,\n    containerWidth: 0,\n  }).current;\n  const container = useExternRef(getRootRef);\n  const thumbStart = React.useRef<HTMLDivElement>(null);\n  const thumbEnd = React.useRef<HTMLDivElement>(null);\n  const { sizeY } = useAdaptivity();\n\n  const offsetToValue = (absolute: number) => {\n    return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n  };\n\n  const updateRange = (nextValue: number): UniversalValue => {\n    if (start == null) {\n      return [null, nextValue];\n    }\n\n    const { dragging } = gesture;\n    if (dragging === \"start\") {\n      if (nextValue > end) {\n        // \"перехватиться\", если перетянули за конец\n        gesture.dragging = \"end\";\n        return [end, nextValue];\n      }\n      return [nextValue, end];\n    }\n    if (dragging === \"end\") {\n      if (nextValue < start) {\n        // \"перехватиться\", если перетянули за начало\n        gesture.dragging = \"start\";\n        return [nextValue, start];\n      }\n      return [start, nextValue];\n    }\n\n    return value;\n  };\n\n  const snapDirection = (pos: number, target: EventTarget | null) => {\n    if (target === thumbStart.current) {\n      return \"start\";\n    }\n    if (target === thumbEnd.current) {\n      return \"end\";\n    }\n    return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n      ? \"start\"\n      : \"end\";\n  };\n\n  const onStart: TouchEventHandler = (e: TouchEvent) => {\n    const boundingRect = container.current?.getBoundingClientRect();\n    gesture.containerWidth = boundingRect?.width ?? 0;\n\n    const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n    const pos = offsetToValue(absolutePosition);\n    gesture.dragging = snapDirection(pos, e.originalEvent.target);\n    gesture.startX = absolutePosition;\n\n    onChange?.(updateRange(pos), e);\n    e.originalEvent.stopPropagation();\n  };\n\n  const onMove: TouchEventHandler = (e: TouchEvent) => {\n    onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n    e.originalEvent.stopPropagation();\n    e.originalEvent.preventDefault();\n  };\n\n  const onEnd: TouchEventHandler = (e) => {\n    gesture.dragging = false;\n    e.originalEvent.stopPropagation();\n  };\n\n  const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n  const draggerStyle = isRange\n    ? {\n        width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n        left: `${toPercent(start ?? 0)}%`,\n      }\n    : {\n        width: `${toPercent(end)}%`,\n      };\n\n  return (\n    <Touch\n      data-value={isRange ? value.join(\",\") : value}\n      {...restProps}\n      {...(disabled ? {} : { onStart, onMove, onEnd })}\n      vkuiClass={classNames(\n        \"Slider\",\n        getSizeYClassName(\"Slider\", sizeY),\n        disabled && \"Slider--disabled\"\n      )}\n    >\n      <div ref={container} vkuiClass=\"Slider__in\">\n        <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n          {isRange && (\n            <span\n              vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--start\")}\n              ref={thumbStart}\n            />\n          )}\n          <span\n            vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--end\")}\n            ref={thumbEnd}\n          />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n"],"mappings":"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"}