@vkontakte/vkui 5.2.4 → 5.3.0

package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js

@@ -1,62 +1,56 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "PullToRefreshSpinner", {
+    enumerable: true,
+    get: function() {
+        return PullToRefreshSpinner;
+    }
 });
-exports.PullToRefreshSpinner = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 function calcStrokeDashOffset(value, radius) {
-  var progress = value / 100;
-  return 2 * Math.PI * radius * (1 - progress);
+    var progress = value / 100;
+    return 2 * Math.PI * radius * (1 - progress);
 }
-var PullToRefreshSpinner = function PullToRefreshSpinner(_ref) {
-  var _ref$on = _ref.on,
-    on = _ref$on === void 0 ? true : _ref$on,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 24 : _ref$size,
-    _ref$strokeWidth = _ref.strokeWidth,
-    strokeWidth = _ref$strokeWidth === void 0 ? 2.5 : _ref$strokeWidth,
-    style = _ref.style,
-    _ref$progress = _ref.progress,
-    progress = _ref$progress === void 0 ? 0 : _ref$progress,
-    _ref$ariaLabel = _ref['aria-label'],
-    ariaLabel = _ref$ariaLabel === void 0 ? 'Пожалуйста, подождите...' : _ref$ariaLabel;
-  var radius = 0.5 * size - 0.5 * strokeWidth;
-  var dasharray = 2 * Math.PI * radius;
-  var circleCenter = 0.5 * size;
-  var dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _vkjs.classNames)("vkuiPullToRefresh__spinner", on && "vkuiPullToRefresh__spinner--on"),
-    style: style,
-    "aria-label": on ? ariaLabel : undefined
-  }, /*#__PURE__*/React.createElement("svg", {
-    role: "presentation",
-    className: "vkuiPullToRefresh__spinner-self",
-    style: {
-      width: size,
-      height: size
-    },
-    viewBox: "0 0 ".concat(size, " ").concat(size),
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("g", {
-    style: {
-      width: size,
-      height: size,
-      transformOrigin: "".concat(circleCenter, "px ").concat(circleCenter, "px")
-    }
-  }, /*#__PURE__*/React.createElement("circle", {
-    className: "vkuiPullToRefresh__spinner-path",
-    fill: "none",
-    strokeDasharray: dasharray,
-    strokeDashoffset: dashoffset,
-    strokeWidth: strokeWidth,
-    strokeLinecap: "round",
-    cx: circleCenter,
-    cy: circleCenter,
-    r: radius
-  }))));
+var PullToRefreshSpinner = function(param) {
+    var _param_on = param.on, on = _param_on === void 0 ? true : _param_on, _param_size = param.size, size = _param_size === void 0 ? 24 : _param_size, _param_strokeWidth = param.strokeWidth, strokeWidth = _param_strokeWidth === void 0 ? 2.5 : _param_strokeWidth, style = param.style, _param_progress = param.progress, progress = _param_progress === void 0 ? 0 : _param_progress, tmp = param["aria-label"], ariaLabel = tmp === void 0 ? "Пожалуйста, подождите..." : tmp;
+    var radius = 0.5 * size - 0.5 * strokeWidth;
+    var dasharray = 2 * Math.PI * radius;
+    var circleCenter = 0.5 * size;
+    var dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: (0, _vkjs.classNames)("vkuiPullToRefresh__spinner", on && "vkuiPullToRefresh__spinner--on"),
+        style: style,
+        "aria-label": on ? ariaLabel : undefined
+    }, /*#__PURE__*/ _react.createElement("svg", {
+        role: "presentation",
+        className: "vkuiPullToRefresh__spinner-self",
+        style: {
+            width: size,
+            height: size
+        },
+        viewBox: "0 0 ".concat(size, " ").concat(size),
+        xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/ _react.createElement("g", {
+        style: {
+            width: size,
+            height: size,
+            transformOrigin: "".concat(circleCenter, "px ").concat(circleCenter, "px")
+        }
+    }, /*#__PURE__*/ _react.createElement("circle", {
+        className: "vkuiPullToRefresh__spinner-path",
+        fill: "none",
+        strokeDasharray: dasharray,
+        strokeDashoffset: dashoffset,
+        strokeWidth: strokeWidth,
+        strokeLinecap: "round",
+        cx: circleCenter,
+        cy: circleCenter,
+        r: radius
+    }))));
 };
-exports.PullToRefreshSpinner = PullToRefreshSpinner;
+
 //# sourceMappingURL=PullToRefreshSpinner.js.map

package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"PullToRefreshSpinner.js","names":["calcStrokeDashOffset","value","radius","progress","Math","PI","PullToRefreshSpinner","on","size","strokeWidth","style","ariaLabel","dasharray","circleCenter","dashoffset","classNames","undefined","width","height","transformOrigin"],"sources":["../../../../src/components/PullToRefresh/PullToRefreshSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './PullToRefresh.module.css';\n\nfunction calcStrokeDashOffset(value: number, radius: number) {\n  const progress = value / 100;\n  return 2 * Math.PI * radius * (1 - progress);\n}\n\nexport interface PullToRefreshSpinnerProps extends React.HTMLAttributes<HTMLDivElement> {\n  'size'?: number;\n  'strokeWidth'?: number;\n  'on'?: boolean;\n  'progress'?: number;\n  'aria-label'?: string;\n}\n\nexport const PullToRefreshSpinner = ({\n  on = true,\n  size = 24,\n  strokeWidth = 2.5,\n  style,\n  progress = 0,\n  'aria-label': ariaLabel = 'Пожалуйста, подождите...',\n}: PullToRefreshSpinnerProps) => {\n  const radius = 0.5 * size - 0.5 * strokeWidth;\n  const dasharray = 2 * Math.PI * radius;\n  const circleCenter = 0.5 * size;\n\n  const dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);\n\n  return (\n    <div\n      className={classNames(\n        styles['PullToRefresh__spinner'],\n        on && styles['PullToRefresh__spinner--on'],\n      )}\n      style={style}\n      aria-label={on ? ariaLabel : undefined}\n    >\n      <svg\n        role=\"presentation\"\n        className={styles['PullToRefresh__spinner-self']}\n        style={{\n          width: size,\n          height: size,\n        }}\n        viewBox={`0 0 ${size} ${size}`}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g\n          style={{\n            width: size,\n            height: size,\n            transformOrigin: `${circleCenter}px ${circleCenter}px`,\n          }}\n        >\n          <circle\n            className={styles['PullToRefresh__spinner-path']}\n            fill=\"none\"\n            strokeDasharray={dasharray}\n            strokeDashoffset={dashoffset}\n            strokeWidth={strokeWidth}\n            strokeLinecap=\"round\"\n            cx={circleCenter}\n            cy={circleCenter}\n            r={radius}\n          />\n        </g>\n      </svg>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAGA,SAASA,oBAAoB,CAACC,KAAa,EAAEC,MAAc,EAAE;EAC3D,IAAMC,QAAQ,GAAGF,KAAK,GAAG,GAAG;EAC5B,OAAO,CAAC,GAAGG,IAAI,CAACC,EAAE,GAAGH,MAAM,IAAI,CAAC,GAAGC,QAAQ,CAAC;AAC9C;AAUO,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAoB,OAOA;EAAA,mBAN/BC,EAAE;IAAFA,EAAE,wBAAG,IAAI;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,EAAE;IAAA,wBACTC,WAAW;IAAXA,WAAW,iCAAG,GAAG;IACjBC,KAAK,QAALA,KAAK;IAAA,qBACLP,QAAQ;IAARA,QAAQ,8BAAG,CAAC;IAAA,sBACZ,YAAY;IAAEQ,SAAS,+BAAG,0BAA0B;EAEpD,IAAMT,MAAM,GAAG,GAAG,GAAGM,IAAI,GAAG,GAAG,GAAGC,WAAW;EAC7C,IAAMG,SAAS,GAAG,CAAC,GAAGR,IAAI,CAACC,EAAE,GAAGH,MAAM;EACtC,IAAMW,YAAY,GAAG,GAAG,GAAGL,IAAI;EAE/B,IAAMM,UAAU,GAAGd,oBAAoB,CAACO,EAAE,GAAG,EAAE,GAAGJ,QAAQ,EAAED,MAAM,CAAC;EAEnE,oBACE;IACE,SAAS,EAAE,IAAAa,gBAAU,gCAEnBR,EAAE,oCAAwC,CAC1C;IACF,KAAK,EAAEG,KAAM;IACb,cAAYH,EAAE,GAAGI,SAAS,GAAGK;EAAU,gBAEvC;IACE,IAAI,EAAC,cAAc;IACnB,SAAS,mCAAwC;IACjD,KAAK,EAAE;MACLC,KAAK,EAAET,IAAI;MACXU,MAAM,EAAEV;IACV,CAAE;IACF,OAAO,gBAASA,IAAI,cAAIA,IAAI,CAAG;IAC/B,KAAK,EAAC;EAA4B,gBAElC;IACE,KAAK,EAAE;MACLS,KAAK,EAAET,IAAI;MACXU,MAAM,EAAEV,IAAI;MACZW,eAAe,YAAKN,YAAY,gBAAMA,YAAY;IACpD;EAAE,gBAEF;IACE,SAAS,mCAAwC;IACjD,IAAI,EAAC,MAAM;IACX,eAAe,EAAED,SAAU;IAC3B,gBAAgB,EAAEE,UAAW;IAC7B,WAAW,EAAEL,WAAY;IACzB,aAAa,EAAC,OAAO;IACrB,EAAE,EAAEI,YAAa;IACjB,EAAE,EAAEA,YAAa;IACjB,CAAC,EAAEX;EAAO,EACV,CACA,CACA,CACF;AAEV,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/PullToRefresh/PullToRefreshSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './PullToRefresh.module.css';\n\nfunction calcStrokeDashOffset(value: number, radius: number) {\n  const progress = value / 100;\n  return 2 * Math.PI * radius * (1 - progress);\n}\n\nexport interface PullToRefreshSpinnerProps extends React.HTMLAttributes<HTMLDivElement> {\n  'size'?: number;\n  'strokeWidth'?: number;\n  'on'?: boolean;\n  'progress'?: number;\n  'aria-label'?: string;\n}\n\nexport const PullToRefreshSpinner = ({\n  on = true,\n  size = 24,\n  strokeWidth = 2.5,\n  style,\n  progress = 0,\n  'aria-label': ariaLabel = 'Пожалуйста, подождите...',\n}: PullToRefreshSpinnerProps) => {\n  const radius = 0.5 * size - 0.5 * strokeWidth;\n  const dasharray = 2 * Math.PI * radius;\n  const circleCenter = 0.5 * size;\n\n  const dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);\n\n  return (\n    <div\n      className={classNames(\n        styles['PullToRefresh__spinner'],\n        on && styles['PullToRefresh__spinner--on'],\n      )}\n      style={style}\n      aria-label={on ? ariaLabel : undefined}\n    >\n      <svg\n        role=\"presentation\"\n        className={styles['PullToRefresh__spinner-self']}\n        style={{\n          width: size,\n          height: size,\n        }}\n        viewBox={`0 0 ${size} ${size}`}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g\n          style={{\n            width: size,\n            height: size,\n            transformOrigin: `${circleCenter}px ${circleCenter}px`,\n          }}\n        >\n          <circle\n            className={styles['PullToRefresh__spinner-path']}\n            fill=\"none\"\n            strokeDasharray={dasharray}\n            strokeDashoffset={dashoffset}\n            strokeWidth={strokeWidth}\n            strokeLinecap=\"round\"\n            cx={circleCenter}\n            cy={circleCenter}\n            r={radius}\n          />\n        </g>\n      </svg>\n    </div>\n  );\n};\n"],"names":["PullToRefreshSpinner","calcStrokeDashOffset","value","radius","progress","Math","PI","on","size","strokeWidth","style","ariaLabel","dasharray","circleCenter","dashoffset","div","className","classNames","aria-label","undefined","svg","role","width","height","viewBox","xmlns","g","transformOrigin","circle","fill","strokeDasharray","strokeDashoffset","strokeLinecap","cx","cy","r"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;2DAjBU;oBACI;AAG3B,SAASC,qBAAqBC,KAAa,EAAEC,MAAc,EAAE;IAC3D,IAAMC,WAAWF,QAAQ;IACzB,OAAO,IAAIG,KAAKC,EAAE,GAAGH,SAAU,CAAA,IAAIC,QAAO;AAC5C;AAUO,IAAMJ,uBAAuB,gBAOH;0BAN/BO,IAAAA,4BAAK,IAAI,kCACTC,MAAAA,gCAAO,6CACPC,aAAAA,8CAAc,0BACdC,cAAAA,+BACAN,UAAAA,wCAAW,qBACGO,YAAd,eAAcA,YAAAA,iBAAY,6BAAZA;IAEd,IAAMR,SAAS,MAAMK,OAAO,MAAMC;IAClC,IAAMG,YAAY,IAAIP,KAAKC,EAAE,GAAGH;IAChC,IAAMU,eAAe,MAAML;IAE3B,IAAMM,aAAab,qBAAqBM,KAAK,KAAKH,QAAQ,EAAED;IAE5D,qBACE,qBAACY;QACCC,WAAWC,IAAAA,gBAAU,gCAEnBV;QAEFG,OAAOA;QACPQ,cAAYX,KAAKI,YAAYQ,SAAS;qBAEtC,qBAACC;QACCC,MAAK;QACLL,SAAS;QACTN,OAAO;YACLY,OAAOd;YACPe,QAAQf;QACV;QACAgB,SAAS,AAAC,OAAchB,OAARA,MAAK,KAAQ,OAALA;QACxBiB,OAAM;qBAEN,qBAACC;QACChB,OAAO;YACLY,OAAOd;YACPe,QAAQf;YACRmB,iBAAiB,AAAC,GAAoBd,OAAlBA,cAAa,OAAkB,OAAbA,cAAa;QACrD;qBAEA,qBAACe;QACCZ,SAAS;QACTa,MAAK;QACLC,iBAAiBlB;QACjBmB,kBAAkBjB;QAClBL,aAAaA;QACbuB,eAAc;QACdC,IAAIpB;QACJqB,IAAIrB;QACJsB,GAAGhC;;AAMf"}

package/dist/cjs/components/Radio/Radio.js

@@ -1,82 +1,81 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Radio", {
+    enumerable: true,
+    get: function() {
+        return Radio;
+    }
 });
-exports.Radio = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _usePlatform = require("../../hooks/usePlatform");
 var _adaptivity = require("../../lib/adaptivity");
 var _platform = require("../../lib/platform");
-var _Tappable = require("../Tappable/Tappable");
-var _Footnote = require("../Typography/Footnote/Footnote");
-var _VisuallyHiddenInput = require("../VisuallyHiddenInput/VisuallyHiddenInput");
-var _excluded = ["children", "description", "style", "className", "getRootRef"];
-var sizeYClassNames = (0, _defineProperty2.default)({
-  none: "vkuiRadio--sizeY-none"
+var _tappable = require("../Tappable/Tappable");
+var _footnote = require("../Typography/Footnote/Footnote");
+var _visuallyHiddenInput = require("../VisuallyHiddenInput/VisuallyHiddenInput");
+var sizeYClassNames = _defineProperty({
+    none: "vkuiRadio--sizeY-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiRadio--sizeY-compact");
-var RadioIcon = function RadioIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2.default)({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    "aria-hidden": true
-  }, props), /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "11",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    fill: "none"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "7.5",
-    className: "vkuiRadio__pin",
-    fill: "currentColor"
-  }));
+var RadioIcon = function(props) {
+    return /*#__PURE__*/ _react.createElement("svg", _objectSpread({
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        "aria-hidden": true
+    }, props), /*#__PURE__*/ _react.createElement("circle", {
+        cx: "12",
+        cy: "12",
+        r: "11",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        fill: "none"
+    }), /*#__PURE__*/ _react.createElement("circle", {
+        cx: "12",
+        cy: "12",
+        r: "7.5",
+        className: "vkuiRadio__pin",
+        fill: "currentColor"
+    }));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/Radio
- */
-var Radio = function Radio(_ref) {
-  var children = _ref.children,
-    description = _ref.description,
-    style = _ref.style,
-    className = _ref.className,
-    getRootRef = _ref.getRootRef,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  return /*#__PURE__*/React.createElement(_Tappable.Tappable, {
-    Component: "label",
-    style: style,
-    className: (0, _vkjs.classNames)("vkuiRadio", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], className),
-    activeEffectDelay: platform === _platform.Platform.IOS ? 100 : _Tappable.ACTIVE_EFFECT_DELAY,
-    disabled: restProps.disabled,
-    getRootRef: getRootRef
-  }, /*#__PURE__*/React.createElement(_VisuallyHiddenInput.VisuallyHiddenInput, (0, _extends2.default)({}, restProps, {
-    className: "vkuiRadio__input",
-    type: "radio"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiRadio__container"
-  }, /*#__PURE__*/React.createElement(RadioIcon, {
-    className: "vkuiRadio__icon"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiRadio__content"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiRadio__children"
-  }, children), (0, _vkjs.hasReactNode)(description) && /*#__PURE__*/React.createElement(_Footnote.Footnote, {
-    className: "vkuiRadio__description"
-  }, description))));
+var Radio = function(_param) {
+    var children = _param.children, description = _param.description, style = _param.style, className = _param.className, getRootRef = _param.getRootRef, restProps = _objectWithoutProperties(_param, [
+        "children",
+        "description",
+        "style",
+        "className",
+        "getRootRef"
+    ]);
+    var platform = (0, _usePlatform.usePlatform)();
+    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    return /*#__PURE__*/ _react.createElement(_tappable.Tappable, {
+        Component: "label",
+        style: style,
+        className: (0, _vkjs.classNames)("vkuiRadio", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], className),
+        activeEffectDelay: platform === _platform.Platform.IOS ? 100 : _tappable.ACTIVE_EFFECT_DELAY,
+        disabled: restProps.disabled,
+        getRootRef: getRootRef
+    }, /*#__PURE__*/ _react.createElement(_visuallyHiddenInput.VisuallyHiddenInput, _objectSpreadProps(_objectSpread({}, restProps), {
+        className: "vkuiRadio__input",
+        type: "radio"
+    })), /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiRadio__container"
+    }, /*#__PURE__*/ _react.createElement(RadioIcon, {
+        className: "vkuiRadio__icon"
+    }), /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiRadio__content"
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiRadio__children"
+    }, children), (0, _vkjs.hasReactNode)(description) && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+        className: "vkuiRadio__description"
+    }, description))));
 };
-exports.Radio = Radio;
+
 //# sourceMappingURL=Radio.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["sizeYClassNames","none","SizeType","COMPACT","RadioIcon","props","Radio","children","description","style","className","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","classNames","REGULAR","Platform","IOS","ACTIVE_EFFECT_DELAY","disabled","hasReactNode"],"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { ACTIVE_EFFECT_DELAY, Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { VisuallyHiddenInput } from '../VisuallyHiddenInput/VisuallyHiddenInput';\nimport styles from './Radio.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Radio--sizeY-none'],\n  [SizeType.COMPACT]: styles['Radio--sizeY-compact'],\n};\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-hidden {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"currentColor\" strokeWidth=\"2\" fill=\"none\" />\n      <circle cx=\"12\" cy=\"12\" r=\"7.5\" className={styles['Radio__pin']} fill=\"currentColor\" />\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 = 'none' } = useAdaptivity();\n\n  return (\n    <Tappable\n      Component=\"label\"\n      style={style}\n      className={classNames(\n        styles['Radio'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        className,\n      )}\n      activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      disabled={restProps.disabled}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput {...restProps} className={styles['Radio__input']} type=\"radio\" />\n      <div className={styles['Radio__container']}>\n        <RadioIcon className={styles['Radio__icon']} />\n        <div className={styles['Radio__content']}>\n          <div className={styles['Radio__children']}>{children}</div>\n          {hasReactNode(description) && (\n            <Footnote className={styles['Radio__description']}>{description}</Footnote>\n          )}\n        </div>\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAiF;AAGjF,IAAMA,eAAe;EACnBC,IAAI;AAA6B,GAChCC,oBAAQ,CAACC,OAAO,6BAClB;AAED,IAAMC,SAAS,GAAG,SAAZA,SAAS,CAAIC,KAAoC,EAAK;EAC1D,oBACE;IAAK,KAAK,EAAC,4BAA4B;IAAC,OAAO,EAAC,WAAW;IAAC;EAAW,GAAKA,KAAK,gBAC/E;IAAQ,EAAE,EAAC,IAAI;IAAC,EAAE,EAAC,IAAI;IAAC,CAAC,EAAC,IAAI;IAAC,MAAM,EAAC,cAAc;IAAC,WAAW,EAAC,GAAG;IAAC,IAAI,EAAC;EAAM,EAAG,eACnF;IAAQ,EAAE,EAAC,IAAI;IAAC,EAAE,EAAC,IAAI;IAAC,CAAC,EAAC,KAAK;IAAC,SAAS,kBAAuB;IAAC,IAAI,EAAC;EAAc,EAAG,CACnF;AAEV,CAAC;AASD;AACA;AACA;AACO,IAAMC,KAAK,GAAG,SAARA,KAAK,OAOA;EAAA,IANhBC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,qBAA2B,IAAAC,6BAAa,GAAE;IAAA,sCAAlCC,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,oBACE,oBAAC,kBAAQ;IACP,SAAS,EAAC,OAAO;IACjB,KAAK,EAAEP,KAAM;IACb,SAAS,EAAE,IAAAQ,gBAAU,eAEnBD,KAAK,KAAKd,oBAAQ,CAACgB,OAAO,IAAIlB,eAAe,CAACgB,KAAK,CAAC,EACpDN,SAAS,CACT;IACF,iBAAiB,EAAEG,QAAQ,KAAKM,kBAAQ,CAACC,GAAG,GAAG,GAAG,GAAGC,6BAAoB;IACzE,QAAQ,EAAET,SAAS,CAACU,QAAS;IAC7B,UAAU,EAAEX;EAAW,gBAEvB,oBAAC,wCAAmB,6BAAKC,SAAS;IAAE,SAAS,oBAAyB;IAAC,IAAI,EAAC;EAAO,GAAG,eACtF;IAAK,SAAS;EAA6B,gBACzC,oBAAC,SAAS;IAAC,SAAS;EAAwB,EAAG,eAC/C;IAAK,SAAS;EAA2B,gBACvC;IAAK,SAAS;EAA4B,GAAEL,QAAQ,CAAO,EAC1D,IAAAgB,kBAAY,EAACf,WAAW,CAAC,iBACxB,oBAAC,kBAAQ;IAAC,SAAS;EAA+B,GAAEA,WAAW,CAChE,CACG,CACF,CACG;AAEf,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { ACTIVE_EFFECT_DELAY, Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { VisuallyHiddenInput } from '../VisuallyHiddenInput/VisuallyHiddenInput';\nimport styles from './Radio.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Radio--sizeY-none'],\n  [SizeType.COMPACT]: styles['Radio--sizeY-compact'],\n};\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-hidden {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"currentColor\" strokeWidth=\"2\" fill=\"none\" />\n      <circle cx=\"12\" cy=\"12\" r=\"7.5\" className={styles['Radio__pin']} fill=\"currentColor\" />\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 = 'none' } = useAdaptivity();\n\n  return (\n    <Tappable\n      Component=\"label\"\n      style={style}\n      className={classNames(\n        styles['Radio'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        className,\n      )}\n      activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      disabled={restProps.disabled}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput {...restProps} className={styles['Radio__input']} type=\"radio\" />\n      <div className={styles['Radio__container']}>\n        <RadioIcon className={styles['Radio__icon']} />\n        <div className={styles['Radio__content']}>\n          <div className={styles['Radio__children']}>{children}</div>\n          {hasReactNode(description) && (\n            <Footnote className={styles['Radio__description']}>{description}</Footnote>\n          )}\n        </div>\n      </div>\n    </Tappable>\n  );\n};\n"],"names":["Radio","sizeYClassNames","none","SizeType","COMPACT","RadioIcon","props","svg","xmlns","viewBox","aria-hidden","circle","cx","cy","r","stroke","strokeWidth","fill","className","children","description","style","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","Tappable","Component","classNames","REGULAR","activeEffectDelay","Platform","IOS","ACTIVE_EFFECT_DELAY","disabled","VisuallyHiddenInput","type","div","hasReactNode","Footnote"],"mappings":";;;;+BAoCaA;;;eAAAA;;;;;;;;2DApCU;oBACkB;6BACX;2BACF;0BACH;wBACA;wBAEqB;wBACrB;mCACW;AAGpC,IAAMC;IACJC,IAAI;GACHC,oBAAQ,CAACC,OAAO;AAGnB,IAAMC,YAAY,SAACC,OAAyC;IAC1D,qBACE,qBAACC;QAAIC,OAAM;QAA6BC,SAAQ;QAAYC,eAAAA,IAAW;OAAKJ,sBAC1E,qBAACK;QAAOC,IAAG;QAAKC,IAAG;QAAKC,GAAE;QAAKC,QAAO;QAAeC,aAAY;QAAIC,MAAK;sBAC1E,qBAACN;QAAOC,IAAG;QAAKC,IAAG;QAAKC,GAAE;QAAMI,SAAS;QAAwBD,MAAK;;AAG5E;AAYO,IAAMjB,QAAQ,iBAOH;QANhBmB,kBAAAA,UACAC,qBAAAA,aACAC,eAAAA,OACAH,mBAAAA,WACAI,oBAAAA,YACGC;QALHJ;QACAC;QACAC;QACAH;QACAI;;IAGA,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAA2BC,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAEhB,qBACE,qBAACC,kBAAQ;QACPC,WAAU;QACVR,OAAOA;QACPH,WAAWY,IAAAA,gBAAU,eAEnBH,UAAUxB,oBAAQ,CAAC4B,OAAO,IAAI9B,eAAe,CAAC0B,MAAM,EACpDT;QAEFc,mBAAmBR,aAAaS,kBAAQ,CAACC,GAAG,GAAG,MAAMC,6BAAmB;QACxEC,UAAUb,UAAUa,QAAQ;QAC5Bd,YAAYA;qBAEZ,qBAACe,wCAAmB,uCAAKd;QAAWL,SAAS;QAA0BoB,MAAK;uBAC5E,qBAACC;QAAIrB,SAAS;qBACZ,qBAACb;QAAUa,SAAS;sBACpB,qBAACqB;QAAIrB,SAAS;qBACZ,qBAACqB;QAAIrB,SAAS;OAA8BC,WAC3CqB,IAAAA,kBAAY,EAACpB,8BACZ,qBAACqB,kBAAQ;QAACvB,SAAS;OAAiCE;AAMhE"}

package/dist/cjs/components/RadioGroup/RadioGroup.js

@@ -1,32 +1,27 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "RadioGroup", {
+    enumerable: true,
+    get: function() {
+        return RadioGroup;
+    }
 });
-exports.RadioGroup = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _excluded = ["mode", "children", "className"];
-/**
- * @see https://vkcom.github.io/VKUI/#/RadioGroup
- */
-var RadioGroup = function RadioGroup(_ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'vertical' : _ref$mode,
-    children = _ref.children,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    className: (0, _vkjs.classNames)("vkuiRadioGroup", styles["RadioGroup--mode-".concat(mode)], className)
-  }, restProps), children);
-};
-exports.RadioGroup = RadioGroup;
-var styles = {
-  "RadioGroup--mode-horizontal": "vkuiRadioGroup--mode-horizontal",
-  "RadioGroup--mode-vertical": "vkuiRadioGroup--mode-vertical"
+var RadioGroup = function(_param) /*#__PURE__*/ {
+    var _param_mode = _param.mode, mode = _param_mode === void 0 ? "vertical" : _param_mode, children = _param.children, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "mode",
+        "children",
+        "className"
+    ]);
+    return _react.createElement("div", _objectSpread({
+        className: (0, _vkjs.classNames)("vkuiRadioGroup", "vkuiInternalRadioGroup", mode === "horizontal" && "vkuiRadioGroup--mode-horizontal", className)
+    }, restProps), children);
 };
+
 //# sourceMappingURL=RadioGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["RadioGroup","mode","children","className","restProps","classNames","styles"],"sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './RadioGroup.module.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  className,\n  ...restProps\n}: RadioGroupProps) => (\n  <div\n    className={classNames(styles['RadioGroup'], styles[`RadioGroup--mode-${mode}`], className)}\n    {...restProps}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAA6C;AAO7C;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAU;EAAA,qBACrBC,IAAI;IAAJA,IAAI,0BAAG,UAAU;IACjBC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,SAAS;EAAA,oBAEZ;IACE,SAAS,EAAE,IAAAC,gBAAU,oBAAuBC,MAAM,4BAAqBL,IAAI,EAAG,EAAEE,SAAS;EAAE,GACvFC,SAAS,GAEZF,QAAQ,CACL;AAAA,CACP;AAAC;AAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './RadioGroup.module.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  className,\n  ...restProps\n}: RadioGroupProps) => (\n  <div\n    className={classNames(\n      styles['RadioGroup'],\n      'vkuiInternalRadioGroup',\n      mode === 'horizontal' && styles['RadioGroup--mode-horizontal'],\n      className,\n    )}\n    {...restProps}\n  >\n    {children}\n  </div>\n);\n"],"names":["RadioGroup","mode","children","className","restProps","div","classNames"],"mappings":";;;;+BAWaA;;;eAAAA;;;;;;2DAXU;oBACI;AAUpB,IAAMA,aAAa,+BAMxB;6BALAC,MAAAA,gCAAO,0BACPC,kBAAAA,UACAC,mBAAAA,WACGC;QAHHH;QACAC;QACAC;;WAGA,qBAACE;QACCF,WAAWG,IAAAA,gBAAU,oBAEnB,0BACAL,SAAS,mDACTE;OAEEC,YAEHF;AACE"}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { UniversalSliderProps } from './UniversalSlider';
-export declare type Value = [number, number];
-export declare type RangeSliderProps = UniversalSliderProps<Value>;
+export type Value = [number, number];
+export type RangeSliderProps = UniversalSliderProps<Value>;
 /**
  * @see https://vkcom.github.io/VKUI/#/RangeSlider
  */

package/dist/cjs/components/RangeSlider/RangeSlider.js

@@ -1,58 +1,65 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.RangeSlider = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
-var _math = require("../../helpers/math");
-var _UniversalSlider = require("./UniversalSlider");
-var _excluded = ["onChange", "min", "max", "defaultValue", "step"];
-/**
- * @see https://vkcom.github.io/VKUI/#/RangeSlider
- */
-var RangeSlider = function RangeSlider(_ref) {
-  var onChange = _ref.onChange,
-    _ref$min = _ref.min,
-    min = _ref$min === void 0 ? 0 : _ref$min,
-    _ref$max = _ref.max,
-    max = _ref$max === void 0 ? 100 : _ref$max,
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? [min, max] : _ref$defaultValue,
-    _ref$step = _ref.step,
-    step = _ref$step === void 0 ? 0 : _ref$step,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var isControlled = props.value !== undefined;
-  var _React$useState = React.useState(defaultValue),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    localValue = _React$useState2[0],
-    setValue = _React$useState2[1];
-  var _ref2 = props.value || localValue,
-    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
-    start = _ref3[0],
-    end = _ref3[1];
-  var value = React.useMemo(function () {
-    return [(0, _math.clamp)(start, min, max), (0, _math.clamp)(end, min, max)];
-  }, [end, max, min, start]);
-  var handleChange = React.useCallback(function (nextValue, event) {
-    if (props.disabled || value[0] === nextValue[0] && value[1] === nextValue[1]) {
-      return;
+Object.defineProperty(exports, "RangeSlider", {
+    enumerable: true,
+    get: function() {
+        return RangeSlider;
     }
-    !isControlled && setValue(nextValue);
-    onChange && onChange(nextValue, event);
-  }, [props.disabled, value, isControlled, onChange]);
-  return /*#__PURE__*/React.createElement(_UniversalSlider.UniversalSlider, (0, _extends2.default)({}, props, {
-    value: value,
-    onChange: handleChange,
-    min: min,
-    max: max,
-    step: step
-  }));
+});
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _math = require("../../helpers/math");
+var _universalSlider = require("./UniversalSlider");
+var RangeSlider = function(_param) {
+    var onChange = _param.onChange, _param_min = _param.min, min = _param_min === void 0 ? 0 : _param_min, _param_max = _param.max, max = _param_max === void 0 ? 100 : _param_max, _param_defaultValue = _param.defaultValue, defaultValue = _param_defaultValue === void 0 ? [
+        min,
+        max
+    ] : _param_defaultValue, _param_step = _param.step, step = _param_step === void 0 ? 0 : _param_step, props = _objectWithoutProperties(_param, [
+        "onChange",
+        "min",
+        "max",
+        "defaultValue",
+        "step"
+    ]);
+    var isControlled = props.value !== undefined;
+    var _React_useState = _slicedToArray(_react.useState(defaultValue), 2), localValue = _React_useState[0], setValue = _React_useState[1];
+    var _ref = _slicedToArray(props.value || localValue, 2), start = _ref[0], end = _ref[1];
+    var value = _react.useMemo(function() {
+        return [
+            (0, _math.clamp)(start, min, max),
+            (0, _math.clamp)(end, min, max)
+        ];
+    }, [
+        end,
+        max,
+        min,
+        start
+    ]);
+    var handleChange = _react.useCallback(function(nextValue, event) {
+        if (props.disabled || value[0] === nextValue[0] && value[1] === nextValue[1]) {
+            return;
+        }
+        !isControlled && setValue(nextValue);
+        onChange && onChange(nextValue, event);
+    }, [
+        props.disabled,
+        value,
+        isControlled,
+        onChange
+    ]);
+    return /*#__PURE__*/ _react.createElement(_universalSlider.UniversalSlider, _objectSpreadProps(_objectSpread({}, props), {
+        value: value,
+        onChange: handleChange,
+        min: min,
+        max: max,
+        step: step
+    }));
 };
-exports.RangeSlider = RangeSlider;
+
 //# sourceMappingURL=RangeSlider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","names":["RangeSlider","onChange","min","max","defaultValue","step","props","isControlled","value","undefined","React","useState","localValue","setValue","start","end","useMemo","clamp","handleChange","useCallback","nextValue","event","disabled"],"sources":["../../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { TouchEvent } from '../Touch/Touch';\nimport { UniversalSlider, UniversalSliderProps } from './UniversalSlider';\n\nexport type Value = [number, number];\nexport type RangeSliderProps = UniversalSliderProps<Value>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RangeSlider\n */\nexport const RangeSlider = ({\n  onChange,\n  min = 0,\n  max = 100,\n  defaultValue = [min, max],\n  step = 0,\n  ...props\n}: RangeSliderProps) => {\n  const isControlled = props.value !== undefined;\n\n  const [localValue, setValue] = React.useState(defaultValue);\n  const [start, end] = props.value || localValue;\n  const value = React.useMemo(\n    () => [clamp(start, min, max), clamp(end, min, max)] as Value,\n    [end, max, min, start],\n  );\n\n  const handleChange: RangeSliderProps['onChange'] = React.useCallback(\n    (nextValue: Value, event: TouchEvent) => {\n      if (props.disabled || (value[0] === nextValue[0] && value[1] === nextValue[1])) {\n        return;\n      }\n      !isControlled && setValue(nextValue);\n      onChange && onChange(nextValue, event);\n    },\n    [props.disabled, value, isControlled, onChange],\n  );\n\n  return (\n    <UniversalSlider\n      {...props}\n      value={value}\n      onChange={handleChange}\n      min={min}\n      max={max}\n      step={step}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AAA0E;AAK1E;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAOA;EAAA,IANtBC,QAAQ,QAARA,QAAQ;IAAA,gBACRC,GAAG;IAAHA,GAAG,yBAAG,CAAC;IAAA,gBACPC,GAAG;IAAHA,GAAG,yBAAG,GAAG;IAAA,yBACTC,YAAY;IAAZA,YAAY,kCAAG,CAACF,GAAG,EAAEC,GAAG,CAAC;IAAA,iBACzBE,IAAI;IAAJA,IAAI,0BAAG,CAAC;IACLC,KAAK;EAER,IAAMC,YAAY,GAAGD,KAAK,CAACE,KAAK,KAAKC,SAAS;EAE9C,sBAA+BC,KAAK,CAACC,QAAQ,CAACP,YAAY,CAAC;IAAA;IAApDQ,UAAU;IAAEC,QAAQ;EAC3B,YAAqBP,KAAK,CAACE,KAAK,IAAII,UAAU;IAAA;IAAvCE,KAAK;IAAEC,GAAG;EACjB,IAAMP,KAAK,GAAGE,KAAK,CAACM,OAAO,CACzB;IAAA,OAAM,CAAC,IAAAC,WAAK,EAACH,KAAK,EAAEZ,GAAG,EAAEC,GAAG,CAAC,EAAE,IAAAc,WAAK,EAACF,GAAG,EAAEb,GAAG,EAAEC,GAAG,CAAC,CAAC;EAAA,CAAS,EAC7D,CAACY,GAAG,EAAEZ,GAAG,EAAED,GAAG,EAAEY,KAAK,CAAC,CACvB;EAED,IAAMI,YAA0C,GAAGR,KAAK,CAACS,WAAW,CAClE,UAACC,SAAgB,EAAEC,KAAiB,EAAK;IACvC,IAAIf,KAAK,CAACgB,QAAQ,IAAKd,KAAK,CAAC,CAAC,CAAC,KAAKY,SAAS,CAAC,CAAC,CAAC,IAAIZ,KAAK,CAAC,CAAC,CAAC,KAAKY,SAAS,CAAC,CAAC,CAAE,EAAE;MAC9E;IACF;IACA,CAACb,YAAY,IAAIM,QAAQ,CAACO,SAAS,CAAC;IACpCnB,QAAQ,IAAIA,QAAQ,CAACmB,SAAS,EAAEC,KAAK,CAAC;EACxC,CAAC,EACD,CAACf,KAAK,CAACgB,QAAQ,EAAEd,KAAK,EAAED,YAAY,EAAEN,QAAQ,CAAC,CAChD;EAED,oBACE,oBAAC,gCAAe,6BACVK,KAAK;IACT,KAAK,EAAEE,KAAM;IACb,QAAQ,EAAEU,YAAa;IACvB,GAAG,EAAEhB,GAAI;IACT,GAAG,EAAEC,GAAI;IACT,IAAI,EAAEE;EAAK,GACX;AAEN,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { TouchEvent } from '../Touch/Touch';\nimport { UniversalSlider, UniversalSliderProps } from './UniversalSlider';\n\nexport type Value = [number, number];\nexport type RangeSliderProps = UniversalSliderProps<Value>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RangeSlider\n */\nexport const RangeSlider = ({\n  onChange,\n  min = 0,\n  max = 100,\n  defaultValue = [min, max],\n  step = 0,\n  ...props\n}: RangeSliderProps) => {\n  const isControlled = props.value !== undefined;\n\n  const [localValue, setValue] = React.useState(defaultValue);\n  const [start, end] = props.value || localValue;\n  const value = React.useMemo(\n    () => [clamp(start, min, max), clamp(end, min, max)] as Value,\n    [end, max, min, start],\n  );\n\n  const handleChange: RangeSliderProps['onChange'] = React.useCallback(\n    (nextValue: Value, event: TouchEvent) => {\n      if (props.disabled || (value[0] === nextValue[0] && value[1] === nextValue[1])) {\n        return;\n      }\n      !isControlled && setValue(nextValue);\n      onChange && onChange(nextValue, event);\n    },\n    [props.disabled, value, isControlled, onChange],\n  );\n\n  return (\n    <UniversalSlider\n      {...props}\n      value={value}\n      onChange={handleChange}\n      min={min}\n      max={max}\n      step={step}\n    />\n  );\n};\n"],"names":["RangeSlider","onChange","min","max","defaultValue","step","props","isControlled","value","undefined","React","useState","localValue","setValue","start","end","useMemo","clamp","handleChange","useCallback","nextValue","event","disabled","UniversalSlider"],"mappings":";;;;+BAWaA;;;eAAAA;;;;;;;;2DAXU;oBACD;+BAEgC;AAQ/C,IAAMA,cAAc,iBAOH;QANtBC,kBAAAA,8BACAC,KAAAA,8BAAM,oCACNC,KAAAA,8BAAM,+CACNC,cAAAA,gDAAe;QAACF;QAAKC;KAAI,6CACzBE,MAAAA,gCAAO,iBACJC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,eAAeD,MAAME,KAAK,KAAKC;IAErC,IAA+BC,iCAAAA,OAAMC,QAAQ,CAACP,mBAAvCQ,aAAwBF,oBAAZG,WAAYH;IAC/B,IAAqBJ,sBAAAA,MAAME,KAAK,IAAII,gBAA7BE,QAAcR,SAAPS,MAAOT;IACrB,IAAME,QAAQE,OAAMM,OAAO,CACzB;eAAM;YAACC,IAAAA,WAAK,EAACH,OAAOZ,KAAKC;YAAMc,IAAAA,WAAK,EAACF,KAAKb,KAAKC;SAAK;OACpD;QAACY;QAAKZ;QAAKD;QAAKY;KAAM;IAGxB,IAAMI,eAA6CR,OAAMS,WAAW,CAClE,SAACC,WAAkBC,OAAsB;QACvC,IAAIf,MAAMgB,QAAQ,IAAKd,KAAK,CAAC,EAAE,KAAKY,SAAS,CAAC,EAAE,IAAIZ,KAAK,CAAC,EAAE,KAAKY,SAAS,CAAC,EAAE,EAAG;YAC9E;QACF,CAAC;QACD,CAACb,gBAAgBM,SAASO;QAC1BnB,YAAYA,SAASmB,WAAWC;IAClC,GACA;QAACf,MAAMgB,QAAQ;QAAEd;QAAOD;QAAcN;KAAS;IAGjD,qBACE,qBAACsB,gCAAe,uCACVjB;QACJE,OAAOA;QACPP,UAAUiB;QACVhB,KAAKA;QACLC,KAAKA;QACLE,MAAMA;;AAGZ"}

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { HasRootRef } from '../../types';
 import { TouchEvent } from '../Touch/Touch';
-export declare type UniversalValue = [number | null, number];
+export type UniversalValue = [number | null, number];
 export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>, Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'> {
     min?: number;
     max?: number;