@vkontakte/vkui 5.4.3 → 5.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "private": false,
-  "version": "5.4.3",
+  "version": "5.5.1",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "main": "dist/cjs/index.js",
@@ -65,15 +65,12 @@
     "react-dom": "^17.0.0 || ^18.1.0"
   },
   "dependencies": {
-    "@floating-ui/react-dom": "1.3.0",
-    "@swc/helpers": "^0.4.14",
-    "@vkontakte/vkjs": "^0.32.1",
-    "dayjs": "1.11.7",
+    "@floating-ui/react-dom": "^2.0.0",
+    "@swc/helpers": "^0.5.1",
+    "@vkontakte/vkjs": "^0.32.3",
+    "dayjs": "1.11.8",
     "mitt": "3.0.0"
   },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^24.1.0"
-  },
   "size-limit": [
     {
       "name": "JS",

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export interface HorizontalScrollArrowProps {
-    direction: 'left' | 'right';
-    size?: 'm' | 'l';
-    offsetY?: number | string;
-    onClick(event: React.MouseEvent): void;
-    className?: string;
-}
-export declare const HorizontalScrollArrow: ({ size, offsetY, direction, onClick, className, ...restProps }: HorizontalScrollArrowProps) => JSX.Element;

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

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "HorizontalScrollArrow", {
-    enumerable: true,
-    get: function() {
-        return HorizontalScrollArrow;
-    }
-});
-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 _icons = require("@vkontakte/icons");
-var _vkjs = require("@vkontakte/vkjs");
-var _tappable = require("../Tappable/Tappable");
-var HorizontalScrollArrow = function(_param) {
-    var _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, offsetY = _param.offsetY, direction = _param.direction, onClick = _param.onClick, className = _param.className, restProps = _objectWithoutProperties(_param, [
-        "size",
-        "offsetY",
-        "direction",
-        "onClick",
-        "className"
-    ]);
-    var ArrowIcon;
-    if (size === "m") {
-        ArrowIcon = direction === "left" ? _icons.Icon16ChevronLeft : _icons.Icon16Chevron;
-    } else {
-        ArrowIcon = direction === "left" ? _icons.Icon24ChevronCompactLeft : _icons.Icon24Chevron;
-    }
-    return /*#__PURE__*/ _react.createElement(_tappable.Tappable, _objectSpreadProps(_objectSpread({}, restProps), {
-        Component: "button",
-        hasHover: false,
-        hasActive: false,
-        className: (0, _vkjs.classNames)("vkuiHorizontalScrollArrow", {
-            m: "vkuiHorizontalScrollArrow--size-m",
-            l: "vkuiHorizontalScrollArrow--size-l"
-        }[size], {
-            left: "vkuiHorizontalScrollArrow--direction-left",
-            right: "vkuiHorizontalScrollArrow--direction-right"
-        }[direction], className),
-        onClick: onClick
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: "vkuiHorizontalScrollArrow__icon",
-        style: offsetY ? {
-            top: offsetY
-        } : undefined
-    }, /*#__PURE__*/ _react.createElement(ArrowIcon, null)));
-};
-
-//# sourceMappingURL=HorizontalScrollArrow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon16Chevron,\n  Icon16ChevronLeft,\n  Icon24Chevron,\n  Icon24ChevronCompactLeft,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './HorizontalScrollArrow.module.css';\n\nexport interface HorizontalScrollArrowProps {\n  direction: 'left' | 'right';\n  size?: 'm' | 'l';\n  offsetY?: number | string;\n  onClick(event: React.MouseEvent): void;\n  className?: string;\n}\n\nexport const HorizontalScrollArrow = ({\n  size = 'l',\n  offsetY,\n  direction,\n  onClick,\n  className,\n  ...restProps\n}: HorizontalScrollArrowProps) => {\n  let ArrowIcon: React.ComponentType<unknown>;\n\n  if (size === 'm') {\n    ArrowIcon = direction === 'left' ? Icon16ChevronLeft : Icon16Chevron;\n  } else {\n    ArrowIcon = direction === 'left' ? Icon24ChevronCompactLeft : Icon24Chevron;\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      hasActive={false}\n      className={classNames(\n        styles['HorizontalScrollArrow'],\n        {\n          m: styles['HorizontalScrollArrow--size-m'],\n          l: styles['HorizontalScrollArrow--size-l'],\n        }[size],\n        {\n          left: styles['HorizontalScrollArrow--direction-left'],\n          right: styles['HorizontalScrollArrow--direction-right'],\n        }[direction],\n        className,\n      )}\n      onClick={onClick}\n    >\n      <span\n        className={styles['HorizontalScrollArrow__icon']}\n        style={offsetY ? { top: offsetY } : undefined}\n      >\n        <ArrowIcon />\n      </span>\n    </Tappable>\n  );\n};\n"],"names":["HorizontalScrollArrow","size","offsetY","direction","onClick","className","restProps","ArrowIcon","Icon16ChevronLeft","Icon16Chevron","Icon24ChevronCompactLeft","Icon24Chevron","Tappable","Component","hasHover","hasActive","classNames","m","l","left","right","span","style","top","undefined"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;2DAnBU;qBAMhB;oBACoB;wBACF;AAWlB,IAAMA,wBAAwB,iBAOH;6BANhCC,MAAAA,gCAAO,mBACPC,iBAAAA,SACAC,mBAAAA,WACAC,iBAAAA,SACAC,mBAAAA,WACGC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAIE;IAEJ,IAAIN,SAAS,KAAK;QAChBM,YAAYJ,cAAc,SAASK,wBAAiB,GAAGC,oBAAa;IACtE,OAAO;QACLF,YAAYJ,cAAc,SAASO,+BAAwB,GAAGC,oBAAa;IAC7E,CAAC;IAED,qBACE,qBAACC,kBAAQ,uCACHN;QACJO,WAAU;QACVC,UAAU,KAAK;QACfC,WAAW,KAAK;QAChBV,WAAWW,IAAAA,gBAAU,+BAEnB;YACEC,CAAC;YACDC,CAAC;QACH,CAAC,CAACjB,KAAK,EACP;YACEkB,IAAI;YACJC,KAAK;QACP,CAAC,CAACjB,UAAU,EACZE;QAEFD,SAASA;sBAET,qBAACiB;QACChB,SAAS;QACTiB,OAAOpB,UAAU;YAAEqB,KAAKrB;QAAQ,IAAIsB,SAAS;qBAE7C,qBAACjB;AAIT"}

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { HasRootRef } from '../../types';
-import { TouchEvent } from '../Touch/Touch';
-export type UniversalValue = [number | null, number];
-export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>, Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'> {
-    min?: number;
-    max?: number;
-    step?: number;
-    value?: Value;
-    defaultValue?: Value;
-    disabled?: boolean;
-    onChange?(value: Value, e: TouchEvent): void;
-}
-export declare const UniversalSlider: ({ min, max, step, value, defaultValue, onChange, getRootRef, disabled, className, ...restProps }: UniversalSliderProps<UniversalValue>) => JSX.Element;

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

@@ -1,165 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "UniversalSlider", {
-    enumerable: true,
-    get: function() {
-        return UniversalSlider;
-    }
-});
-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 _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _vkjs = require("@vkontakte/vkjs");
-var _math = require("../../helpers/math");
-var _useAdaptivity = require("../../hooks/useAdaptivity");
-var _useExternRef = require("../../hooks/useExternRef");
-var _adaptivity = require("../../lib/adaptivity");
-var _touch = require("../Touch/Touch");
-var sizeYClassNames = _defineProperty({
-    none: "vkuiSlider--sizeY-none"
-}, _adaptivity.SizeType.COMPACT, "vkuiSlider--sizeY-compact");
-var UniversalSlider = function(_param) {
-    var _param_min = _param.min, min = _param_min === void 0 ? 0 : _param_min, _param_max = _param.max, max = _param_max === void 0 ? 100 : _param_max, step = _param.step, _param_value = _param.value, value = _param_value === void 0 ? [
-        0,
-        0
-    ] : _param_value, defaultValue = _param.defaultValue, onChange = _param.onChange, getRootRef = _param.getRootRef, disabled = _param.disabled, className = _param.className, restProps = _objectWithoutProperties(_param, [
-        "min",
-        "max",
-        "step",
-        "value",
-        "defaultValue",
-        "onChange",
-        "getRootRef",
-        "disabled",
-        "className"
-    ]);
-    var _value = _slicedToArray(value, 2), start = _value[0], end = _value[1];
-    var isRange = start != null;
-    var gesture = _react.useRef({
-        dragging: false,
-        startX: 0,
-        containerWidth: 0
-    }).current;
-    var container = (0, _useExternRef.useExternRef)(getRootRef);
-    var thumbStart = _react.useRef(null);
-    var thumbEnd = _react.useRef(null);
-    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
-    var offsetToValue = function(absolute) {
-        return (0, _math.rescale)(absolute, [
-            0,
-            gesture.containerWidth
-        ], [
-            min,
-            max
-        ], {
-            step: step
-        });
-    };
-    var updateRange = function(nextValue) {
-        if (start == null) {
-            return [
-                null,
-                nextValue
-            ];
-        }
-        var dragging = gesture.dragging;
-        if (dragging === "start") {
-            if (nextValue > end) {
-                // "перехватиться", если перетянули за конец
-                gesture.dragging = "end";
-                return [
-                    end,
-                    nextValue
-                ];
-            }
-            return [
-                nextValue,
-                end
-            ];
-        }
-        if (dragging === "end") {
-            if (nextValue < start) {
-                // "перехватиться", если перетянули за начало
-                gesture.dragging = "start";
-                return [
-                    nextValue,
-                    start
-                ];
-            }
-            return [
-                start,
-                nextValue
-            ];
-        }
-        return value;
-    };
-    var snapDirection = function(pos, target) {
-        if (target === thumbStart.current) {
-            return "start";
-        }
-        if (target === thumbEnd.current) {
-            return "end";
-        }
-        return Math.abs((start !== null && start !== void 0 ? start : 0) - pos) <= Math.abs(end - pos) ? "start" : "end";
-    };
-    var onStart = function(e) {
-        var _container_current;
-        var boundingRect = (_container_current = container.current) === null || _container_current === void 0 ? void 0 : _container_current.getBoundingClientRect();
-        var _boundingRect_width;
-        gesture.containerWidth = (_boundingRect_width = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.width) !== null && _boundingRect_width !== void 0 ? _boundingRect_width : 0;
-        var _boundingRect_left;
-        var absolutePosition = e.startX - ((_boundingRect_left = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.left) !== null && _boundingRect_left !== void 0 ? _boundingRect_left : 0);
-        var pos = offsetToValue(absolutePosition);
-        gesture.dragging = snapDirection(pos, e.originalEvent.target);
-        gesture.startX = absolutePosition;
-        onChange === null || onChange === void 0 ? void 0 : onChange(updateRange(pos), e);
-        e.originalEvent.stopPropagation();
-    };
-    var onMove = function(e) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);
-        e.originalEvent.stopPropagation();
-        e.originalEvent.preventDefault();
-    };
-    var onEnd = function(e) {
-        gesture.dragging = false;
-        e.originalEvent.stopPropagation();
-    };
-    var toPercent = function(v) {
-        return (v - min) / (max - min) * 100;
-    };
-    var draggerStyle = isRange ? {
-        width: "".concat(toPercent(end) - toPercent(start !== null && start !== void 0 ? start : 0), "%"),
-        left: "".concat(toPercent(start !== null && start !== void 0 ? start : 0), "%")
-    } : {
-        width: "".concat(toPercent(end), "%")
-    };
-    return /*#__PURE__*/ _react.createElement(_touch.Touch, _objectSpreadProps(_objectSpread({
-        "data-value": isRange ? value.join(",") : value
-    }, restProps, disabled ? {} : {
-        onStart: onStart,
-        onMove: onMove,
-        onEnd: onEnd
-    }), {
-        className: (0, _vkjs.classNames)("vkuiSlider", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], disabled && "vkuiSlider--disabled", className)
-    }), /*#__PURE__*/ _react.createElement("div", {
-        ref: container,
-        className: "vkuiSlider__in"
-    }, /*#__PURE__*/ _react.createElement("div", {
-        className: "vkuiSlider__dragger",
-        style: draggerStyle
-    }, isRange && /*#__PURE__*/ _react.createElement("span", {
-        className: (0, _vkjs.classNames)("vkuiSlider__thumb", "vkuiSlider__thumb--start"),
-        ref: thumbStart
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: (0, _vkjs.classNames)("vkuiSlider__thumb", "vkuiSlider__thumb--end"),
-        ref: thumbEnd
-    }))));
-};
-
-//# sourceMappingURL=UniversalSlider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { rescale } from '../../helpers/math';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasRootRef } from '../../types';\nimport { Touch, TouchEvent, TouchEventHandler } from '../Touch/Touch';\nimport styles from '../Slider/Slider.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Slider--sizeY-none'],\n  [SizeType.COMPACT]: styles['Slider--sizeY-compact'],\n};\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n  extends HasRootRef<HTMLDivElement>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'> {\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  className,\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 = 'none' } = 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) ? 'start' : '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      className={classNames(\n        styles['Slider'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        disabled && styles['Slider--disabled'],\n        className,\n      )}\n    >\n      <div ref={container} className={styles['Slider__in']}>\n        <div className={styles['Slider__dragger']} style={draggerStyle}>\n          {isRange && (\n            <span\n              className={classNames(styles['Slider__thumb'], styles['Slider__thumb--start'])}\n              ref={thumbStart}\n            />\n          )}\n          <span\n            className={classNames(styles['Slider__thumb'], styles['Slider__thumb--end'])}\n            ref={thumbEnd}\n          />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n"],"names":["UniversalSlider","sizeYClassNames","none","SizeType","COMPACT","min","max","step","value","defaultValue","onChange","getRootRef","disabled","className","restProps","start","end","isRange","gesture","React","useRef","dragging","startX","containerWidth","current","container","useExternRef","thumbStart","thumbEnd","useAdaptivity","sizeY","offsetToValue","absolute","rescale","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","Touch","data-value","join","classNames","REGULAR","div","ref","style","span"],"mappings":"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"}

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export interface HorizontalScrollArrowProps {
-    direction: 'left' | 'right';
-    size?: 'm' | 'l';
-    offsetY?: number | string;
-    onClick(event: React.MouseEvent): void;
-    className?: string;
-}
-export declare const HorizontalScrollArrow: ({ size, offsetY, direction, onClick, className, ...restProps }: HorizontalScrollArrowProps) => JSX.Element;

package/dist/components/HorizontalScroll/HorizontalScrollArrow.js

@@ -1,42 +0,0 @@
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
-import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
-import * as React from "react";
-import { Icon16Chevron, Icon16ChevronLeft, Icon24Chevron, Icon24ChevronCompactLeft } from "@vkontakte/icons";
-import { classNames } from "@vkontakte/vkjs";
-import { Tappable } from "../Tappable/Tappable";
-export var HorizontalScrollArrow = function(_param) {
-    var _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, offsetY = _param.offsetY, direction = _param.direction, onClick = _param.onClick, className = _param.className, restProps = _object_without_properties(_param, [
-        "size",
-        "offsetY",
-        "direction",
-        "onClick",
-        "className"
-    ]);
-    var ArrowIcon;
-    if (size === "m") {
-        ArrowIcon = direction === "left" ? Icon16ChevronLeft : Icon16Chevron;
-    } else {
-        ArrowIcon = direction === "left" ? Icon24ChevronCompactLeft : Icon24Chevron;
-    }
-    return /*#__PURE__*/ React.createElement(Tappable, _object_spread_props(_object_spread({}, restProps), {
-        Component: "button",
-        hasHover: false,
-        hasActive: false,
-        className: classNames("vkuiHorizontalScrollArrow", {
-            m: "vkuiHorizontalScrollArrow--size-m",
-            l: "vkuiHorizontalScrollArrow--size-l"
-        }[size], {
-            left: "vkuiHorizontalScrollArrow--direction-left",
-            right: "vkuiHorizontalScrollArrow--direction-right"
-        }[direction], className),
-        onClick: onClick
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: "vkuiHorizontalScrollArrow__icon",
-        style: offsetY ? {
-            top: offsetY
-        } : undefined
-    }, /*#__PURE__*/ React.createElement(ArrowIcon, null)));
-};
-
-//# sourceMappingURL=HorizontalScrollArrow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon16Chevron,\n  Icon16ChevronLeft,\n  Icon24Chevron,\n  Icon24ChevronCompactLeft,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './HorizontalScrollArrow.module.css';\n\nexport interface HorizontalScrollArrowProps {\n  direction: 'left' | 'right';\n  size?: 'm' | 'l';\n  offsetY?: number | string;\n  onClick(event: React.MouseEvent): void;\n  className?: string;\n}\n\nexport const HorizontalScrollArrow = ({\n  size = 'l',\n  offsetY,\n  direction,\n  onClick,\n  className,\n  ...restProps\n}: HorizontalScrollArrowProps) => {\n  let ArrowIcon: React.ComponentType<unknown>;\n\n  if (size === 'm') {\n    ArrowIcon = direction === 'left' ? Icon16ChevronLeft : Icon16Chevron;\n  } else {\n    ArrowIcon = direction === 'left' ? Icon24ChevronCompactLeft : Icon24Chevron;\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      hasActive={false}\n      className={classNames(\n        styles['HorizontalScrollArrow'],\n        {\n          m: styles['HorizontalScrollArrow--size-m'],\n          l: styles['HorizontalScrollArrow--size-l'],\n        }[size],\n        {\n          left: styles['HorizontalScrollArrow--direction-left'],\n          right: styles['HorizontalScrollArrow--direction-right'],\n        }[direction],\n        className,\n      )}\n      onClick={onClick}\n    >\n      <span\n        className={styles['HorizontalScrollArrow__icon']}\n        style={offsetY ? { top: offsetY } : undefined}\n      >\n        <ArrowIcon />\n      </span>\n    </Tappable>\n  );\n};\n"],"names":["React","Icon16Chevron","Icon16ChevronLeft","Icon24Chevron","Icon24ChevronCompactLeft","classNames","Tappable","HorizontalScrollArrow","size","offsetY","direction","onClick","className","restProps","ArrowIcon","Component","hasHover","hasActive","m","l","left","right","span","style","top","undefined"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,aAAa,EACbC,iBAAiB,EACjBC,aAAa,EACbC,wBAAwB,QACnB,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAQ,uBAAuB;AAWhD,OAAO,IAAMC,wBAAwB,iBAOH;6BANhCC,MAAAA,gCAAO,mBACPC,iBAAAA,SACAC,mBAAAA,WACAC,iBAAAA,SACAC,mBAAAA,WACGC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAIE;IAEJ,IAAIN,SAAS,KAAK;QAChBM,YAAYJ,cAAc,SAASR,oBAAoBD,aAAa;IACtE,OAAO;QACLa,YAAYJ,cAAc,SAASN,2BAA2BD,aAAa;IAC7E,CAAC;IAED,qBACE,oBAACG,kDACKO;QACJE,WAAU;QACVC,UAAU,KAAK;QACfC,WAAW,KAAK;QAChBL,WAAWP,wCAET;YACEa,CAAC;YACDC,CAAC;QACH,CAAC,CAACX,KAAK,EACP;YACEY,IAAI;YACJC,KAAK;QACP,CAAC,CAACX,UAAU,EACZE;QAEFD,SAASA;sBAET,oBAACW;QACCV,SAAS;QACTW,OAAOd,UAAU;YAAEe,KAAKf;QAAQ,IAAIgB,SAAS;qBAE7C,oBAACX;AAIT,EAAE"}

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { HasRootRef } from '../../types';
-import { TouchEvent } from '../Touch/Touch';
-export type UniversalValue = [number | null, number];
-export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>, Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'> {
-    min?: number;
-    max?: number;
-    step?: number;
-    value?: Value;
-    defaultValue?: Value;
-    disabled?: boolean;
-    onChange?(value: Value, e: TouchEvent): void;
-}
-export declare const UniversalSlider: ({ min, max, step, value, defaultValue, onChange, getRootRef, disabled, className, ...restProps }: UniversalSliderProps<UniversalValue>) => JSX.Element;

package/dist/components/RangeSlider/UniversalSlider.js

@@ -1,154 +0,0 @@
-import _define_property from "@swc/helpers/src/_define_property.mjs";
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
-import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
-import * as React from "react";
-import { classNames } from "@vkontakte/vkjs";
-import { rescale } from "../../helpers/math";
-import { useAdaptivity } from "../../hooks/useAdaptivity";
-import { useExternRef } from "../../hooks/useExternRef";
-import { SizeType } from "../../lib/adaptivity";
-import { Touch } from "../Touch/Touch";
-var sizeYClassNames = _define_property({
-    none: "vkuiSlider--sizeY-none"
-}, SizeType.COMPACT, "vkuiSlider--sizeY-compact");
-export var UniversalSlider = function(_param) {
-    var _param_min = _param.min, min = _param_min === void 0 ? 0 : _param_min, _param_max = _param.max, max = _param_max === void 0 ? 100 : _param_max, step = _param.step, _param_value = _param.value, value = _param_value === void 0 ? [
-        0,
-        0
-    ] : _param_value, defaultValue = _param.defaultValue, onChange = _param.onChange, getRootRef = _param.getRootRef, disabled = _param.disabled, className = _param.className, restProps = _object_without_properties(_param, [
-        "min",
-        "max",
-        "step",
-        "value",
-        "defaultValue",
-        "onChange",
-        "getRootRef",
-        "disabled",
-        "className"
-    ]);
-    var _value = _sliced_to_array(value, 2), start = _value[0], end = _value[1];
-    var isRange = start != null;
-    var gesture = React.useRef({
-        dragging: false,
-        startX: 0,
-        containerWidth: 0
-    }).current;
-    var container = useExternRef(getRootRef);
-    var thumbStart = React.useRef(null);
-    var thumbEnd = React.useRef(null);
-    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
-    var offsetToValue = function(absolute) {
-        return rescale(absolute, [
-            0,
-            gesture.containerWidth
-        ], [
-            min,
-            max
-        ], {
-            step: step
-        });
-    };
-    var updateRange = function(nextValue) {
-        if (start == null) {
-            return [
-                null,
-                nextValue
-            ];
-        }
-        var dragging = gesture.dragging;
-        if (dragging === "start") {
-            if (nextValue > end) {
-                // "перехватиться", если перетянули за конец
-                gesture.dragging = "end";
-                return [
-                    end,
-                    nextValue
-                ];
-            }
-            return [
-                nextValue,
-                end
-            ];
-        }
-        if (dragging === "end") {
-            if (nextValue < start) {
-                // "перехватиться", если перетянули за начало
-                gesture.dragging = "start";
-                return [
-                    nextValue,
-                    start
-                ];
-            }
-            return [
-                start,
-                nextValue
-            ];
-        }
-        return value;
-    };
-    var snapDirection = function(pos, target) {
-        if (target === thumbStart.current) {
-            return "start";
-        }
-        if (target === thumbEnd.current) {
-            return "end";
-        }
-        return Math.abs((start !== null && start !== void 0 ? start : 0) - pos) <= Math.abs(end - pos) ? "start" : "end";
-    };
-    var onStart = function(e) {
-        var _container_current;
-        var boundingRect = (_container_current = container.current) === null || _container_current === void 0 ? void 0 : _container_current.getBoundingClientRect();
-        var _boundingRect_width;
-        gesture.containerWidth = (_boundingRect_width = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.width) !== null && _boundingRect_width !== void 0 ? _boundingRect_width : 0;
-        var _boundingRect_left;
-        var absolutePosition = e.startX - ((_boundingRect_left = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.left) !== null && _boundingRect_left !== void 0 ? _boundingRect_left : 0);
-        var pos = offsetToValue(absolutePosition);
-        gesture.dragging = snapDirection(pos, e.originalEvent.target);
-        gesture.startX = absolutePosition;
-        onChange === null || onChange === void 0 ? void 0 : onChange(updateRange(pos), e);
-        e.originalEvent.stopPropagation();
-    };
-    var onMove = function(e) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);
-        e.originalEvent.stopPropagation();
-        e.originalEvent.preventDefault();
-    };
-    var onEnd = function(e) {
-        gesture.dragging = false;
-        e.originalEvent.stopPropagation();
-    };
-    var toPercent = function(v) {
-        return (v - min) / (max - min) * 100;
-    };
-    var draggerStyle = isRange ? {
-        width: "".concat(toPercent(end) - toPercent(start !== null && start !== void 0 ? start : 0), "%"),
-        left: "".concat(toPercent(start !== null && start !== void 0 ? start : 0), "%")
-    } : {
-        width: "".concat(toPercent(end), "%")
-    };
-    return /*#__PURE__*/ React.createElement(Touch, _object_spread_props(_object_spread({
-        "data-value": isRange ? value.join(",") : value
-    }, restProps, disabled ? {} : {
-        onStart: onStart,
-        onMove: onMove,
-        onEnd: onEnd
-    }), {
-        className: classNames("vkuiSlider", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], disabled && "vkuiSlider--disabled", className)
-    }), /*#__PURE__*/ React.createElement("div", {
-        ref: container,
-        className: "vkuiSlider__in"
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "vkuiSlider__dragger",
-        style: draggerStyle
-    }, isRange && /*#__PURE__*/ React.createElement("span", {
-        className: classNames("vkuiSlider__thumb", "vkuiSlider__thumb--start"),
-        ref: thumbStart
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: classNames("vkuiSlider__thumb", "vkuiSlider__thumb--end"),
-        ref: thumbEnd
-    }))));
-};
-
-//# sourceMappingURL=UniversalSlider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { rescale } from '../../helpers/math';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasRootRef } from '../../types';\nimport { Touch, TouchEvent, TouchEventHandler } from '../Touch/Touch';\nimport styles from '../Slider/Slider.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Slider--sizeY-none'],\n  [SizeType.COMPACT]: styles['Slider--sizeY-compact'],\n};\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n  extends HasRootRef<HTMLDivElement>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'> {\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  className,\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 = 'none' } = 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) ? 'start' : '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      className={classNames(\n        styles['Slider'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        disabled && styles['Slider--disabled'],\n        className,\n      )}\n    >\n      <div ref={container} className={styles['Slider__in']}>\n        <div className={styles['Slider__dragger']} style={draggerStyle}>\n          {isRange && (\n            <span\n              className={classNames(styles['Slider__thumb'], styles['Slider__thumb--start'])}\n              ref={thumbStart}\n            />\n          )}\n          <span\n            className={classNames(styles['Slider__thumb'], styles['Slider__thumb--end'])}\n            ref={thumbEnd}\n          />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n"],"names":["React","classNames","rescale","useAdaptivity","useExternRef","SizeType","Touch","sizeYClassNames","none","COMPACT","UniversalSlider","min","max","step","value","defaultValue","onChange","getRootRef","disabled","className","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","data-value","join","REGULAR","div","ref","style","span"],"mappings":"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"}

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export interface HorizontalScrollArrowProps {
-    direction: 'left' | 'right';
-    size?: 'm' | 'l';
-    offsetY?: number | string;
-    onClick(event: React.MouseEvent): void;
-    className?: string;
-}
-export declare const HorizontalScrollArrow: ({ size, offsetY, direction, onClick, className, ...restProps }: HorizontalScrollArrowProps) => JSX.Element;

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

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { Icon16Chevron, Icon16ChevronLeft, Icon24Chevron, Icon24ChevronCompactLeft } from '@vkontakte/icons';
-import { classNames } from '@vkontakte/vkjs';
-import { Tappable } from '../Tappable/Tappable';
-import styles from './HorizontalScrollArrow.module.css';
-export const HorizontalScrollArrow = ({ size ='l' , offsetY , direction , onClick , className , ...restProps })=>{
-    let ArrowIcon;
-    if (size === 'm') {
-        ArrowIcon = direction === 'left' ? Icon16ChevronLeft : Icon16Chevron;
-    } else {
-        ArrowIcon = direction === 'left' ? Icon24ChevronCompactLeft : Icon24Chevron;
-    }
-    return /*#__PURE__*/ React.createElement(Tappable, {
-        ...restProps,
-        Component: "button",
-        hasHover: false,
-        hasActive: false,
-        className: classNames(styles['HorizontalScrollArrow'], {
-            m: styles['HorizontalScrollArrow--size-m'],
-            l: styles['HorizontalScrollArrow--size-l']
-        }[size], {
-            left: styles['HorizontalScrollArrow--direction-left'],
-            right: styles['HorizontalScrollArrow--direction-right']
-        }[direction], className),
-        onClick: onClick
-    }, /*#__PURE__*/ React.createElement("span", {
-        className: styles['HorizontalScrollArrow__icon'],
-        style: offsetY ? {
-            top: offsetY
-        } : undefined
-    }, /*#__PURE__*/ React.createElement(ArrowIcon, null)));
-};
-
-//# sourceMappingURL=HorizontalScrollArrow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon16Chevron,\n  Icon16ChevronLeft,\n  Icon24Chevron,\n  Icon24ChevronCompactLeft,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './HorizontalScrollArrow.module.css';\n\nexport interface HorizontalScrollArrowProps {\n  direction: 'left' | 'right';\n  size?: 'm' | 'l';\n  offsetY?: number | string;\n  onClick(event: React.MouseEvent): void;\n  className?: string;\n}\n\nexport const HorizontalScrollArrow = ({\n  size = 'l',\n  offsetY,\n  direction,\n  onClick,\n  className,\n  ...restProps\n}: HorizontalScrollArrowProps) => {\n  let ArrowIcon: React.ComponentType<unknown>;\n\n  if (size === 'm') {\n    ArrowIcon = direction === 'left' ? Icon16ChevronLeft : Icon16Chevron;\n  } else {\n    ArrowIcon = direction === 'left' ? Icon24ChevronCompactLeft : Icon24Chevron;\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      hasActive={false}\n      className={classNames(\n        styles['HorizontalScrollArrow'],\n        {\n          m: styles['HorizontalScrollArrow--size-m'],\n          l: styles['HorizontalScrollArrow--size-l'],\n        }[size],\n        {\n          left: styles['HorizontalScrollArrow--direction-left'],\n          right: styles['HorizontalScrollArrow--direction-right'],\n        }[direction],\n        className,\n      )}\n      onClick={onClick}\n    >\n      <span\n        className={styles['HorizontalScrollArrow__icon']}\n        style={offsetY ? { top: offsetY } : undefined}\n      >\n        <ArrowIcon />\n      </span>\n    </Tappable>\n  );\n};\n"],"names":["React","Icon16Chevron","Icon16ChevronLeft","Icon24Chevron","Icon24ChevronCompactLeft","classNames","Tappable","styles","HorizontalScrollArrow","size","offsetY","direction","onClick","className","restProps","ArrowIcon","Component","hasHover","hasActive","m","l","left","right","span","style","top","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,aAAa,EACbC,iBAAiB,EACjBC,aAAa,EACbC,wBAAwB,QACnB,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,YAAY,qCAAqC;AAUxD,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,MAAO,IAAG,EACVC,QAAO,EACPC,UAAS,EACTC,QAAO,EACPC,UAAS,EACT,GAAGC,WACwB,GAAK;IAChC,IAAIC;IAEJ,IAAIN,SAAS,KAAK;QAChBM,YAAYJ,cAAc,SAAST,oBAAoBD,aAAa;IACtE,OAAO;QACLc,YAAYJ,cAAc,SAASP,2BAA2BD,aAAa;IAC7E,CAAC;IAED,qBACE,oBAACG;QACE,GAAGQ,SAAS;QACbE,WAAU;QACVC,UAAU,KAAK;QACfC,WAAW,KAAK;QAChBL,WAAWR,WACTE,MAAM,CAAC,wBAAwB,EAC/B;YACEY,GAAGZ,MAAM,CAAC,gCAAgC;YAC1Ca,GAAGb,MAAM,CAAC,gCAAgC;QAC5C,CAAC,CAACE,KAAK,EACP;YACEY,MAAMd,MAAM,CAAC,wCAAwC;YACrDe,OAAOf,MAAM,CAAC,yCAAyC;QACzD,CAAC,CAACI,UAAU,EACZE;QAEFD,SAASA;qBAET,oBAACW;QACCV,WAAWN,MAAM,CAAC,8BAA8B;QAChDiB,OAAOd,UAAU;YAAEe,KAAKf;QAAQ,IAAIgB,SAAS;qBAE7C,oBAACX;AAIT,EAAE"}

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { HasRootRef } from '../../types';
-import { TouchEvent } from '../Touch/Touch';
-export type UniversalValue = [number | null, number];
-export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>, Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'> {
-    min?: number;
-    max?: number;
-    step?: number;
-    value?: Value;
-    defaultValue?: Value;
-    disabled?: boolean;
-    onChange?(value: Value, e: TouchEvent): void;
-}
-export declare const UniversalSlider: ({ min, max, step, value, defaultValue, onChange, getRootRef, disabled, className, ...restProps }: UniversalSliderProps<UniversalValue>) => JSX.Element;