@salutejs/plasma-core 1.226.1-next-sbcom.0 → 1.227.0-dev.0

package/components/Slider/Handle.js

@@ -8,32 +8,11 @@ Object.defineProperty(exports, "Handle", {
         return Handle;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _reactdraggable = /*#__PURE__*/ _interop_require_default(require("react-draggable"));
-var _utils = require("./utils");
-var _ThumbBase = require("./ThumbBase");
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _reactdraggable = /*#__PURE__*/ _interop_require_default(require("react-draggable"));
+const _utils = require("./utils");
+const _ThumbBase = require("./ThumbBase");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -80,128 +59,18 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_array(arr) {
-    return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var HandleStyled = _styledcomponents.default.div.withConfig({
+const HandleStyled = _styledcomponents.default.div.withConfig({
     displayName: "Handle__HandleStyled",
     componentId: "sc-50a39b96-0"
 })([
-    "cursor:pointer;position:absolute;z-index:1;top:0;left:0;"
+    `cursor:pointer;position:absolute;z-index:1;top:0;left:0;`
 ]);
-var Handle = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
-    var _ref = [
-        _0,
-        _1
-    ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), stepSize = _ref2.stepSize, onChangeCommitted = _ref2.onChangeCommitted, onChange = _ref2.onChange, xPosition = _ref2.xPosition, min = _ref2.min, max = _ref2.max, _ref_bounds = _ref2.bounds, bounds = _ref_bounds === void 0 ? [] : _ref_bounds, zIndex = _ref2.zIndex, disabled = _ref2.disabled, side = _ref2.side, rest = _object_without_properties(_ref2, [
-        "stepSize",
-        "onChangeCommitted",
-        "onChange",
-        "xPosition",
-        "min",
-        "max",
-        "bounds",
-        "zIndex",
-        "disabled",
-        "side"
-    ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
-    var lastOnChangeValue = (0, _react.useRef)();
-    var currentSliderValue = (lastOnChangeValue === null || lastOnChangeValue === void 0 ? void 0 : lastOnChangeValue.current) || rest.value;
-    var onDrag = (0, _react.useCallback)(function(_, data) {
+const Handle = /*#__PURE__*/ (0, _react.forwardRef)(({ stepSize, onChangeCommitted, onChange, xPosition, min, max, bounds = [], zIndex, disabled, side, ...rest }, ref)=>{
+    const lastOnChangeValue = (0, _react.useRef)();
+    const currentSliderValue = lastOnChangeValue?.current || rest.value;
+    const onDrag = (0, _react.useCallback)((_, data)=>{
         if (onChange) {
-            var newValue = (0, _utils.getSliderThumbValue)(data.x, stepSize, min, max);
+            const newValue = (0, _utils.getSliderThumbValue)(data.x, stepSize, min, max);
             if (lastOnChangeValue.current !== newValue) {
                 onChange(newValue, data);
                 lastOnChangeValue.current = newValue;
@@ -213,8 +82,8 @@ var Handle = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
         min,
         max
     ]);
-    var onStop = (0, _react.useCallback)(function(_, data) {
-        var newValue = (0, _utils.getSliderThumbValue)(data.x, stepSize, min, max);
+    const onStop = (0, _react.useCallback)((_, data)=>{
+        const newValue = (0, _utils.getSliderThumbValue)(data.x, stepSize, min, max);
         onChangeCommitted(newValue, data);
     }, [
         onChangeCommitted,
@@ -222,18 +91,18 @@ var Handle = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
         min,
         max
     ]);
-    var _getOffsets = _sliced_to_array((0, _utils.getOffsets)(ref, side), 2), offsetLeft = _getOffsets[0], offsetRight = _getOffsets[1];
-    var _bounds = _sliced_to_array(bounds, 2), leftValueBound = _bounds[0], rightValueBound = _bounds[1];
-    var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
-    var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
-    var position = typeof xPosition === 'number' ? {
+    const [offsetLeft, offsetRight] = (0, _utils.getOffsets)(ref, side);
+    const [leftValueBound, rightValueBound] = bounds;
+    const leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
+    const rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
+    const position = typeof xPosition === 'number' ? {
         x: xPosition,
         y: 0
     } : undefined;
-    var tabIndex = disabled ? -1 : 0;
-    var computedBounds = {
-        left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) + offsetLeft,
-        right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - offsetRight
+    const tabIndex = disabled ? -1 : 0;
+    const computedBounds = {
+        left: (leftPositionBound ?? 0) + offsetLeft,
+        right: (rightPositionBound ?? stepSize * (max - min)) - offsetRight
     };
     return /*#__PURE__*/ _react.default.createElement(_reactdraggable.default, {
         axis: "x",
@@ -249,9 +118,9 @@ var Handle = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
     }, /*#__PURE__*/ _react.default.createElement(HandleStyled, {
         ref: ref,
         style: {
-            zIndex: zIndex
+            zIndex
         }
-    }, /*#__PURE__*/ _react.default.createElement(_ThumbBase.Thumb, _object_spread({
+    }, /*#__PURE__*/ _react.default.createElement(_ThumbBase.Thumb, {
         tabIndex: tabIndex,
         min: min,
         max: max,
@@ -260,6 +129,7 @@ var Handle = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
         onChangeCommitted: onChangeCommitted,
         xPosition: xPosition,
         disabled: disabled,
-        bounds: computedBounds
-    }, rest))));
+        bounds: computedBounds,
+        ...rest
+    })));
 });

package/components/Slider/Single.js

@@ -8,219 +8,71 @@ Object.defineProperty(exports, "Slider", {
         return Slider;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _SliderBase = require("./SliderBase");
-var _Handle = require("./Handle");
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _SliderBase = require("./SliderBase");
+const _Handle = require("./Handle");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var Slider = function Slider(_0) {
-    var min = _0.min, max = _0.max, value = _0.value, disabled = _0.disabled, onChangeCommitted = _0.onChangeCommitted, onChange = _0.onChange, ariaLabel = _0.ariaLabel, _0_multipleStepSize = _0.multipleStepSize, multipleStepSize = _0_multipleStepSize === void 0 ? 10 : _0_multipleStepSize, thumb = _0.thumb, rest = _object_without_properties(_0, [
-        "min",
-        "max",
-        "value",
-        "disabled",
-        "onChangeCommitted",
-        "onChange",
-        "ariaLabel",
-        "multipleStepSize",
-        "thumb"
-    ]);
-    var _React_useState = _sliced_to_array(_react.default.useState({
+const Slider = ({ min, max, value, disabled, onChangeCommitted, onChange, ariaLabel, multipleStepSize = 10, thumb, ...rest })=>{
+    const [state, setState] = _react.default.useState({
         xHandle: 0,
         stepSize: 0,
         railFillWidth: 0
-    }), 2), state = _React_useState[0], setState = _React_useState[1];
-    var stepSize = state.stepSize;
-    _react.default.useEffect(function() {
-        var localValue = Math.min(Math.max(value, min), max) - min;
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+    });
+    const { stepSize } = state;
+    _react.default.useEffect(()=>{
+        const localValue = Math.min(Math.max(value, min), max) - min;
+        setState((prevState)=>({
+                ...prevState,
                 xHandle: stepSize * localValue,
                 railFillWidth: stepSize * localValue
-            });
-        });
+            }));
     }, [
         value,
         stepSize,
         min,
         max
     ]);
-    var setStepSize = _react.default.useCallback(function(newStepSize) {
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+    const setStepSize = _react.default.useCallback((newStepSize)=>{
+        setState((prevState)=>({
+                ...prevState,
                 stepSize: newStepSize
-            });
-        });
+            }));
     }, []);
-    var onHandleChange = _react.default.useCallback(function(handleValue, data) {
-        var newHandleXPosition = data.x;
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+    const onHandleChange = _react.default.useCallback((handleValue, data)=>{
+        const newHandleXPosition = data.x;
+        setState((prevState)=>({
+                ...prevState,
                 railFillWidth: newHandleXPosition
-            });
-        });
+            }));
         if (onChange) {
             onChange(handleValue);
         }
     }, [
         onChange
     ]);
-    var onHandleChangeCommitted = _react.default.useCallback(function(handleValue, data) {
+    const onHandleChangeCommitted = _react.default.useCallback((handleValue, data)=>{
         onChangeCommitted(handleValue);
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+        setState((prevState)=>({
+                ...prevState,
                 xHandle: data.lastX,
                 railFillWidth: data.lastX
-            });
-        });
+            }));
     }, [
         onChangeCommitted
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_SliderBase.SliderBase, _object_spread({
+    return /*#__PURE__*/ _react.default.createElement(_SliderBase.SliderBase, {
         min: min,
         max: max,
         disabled: disabled,
         setStepSize: setStepSize,
         onChange: onHandleChangeCommitted,
-        railFillWidth: state.railFillWidth
-    }, rest), /*#__PURE__*/ _react.default.createElement(_Handle.Handle, {
+        railFillWidth: state.railFillWidth,
+        ...rest
+    }, /*#__PURE__*/ _react.default.createElement(_Handle.Handle, {
         stepSize: state.stepSize,
         onChangeCommitted: onHandleChangeCommitted,
         onChange: onHandleChange,

package/components/Slider/Slider.js

@@ -8,18 +8,16 @@ Object.defineProperty(exports, "SliderCore", {
         return SliderCore;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _Single = require("./Single");
-var _Double = require("./Double");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Single = require("./Single");
+const _Double = require("./Double");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var isSingleValueProps = function isSingleValueProps(props) {
-    return typeof props.value === 'number';
-};
-var SliderCore = function SliderCore(props) {
+const isSingleValueProps = (props)=>typeof props.value === 'number';
+const SliderCore = (props)=>{
     if (isSingleValueProps(props)) {
         return /*#__PURE__*/ _react.default.createElement(_Single.Slider, props);
     }

package/components/Slider/SliderBase.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "SliderBase", {
         return SliderBase;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _hooks = require("../../hooks");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _hooks = require("../../hooks");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -52,60 +52,53 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-var Slider = _styledcomponents.default.div.withConfig({
+const Slider = _styledcomponents.default.div.withConfig({
     displayName: "SliderBase__Slider",
     componentId: "sc-1367fcf6-0"
 })([
-    "position:relative;height:1.625rem;user-select:none;",
-    " ",
-    ""
-], function(param) {
-    var _param_$settings = param.$settings, _param_$settings_indent = _param_$settings.indent, indent = _param_$settings_indent === void 0 ? 0.75 : _param_$settings_indent, backgroundColor = _param_$settings.backgroundColor, fillColor = _param_$settings.fillColor;
-    return (0, _styledcomponents.css)([
-        "--indent:",
-        "rem;--background-color:",
-        ";--fill-color:",
-        ";"
-    ], indent, backgroundColor, fillColor);
-}, function(param) {
-    var disabled = param.disabled;
-    return disabled && (0, _styledcomponents.css)([
-        "opacity:0.4;"
-    ]);
-});
-var RailWrap = _styledcomponents.default.div.withConfig({
+    `position:relative;height:1.625rem;user-select:none;`,
+    ` `,
+    ``
+], ({ $settings: { indent = 0.75, backgroundColor, fillColor } })=>(0, _styledcomponents.css)([
+        `--indent:`,
+        `rem;--background-color:`,
+        `;--fill-color:`,
+        `;`
+    ], indent, backgroundColor, fillColor), ({ disabled })=>disabled && (0, _styledcomponents.css)([
+        `opacity:0.4;`
+    ]));
+const RailWrap = _styledcomponents.default.div.withConfig({
     displayName: "SliderBase__RailWrap",
     componentId: "sc-1367fcf6-1"
 })([
-    "height:100%;"
+    `height:100%;`
 ]);
-var Rail = _styledcomponents.default.div.withConfig({
+const Rail = _styledcomponents.default.div.withConfig({
     displayName: "SliderBase__Rail",
     componentId: "sc-1367fcf6-2"
 })([
-    "position:relative;top:50%;margin-left:var(--indent);margin-right:var(--indent);height:0.25rem;border-radius:0.125rem;background-color:var(--background-color);overflow:hidden;transform:translateY(-50%);"
+    `position:relative;top:50%;margin-left:var(--indent);margin-right:var(--indent);height:0.25rem;border-radius:0.125rem;background-color:var(--background-color);overflow:hidden;transform:translateY(-50%);`
 ]);
-var Fill = _styledcomponents.default.div.withConfig({
+const Fill = _styledcomponents.default.div.withConfig({
     displayName: "SliderBase__Fill",
     componentId: "sc-1367fcf6-3"
 })([
-    "position:absolute;height:100%;top:0;left:0;background-color:var(--fill-color);width:0;"
+    `position:absolute;height:100%;top:0;left:0;background-color:var(--fill-color);width:0;`
 ]);
-var SliderBase = function SliderBase(param) {
-    var max = param.max, min = param.min, setStepSize = param.setStepSize, railFillWidth = param.railFillWidth, children = param.children, _param_railFillXPosition = param.railFillXPosition, railFillXPosition = _param_railFillXPosition === void 0 ? 0 : _param_railFillXPosition, disabled = param.disabled, onChange = param.onChange, _param_settings = param.settings, settings = _param_settings === void 0 ? {} : _param_settings;
-    var _settings_indent = settings.indent, indent = _settings_indent === void 0 ? 0.75 : _settings_indent, _settings_fontSizeMultiplier = settings.fontSizeMultiplier, fontSizeMultiplier = _settings_fontSizeMultiplier === void 0 ? 16 : _settings_fontSizeMultiplier;
-    var ref = (0, _react.useRef)(null);
-    var gap = indent * fontSizeMultiplier * 2;
-    var onHandleChange = (0, _react.useCallback)(function(e) {
+const SliderBase = ({ max, min, setStepSize, railFillWidth, children, railFillXPosition = 0, disabled, onChange, settings = {} })=>{
+    const { indent = 0.75, fontSizeMultiplier = 16 } = settings;
+    const ref = (0, _react.useRef)(null);
+    const gap = indent * fontSizeMultiplier * 2;
+    const onHandleChange = (0, _react.useCallback)((e)=>{
         if (!onChange || disabled) {
             return;
         }
-        var _e_currentTarget_getBoundingClientRect = e.currentTarget.getBoundingClientRect(), x = _e_currentTarget_getBoundingClientRect.x, width = _e_currentTarget_getBoundingClientRect.width;
-        var lastX = e.clientX - x;
-        var position = min + lastX / (width - gap) * (max - min);
-        var result = Math.max(min, Math.min(max, position));
+        const { x, width } = e.currentTarget.getBoundingClientRect();
+        const lastX = e.clientX - x;
+        const position = min + lastX / (width - gap) * (max - min);
+        const result = Math.max(min, Math.min(max, position));
         onChange(result, {
-            lastX: lastX
+            lastX
         });
     }, [
         onChange,
@@ -114,28 +107,26 @@ var SliderBase = function SliderBase(param) {
         gap,
         max
     ]);
-    (0, _hooks.useIsomorphicLayoutEffect)(function() {
-        var resizeHandler = function resizeHandler() {
+    (0, _hooks.useIsomorphicLayoutEffect)(()=>{
+        const resizeHandler = ()=>{
             if (ref.current) {
-                var railSize = ref.current.offsetWidth - gap;
-                var totalSteps = max - min;
+                const railSize = ref.current.offsetWidth - gap;
+                const totalSteps = max - min;
                 setStepSize(railSize / totalSteps);
             }
         };
         resizeHandler();
         window.addEventListener('resize', resizeHandler);
-        return function() {
-            return window.removeEventListener('resize', resizeHandler);
-        };
+        return ()=>window.removeEventListener('resize', resizeHandler);
     }, [
         min,
         max,
         setStepSize,
         ref.current
     ]);
-    var fillStyle = {
-        left: "".concat(railFillXPosition, "px"),
-        width: "".concat(railFillWidth, "px")
+    const fillStyle = {
+        left: `${railFillXPosition}px`,
+        width: `${railFillWidth}px`
     };
     return /*#__PURE__*/ _react.default.createElement(Slider, {
         disabled: disabled,