@salutejs/plasma-new-hope 0.338.0-canary.2280.18412321271.0 → 0.338.0-canary.2281.18459948275.0

package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js

@@ -1,116 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get StyledBackgroundCircle () {
-        return StyledBackgroundCircle;
-    },
-    get StyledContent () {
-        return StyledContent;
-    },
-    get StyledProgressCircle () {
-        return StyledProgressCircle;
-    },
-    get StyledSVG () {
-        return StyledSVG;
-    },
-    get base () {
-        return base;
-    }
-});
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _ProgressBarCirculartokens = require("./ProgressBarCircular.tokens");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-var base = (0, _styledcomponents.css)([
-    "position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(",
-    ");height:var(",
-    ");"
-], _ProgressBarCirculartokens.tokens.width, _ProgressBarCirculartokens.tokens.height);
-var StyledSVG = _styledcomponents.default.svg.withConfig({
-    displayName: "ProgressBarCircular.styles__StyledSVG",
-    componentId: "sc-d5c5c64b-0"
-})([
-    "width:100%;height:100%;"
-]);
-var StyledBackgroundCircle = _styledcomponents.default.circle.withConfig({
-    displayName: "ProgressBarCircular.styles__StyledBackgroundCircle",
-    componentId: "sc-d5c5c64b-1"
-})([
-    "fill:none;stroke:var(",
-    ");stroke-width:",
-    ";"
-], _ProgressBarCirculartokens.tokens.backgroundStroke, function(param) {
-    var customStrokeWidth = param.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(_ProgressBarCirculartokens.tokens.backgroundStrokeWidth, ")");
-});
-var StyledProgressCircle = _styledcomponents.default.circle.withConfig({
-    displayName: "ProgressBarCircular.styles__StyledProgressCircle",
-    componentId: "sc-d5c5c64b-2"
-})([
-    "fill:none;stroke:var(",
-    ");stroke-width:",
-    ";stroke-linecap:round;transition:stroke-dashoffset 0.3s ease-in-out;"
-], _ProgressBarCirculartokens.tokens.progressStroke, function(param) {
-    var customStrokeWidth = param.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(_ProgressBarCirculartokens.tokens.progressStrokeWidth, ")");
-});
-var StyledContent = _styledcomponents.default.div.withConfig({
-    displayName: "ProgressBarCircular.styles__StyledContent",
-    componentId: "sc-d5c5c64b-3"
-})([
-    "position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(",
-    ");font-family:var(",
-    ");font-size:var(",
-    ");font-style:var(",
-    ");font-weight:var(",
-    ");letter-spacing:var(",
-    ");line-height:var(",
-    ");display:flex;align-items:center;justify-content:center;"
-], _ProgressBarCirculartokens.tokens.contentColor, _ProgressBarCirculartokens.tokens.contentFontFamily, _ProgressBarCirculartokens.tokens.contentFontSize, _ProgressBarCirculartokens.tokens.contentFontStyle, _ProgressBarCirculartokens.tokens.contentFontWeight, _ProgressBarCirculartokens.tokens.contentLetterSpacing, _ProgressBarCirculartokens.tokens.contentLineHeight);

package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get classes () {
-        return classes;
-    },
-    get tokens () {
-        return tokens;
-    }
-});
-var classes = {
-    svg: '--plasma-progressbar-circular-svg',
-    backgroundCircle: '--plasma-progressbar-circular-background-circle',
-    progressCircle: '--plasma-progressbar-circular-progress-circle',
-    content: '--plasma-progressbar-circular-content'
-};
-var tokens = {
-    width: '--plasma-progressbar-circular-width',
-    height: '--plasma-progressbar-circular-height',
-    backgroundStroke: '--plasma-progressbar-circular-background-stroke',
-    backgroundStrokeWidth: '--plasma-progressbar-circular-background-stroke-width',
-    progressStroke: '--plasma-progressbar-circular-progress-stroke',
-    progressStrokeWidth: '--plasma-progressbar-circular-progress-stroke-width',
-    contentColor: '--plasma-progressbar-circular-content-color',
-    contentFontFamily: '--plasma-progressbar-circular-content-font-family',
-    contentFontSize: '--plasma-progressbar-circular-content-font-size',
-    contentFontStyle: '--plasma-progressbar-circular-content-font-style',
-    contentFontWeight: '--plasma-progressbar-circular-content-font-weight',
-    contentLetterSpacing: '--plasma-progressbar-circular-content-letter-spacing',
-    contentLineHeight: '--plasma-progressbar-circular-content-line-height'
-};

package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.types.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

package/styled-components/cjs/components/ProgressBarCircular/index.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get progressBarCircularConfig () {
-        return _ProgressBarCircular.progressBarCircularConfig;
-    },
-    get progressBarCircularRoot () {
-        return _ProgressBarCircular.progressBarCircularRoot;
-    },
-    get progressBarCircularTokens () {
-        return _ProgressBarCirculartokens.tokens;
-    }
-});
-var _ProgressBarCircular = require("./ProgressBarCircular");
-var _ProgressBarCirculartokens = require("./ProgressBarCircular.tokens");

package/styled-components/cjs/components/ProgressBarCircular/variations/_size/base.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "base", {
-    enumerable: true,
-    get: function() {
-        return base;
-    }
-});
-var _styledcomponents = require("styled-components");
-var base = (0, _styledcomponents.css)([
-    ""
-]);

package/styled-components/cjs/components/ProgressBarCircular/variations/_view/base.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "base", {
-    enumerable: true,
-    get: function() {
-        return base;
-    }
-});
-var _styledcomponents = require("styled-components");
-var base = (0, _styledcomponents.css)([
-    ""
-]);

package/styled-components/cjs/components/Scrollbar/Scrollbar.js

@@ -1,423 +0,0 @@
-/* eslint-disable */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get scrollbarConfig () {
-        return scrollbarConfig;
-    },
-    get scrollbarRoot () {
-        return scrollbarRoot;
-    }
-});
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-var _base = require("./variations/_size/base");
-var _base1 = require("./variations/_view/base");
-var _Scrollbarstyles = require("./Scrollbar.styles");
-var _Scrollbartokens = require("./Scrollbar.tokens");
-var _utils = require("./utils");
-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;
-}
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-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 = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[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 = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) 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 MIN_SCROLLBAR_TRACK_HEIGHT = 20;
-var scrollbarRoot = function(Root) {
-    return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var className = _param.className, _param_view = _param.view, view = _param_view === void 0 ? 'default' : _param_view, _param_size = _param.size, size = _param_size === void 0 ? 'm' : _param_size, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_offset = _param.offset, offset = _param_offset === void 0 ? '4px' : _param_offset, _param_autoHide = _param.autoHide, autoHide = _param_autoHide === void 0 ? true : _param_autoHide, _param_autoHideDelay = _param.autoHideDelay, autoHideDelay = _param_autoHideDelay === void 0 ? 2000 : _param_autoHideDelay, style = _param.style, children = _param.children, rest = _object_without_properties(_param, [
-            "className",
-            "view",
-            "size",
-            "placement",
-            "offset",
-            "autoHide",
-            "autoHideDelay",
-            "style",
-            "children"
-        ]);
-        var containerRef = (0, _react.useRef)(null);
-        var contentRef = (0, _react.useRef)(null);
-        var trackRef = (0, _react.useRef)(null);
-        var thumbRef = (0, _react.useRef)(null);
-        var hideTimeoutRef = (0, _react.useRef)(null);
-        var isInitializedRef = (0, _react.useRef)(false);
-        var _useState = _sliced_to_array((0, _react.useState)({
-            isVisible: false,
-            thumbHeight: 0,
-            thumbPosition: 0,
-            isDragging: false
-        }), 2), scrollbarState = _useState[0], setScrollbarState = _useState[1];
-        var parsedOffset = (0, _utils.parseOffset)(offset);
-        var updateScrollbar = function() {
-            var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-            var container = containerRef.current;
-            if (!container) return;
-            var _calculateScrollbar = (0, _utils.calculateScrollbar)(container, parsedOffset, MIN_SCROLLBAR_TRACK_HEIGHT), thumbHeight = _calculateScrollbar.thumbHeight, thumbPosition = _calculateScrollbar.thumbPosition;
-            setScrollbarState(function(prevState) {
-                if (prevState.thumbHeight === thumbHeight && prevState.thumbPosition === thumbPosition && prevState.isVisible === (show || prevState.isVisible)) {
-                    return prevState;
-                }
-                return _object_spread_props(_object_spread({}, prevState), {
-                    thumbHeight: thumbHeight,
-                    thumbPosition: thumbPosition,
-                    isVisible: show || prevState.isVisible
-                });
-            });
-        };
-        var clearHideTimeout = function() {
-            if (hideTimeoutRef.current) {
-                clearTimeout(hideTimeoutRef.current);
-                hideTimeoutRef.current = null;
-            }
-        };
-        var showScrollbarWithDelay = function() {
-            clearHideTimeout();
-            updateScrollbar(true);
-            if (autoHide) {
-                hideTimeoutRef.current = window.setTimeout(function() {
-                    setScrollbarState(function(prevState) {
-                        return _object_spread_props(_object_spread({}, prevState), {
-                            isVisible: false
-                        });
-                    });
-                }, autoHideDelay);
-            }
-        };
-        var handleScroll = function() {
-            showScrollbarWithDelay();
-            updateScrollbar();
-        };
-        var handleMouseEnter = function() {
-            showScrollbarWithDelay();
-        };
-        var handleScrollbarDrag = function(e) {
-            e.preventDefault();
-            e.stopPropagation();
-            var thumb = e.currentTarget;
-            var track = thumb.parentElement;
-            var container = containerRef.current;
-            if (!container || !track) return;
-            clearHideTimeout();
-            var startY = e.clientY;
-            var startThumbPosition = parseFloat(thumb.style.top || '0');
-            var trackRect = track.getBoundingClientRect();
-            var trackHeight = trackRect.height;
-            var thumbHeight = thumb.offsetHeight;
-            var scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
-            var maxScroll = scrollHeight - clientHeight;
-            var handleMouseMove = function(moveEvent) {
-                var deltaY = moveEvent.clientY - startY;
-                var newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, startThumbPosition + deltaY));
-                var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
-                var newScrollTop = scrollPercentage * maxScroll;
-                container.scrollTop = newScrollTop;
-                setScrollbarState(function(prevState) {
-                    return _object_spread_props(_object_spread({}, prevState), {
-                        thumbPosition: newThumbPosition,
-                        isDragging: true,
-                        isVisible: true
-                    });
-                });
-            };
-            var handleMouseUp = function() {
-                document.removeEventListener('mousemove', handleMouseMove);
-                document.removeEventListener('mouseup', handleMouseUp);
-                setScrollbarState(function(prevState) {
-                    return _object_spread_props(_object_spread({}, prevState), {
-                        isDragging: false
-                    });
-                });
-                showScrollbarWithDelay();
-            };
-            document.addEventListener('mousemove', handleMouseMove);
-            document.addEventListener('mouseup', handleMouseUp);
-        };
-        var handleTrackClick = function(e) {
-            e.preventDefault();
-            e.stopPropagation();
-            var track = e.currentTarget;
-            var container = containerRef.current;
-            if (!container || !track) return;
-            if (thumbRef.current && thumbRef.current.contains(e.target)) {
-                return;
-            }
-            clearHideTimeout();
-            var trackRect = track.getBoundingClientRect();
-            var clickY = e.clientY - trackRect.top;
-            var trackHeight = trackRect.height;
-            var thumbHeight = scrollbarState.thumbHeight;
-            var scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
-            var maxScroll = scrollHeight - clientHeight;
-            if (maxScroll <= 0) return;
-            var newThumbPosition = clickY - thumbHeight / 2;
-            newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, newThumbPosition));
-            var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
-            var newScrollTop = scrollPercentage * maxScroll;
-            container.scrollTop = newScrollTop;
-            setScrollbarState(function(prevState) {
-                return _object_spread_props(_object_spread({}, prevState), {
-                    thumbPosition: newThumbPosition,
-                    isVisible: true
-                });
-            });
-            showScrollbarWithDelay();
-        };
-        (0, _react.useEffect)(function() {
-            var container = containerRef.current;
-            if (!container) return;
-            if (!isInitializedRef.current) {
-                updateScrollbar();
-                isInitializedRef.current = true;
-            }
-            container.addEventListener('scroll', handleScroll);
-            container.addEventListener('mouseenter', handleMouseEnter);
-            var resizeObserver = new ResizeObserver(function() {
-                updateScrollbar();
-            });
-            if (contentRef.current) {
-                resizeObserver.observe(contentRef.current);
-            }
-            return function() {
-                container.removeEventListener('scroll', handleScroll);
-                container.removeEventListener('mouseenter', handleMouseEnter);
-                resizeObserver.disconnect();
-                clearHideTimeout();
-            };
-        }, []);
-        (0, _react.useEffect)(function() {
-            updateScrollbar();
-        }, [
-            children,
-            offset
-        ]);
-        var _obj;
-        return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
-            view: view,
-            size: size,
-            className: (0, _classnames.default)(_Scrollbartokens.classes.scrollBarRoot, className),
-            ref: ref
-        }, rest), /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledScrollBar, {
-            className: (0, _classnames.default)((_obj = {}, _define_property(_obj, _Scrollbartokens.classes.scrollBarVisible, scrollbarState.isVisible), _define_property(_obj, _Scrollbartokens.classes.scrollBarDragging, scrollbarState.isDragging), _obj)),
-            style: _object_spread_props(_object_spread({}, style), {
-                '--scrollbar-offset-top': parsedOffset.top,
-                '--scrollbar-offset-right': parsedOffset.right,
-                '--scrollbar-offset-bottom': parsedOffset.bottom,
-                '--scrollbar-offset-left': parsedOffset.left
-            }),
-            "data-placement": placement,
-            "data-size": size,
-            "data-view": view
-        }, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledContainer, {
-            ref: containerRef,
-            className: _Scrollbartokens.classes.scrollBarContainer,
-            "data-placement": placement
-        }, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledContent, {
-            ref: contentRef,
-            className: _Scrollbartokens.classes.scrollBarContent
-        }, children)), /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledTrack, {
-            ref: trackRef,
-            className: (0, _classnames.default)(_Scrollbartokens.classes.scrollBarTrack, _define_property({}, _Scrollbartokens.classes.scrollBarTrackVisible, scrollbarState.isVisible)),
-            "data-placement": placement,
-            onMouseDown: handleTrackClick
-        }, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledThumb, {
-            ref: thumbRef,
-            className: _Scrollbartokens.classes.scrollBarThumb,
-            style: {
-                height: "".concat(scrollbarState.thumbHeight, "px"),
-                top: "".concat(scrollbarState.thumbPosition, "px")
-            },
-            onMouseDown: handleScrollbarDrag
-        }))));
-    });
-};
-var scrollbarConfig = {
-    name: 'Scrollbar',
-    tag: 'div',
-    layout: scrollbarRoot,
-    base: _Scrollbarstyles.base,
-    variations: {
-        view: {
-            css: _base1.base
-        },
-        size: {
-            css: _base.base
-        }
-    },
-    defaults: {
-        size: 'm',
-        view: 'default'
-    }
-};