@salutejs/plasma-new-hope 0.338.0-canary.2280.18485554017.0 → 0.338.0-canary.2280.18494951721.0

package/emotion/cjs/utils/index.js

@@ -42,9 +42,6 @@ _export(exports, {
     get getSizeValueFromProp () {
         return _getSizeValueFromProp.getSizeValueFromProp;
     },
-    get getTokenValueInPixels () {
-        return _getTokenValueInPixels.getTokenValueInPixels;
-    },
     get isEmpty () {
         return _isEmpty.isEmpty;
     },
@@ -78,7 +75,6 @@ _export_star(require("./initialValuesHelper"), exports);
 var _noop = require("./noop");
 var _getHeightAsNumber = require("./getHeightAsNumber");
 var _createConditionalComponent = require("./createConditionalComponent");
-var _getTokenValueInPixels = require("./getTokenValueInPixels");
 var _fixedForwardRef = require("./fixedForwardRef");
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {

package/emotion/es/components/Popover/Popover.js

@@ -133,6 +133,7 @@ import { useForkRef } from "@salutejs/plasma-core";
 import { useFocusTrap } from "../../hooks";
 import { cx, safeUseId } from "../../utils";
 import { Portal } from "../Portal";
+import { Resizable } from "../_Resizable";
 import { base as viewCSS } from "./variations/_view/base";
 import { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from "./Popover.styles";
 import { classes } from "./Popover.tokens";
@@ -147,7 +148,7 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
         var target = _param.target, children = _param.children, animated = _param.animated, isOpen = _param.isOpen, opened = _param.opened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, hasArrow = _param.hasArrow, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, className = _param.className, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'auto' : _param_placement, _param_offset = _param.offset, offset = _param_offset === void 0 ? [
             0,
             0
-        ] : _param_offset, zIndex = _param.zIndex, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_preventOverflow = _param.preventOverflow, preventOverflow = _param_preventOverflow === void 0 ? true : _param_preventOverflow, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, view = _param.view, onToggle = _param.onToggle, closeOnOverlayClick = _param.closeOnOverlayClick, rest = _object_without_properties(_param, [
+        ] : _param_offset, zIndex = _param.zIndex, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_preventOverflow = _param.preventOverflow, preventOverflow = _param_preventOverflow === void 0 ? true : _param_preventOverflow, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, resizable = _param.resizable, view = _param.view, onToggle = _param.onToggle, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, closeOnOverlayClick = _param.closeOnOverlayClick, rest = _object_without_properties(_param, [
             "target",
             "children",
             "animated",
@@ -164,8 +165,11 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
             "closeOnEsc",
             "preventOverflow",
             "usePortal",
+            "resizable",
             "view",
             "onToggle",
+            "onResizeStart",
+            "onResizeEnd",
             "closeOnOverlayClick"
         ]);
         var _placement_;
@@ -401,7 +405,11 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
             className: classes.arrow,
             ref: setArrowElement,
             style: styles.arrow
-        }, attributes.arrow)), children)))));
+        }, attributes.arrow)), /*#__PURE__*/ React.createElement(Resizable, {
+            resizable: resizable,
+            onResizeStart: onResizeStart,
+            onResizeEnd: onResizeEnd
+        }, children))))));
     });
 };
 export var popoverConfig = {

package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.js

@@ -1,11 +1,3 @@
-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, {
@@ -19,33 +11,6 @@ function _define_property(obj, key, value) {
     }
     return 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] : {};
@@ -88,27 +53,14 @@ function _object_without_properties_loose(source, excluded) {
     }
     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);
-}
-import React, { forwardRef, useState, useRef, useLayoutEffect } from "react";
-import { useForkRef } from "@salutejs/plasma-core";
-import { getTokenValueInPixels } from "../../utils";
+import React, { forwardRef } from "react";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base, StyledSVG, StyledBackgroundCircle, StyledProgressCircle, StyledContent } from "./ProgressBarCircular.styles";
-import { classes, tokens } from "./ProgressBarCircular.tokens";
+import { classes } from "./ProgressBarCircular.tokens";
 export var progressBarCircularRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, ref) {
-        var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidthProp = props.strokeWidth, rest = _object_without_properties(props, [
+        var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidth = props.strokeWidth, rest = _object_without_properties(props, [
             "value",
             "maxValue",
             "size",
@@ -117,30 +69,11 @@ export var progressBarCircularRoot = function(Root) {
             "className",
             "strokeWidth"
         ]);
-        var _useState = _sliced_to_array(useState(0), 2), strokeWidthCSS = _useState[0], setStrokeWidthCSS = _useState[1];
-        var _useState1 = _sliced_to_array(useState(0), 2), widthCSS = _useState1[0], setWidthCSS = _useState1[1];
-        var rootRef = useRef(null);
-        var rootForkRef = useForkRef(rootRef, ref);
         var clampedValue = Math.min(Math.max(value, 0), maxValue);
         var percentage = clampedValue / maxValue * 100;
-        var strokeWidth = (strokeWidthProp !== null && strokeWidthProp !== void 0 ? strokeWidthProp : strokeWidthCSS) * 2;
         var center = 50;
-        var radius = center - 50 / widthCSS * (strokeWidth / 2);
-        var circumference = 2 * Math.PI * radius;
-        var strokeDashoffset = circumference - percentage / 100 * circumference;
-        useLayoutEffect(function() {
-            if (rootRef.current) {
-                var strokeWidthFromCSS = getTokenValueInPixels(tokens.progressStrokeWidth, rootRef.current);
-                var widthFromCSS = getTokenValueInPixels(tokens.width, rootRef.current);
-                setStrokeWidthCSS(strokeWidthFromCSS !== null && strokeWidthFromCSS !== void 0 ? strokeWidthFromCSS : 0);
-                setWidthCSS(widthFromCSS !== null && widthFromCSS !== void 0 ? widthFromCSS : 0);
-            }
-        }, [
-            rootRef,
-            size
-        ]);
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
-            ref: rootForkRef,
+            ref: ref,
             view: view,
             size: size,
             className: className
@@ -150,19 +83,16 @@ export var progressBarCircularRoot = function(Root) {
             viewBox: "0 0 100 100",
             className: classes.svg
         }, /*#__PURE__*/ React.createElement(StyledBackgroundCircle, {
-            customStrokeWidth: 50 / widthCSS * strokeWidth,
+            customStrokeWidth: strokeWidth,
             cx: center,
             cy: center,
-            r: radius,
             className: classes.backgroundCircle
         }), /*#__PURE__*/ React.createElement(StyledProgressCircle, {
             cx: center,
             cy: center,
-            r: radius,
-            customStrokeWidth: 50 / widthCSS * strokeWidth,
+            customStrokeWidth: strokeWidth,
             className: classes.progressCircle,
-            strokeDasharray: circumference,
-            strokeDashoffset: strokeDashoffset,
+            percent: percentage,
             transform: "rotate(-90 50 50)"
         })), children && /*#__PURE__*/ React.createElement(StyledContent, {
             className: classes.content

package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.styles.js

@@ -1,26 +1,35 @@
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { tokens } from "./ProgressBarCircular.tokens";
-export var base = /*#__PURE__*/ css("position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(", tokens.width, ");height:var(", tokens.height, ");", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZ3JvdW5kQ2lyY2xlID0gc3R5bGVkLmNpcmNsZTx7IGN1c3RvbVN0cm9rZVdpZHRoPzogbnVtYmVyIH0+YFxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCB9KSA9PlxuICAgICAgICBjdXN0b21TdHJva2VXaWR0aCA/IGAke2N1c3RvbVN0cm9rZVdpZHRofXB4YCA6IGB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLnByb2dyZXNzU3Ryb2tlfSk7XG4gICAgc3Ryb2tlLXdpZHRoOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoIH0pID0+XG4gICAgICAgIGN1c3RvbVN0cm9rZVdpZHRoID8gYCR7Y3VzdG9tU3Ryb2tlV2lkdGh9cHhgIDogYHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSlgfTtcbiAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExpbmVIZWlnaHR9KTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");
+export var base = /*#__PURE__*/ css("position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(", tokens.height, ");height:var(", tokens.height, ");", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2dyb3VuZENpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHI6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoNTBweCAtIGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiAke2N1c3RvbVN0cm9rZVdpZHRofSkpYH07XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCA9IGB2YXIoJHt0b2tlbnMuc3Ryb2tlU2l6ZX0pYCB9KSA9PlxuICAgICAgICBgY2FsYyhjYWxjKDUwcHggLyB2YXIoJHt0b2tlbnMuc2l6ZX0pKSAqIGNhbGMoJHtjdXN0b21TdHJva2VXaWR0aH0pICogMilgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlcjsgcGVyY2VudD86IG51bWJlciB9PmBcbiAgICAtLXBlcmNlbnRhZ2U6ICR7KHsgcGVyY2VudCB9KSA9PiBwZXJjZW50ID8/IDB9O1xuICAgIC0tcmFkaXVzOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoID0gYHZhcigke3Rva2Vucy5zdHJva2VTaXplfSlgIH0pID0+XG4gICAgICAgIGBjYWxjKDUwcHggLSBjYWxjKGNhbGMoNTBweCAvIHZhcigke3Rva2Vucy5zaXplfSkpICogJHtjdXN0b21TdHJva2VXaWR0aH0pKWB9O1xuICAgIC0tY2lyY3VtZmVyZW5jZTogY2FsYyhjYWxjKDIgKiAzLjE0MTU5MjY1MzUpICogdmFyKC0tcmFkaXVzKSk7XG4gICAgLS1kYXNob2Zmc2V0OiBjYWxjKHZhcigtLWNpcmN1bWZlcmVuY2UpIC0gKHZhcigtLXBlcmNlbnRhZ2UsIDApICogdmFyKC0tY2lyY3VtZmVyZW5jZSkgLyAxMDApKTtcblxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NTdHJva2V9KTtcbiAgICBzdHJva2Utd2lkdGg6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiBjYWxjKCR7Y3VzdG9tU3Ryb2tlV2lkdGh9KSAqIDIpYH07XG4gICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICAgIHI6IHZhcigtLXJhZGl1cyk7XG4gICAgc3Ryb2tlLWRhc2hhcnJheTogdmFyKC0tY2lyY3VtZmVyZW5jZSk7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IHZhcigtLWRhc2hvZmZzZXQpO1xuICAgIHRyYW5zaXRpb246IHN0cm9rZS1kYXNob2Zmc2V0IDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtvQiJ9 */");
 export var StyledSVG = /*#__PURE__*/ styled("svg", {
-    target: "edeobnp0",
+    target: "eoei81i0",
     label: "StyledSVG"
-})("width:100%;height:100%;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZ3JvdW5kQ2lyY2xlID0gc3R5bGVkLmNpcmNsZTx7IGN1c3RvbVN0cm9rZVdpZHRoPzogbnVtYmVyIH0+YFxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCB9KSA9PlxuICAgICAgICBjdXN0b21TdHJva2VXaWR0aCA/IGAke2N1c3RvbVN0cm9rZVdpZHRofXB4YCA6IGB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLnByb2dyZXNzU3Ryb2tlfSk7XG4gICAgc3Ryb2tlLXdpZHRoOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoIH0pID0+XG4gICAgICAgIGN1c3RvbVN0cm9rZVdpZHRoID8gYCR7Y3VzdG9tU3Ryb2tlV2lkdGh9cHhgIDogYHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSlgfTtcbiAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExpbmVIZWlnaHR9KTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J5QiJ9 */");
+})("width:100%;height:100%;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2dyb3VuZENpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHI6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoNTBweCAtIGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiAke2N1c3RvbVN0cm9rZVdpZHRofSkpYH07XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCA9IGB2YXIoJHt0b2tlbnMuc3Ryb2tlU2l6ZX0pYCB9KSA9PlxuICAgICAgICBgY2FsYyhjYWxjKDUwcHggLyB2YXIoJHt0b2tlbnMuc2l6ZX0pKSAqIGNhbGMoJHtjdXN0b21TdHJva2VXaWR0aH0pICogMilgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlcjsgcGVyY2VudD86IG51bWJlciB9PmBcbiAgICAtLXBlcmNlbnRhZ2U6ICR7KHsgcGVyY2VudCB9KSA9PiBwZXJjZW50ID8/IDB9O1xuICAgIC0tcmFkaXVzOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoID0gYHZhcigke3Rva2Vucy5zdHJva2VTaXplfSlgIH0pID0+XG4gICAgICAgIGBjYWxjKDUwcHggLSBjYWxjKGNhbGMoNTBweCAvIHZhcigke3Rva2Vucy5zaXplfSkpICogJHtjdXN0b21TdHJva2VXaWR0aH0pKWB9O1xuICAgIC0tY2lyY3VtZmVyZW5jZTogY2FsYyhjYWxjKDIgKiAzLjE0MTU5MjY1MzUpICogdmFyKC0tcmFkaXVzKSk7XG4gICAgLS1kYXNob2Zmc2V0OiBjYWxjKHZhcigtLWNpcmN1bWZlcmVuY2UpIC0gKHZhcigtLXBlcmNlbnRhZ2UsIDApICogdmFyKC0tY2lyY3VtZmVyZW5jZSkgLyAxMDApKTtcblxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NTdHJva2V9KTtcbiAgICBzdHJva2Utd2lkdGg6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiBjYWxjKCR7Y3VzdG9tU3Ryb2tlV2lkdGh9KSAqIDIpYH07XG4gICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICAgIHI6IHZhcigtLXJhZGl1cyk7XG4gICAgc3Ryb2tlLWRhc2hhcnJheTogdmFyKC0tY2lyY3VtZmVyZW5jZSk7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IHZhcigtLWRhc2hvZmZzZXQpO1xuICAgIHRyYW5zaXRpb246IHN0cm9rZS1kYXNob2Zmc2V0IDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCeUIifQ== */");
 export var StyledBackgroundCircle = /*#__PURE__*/ styled("circle", {
-    target: "edeobnp1",
+    target: "eoei81i1",
     label: "StyledBackgroundCircle"
-})("fill:none;stroke:var(", tokens.backgroundStroke, ");stroke-width:", function(param) {
-    var customStrokeWidth = param.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(tokens.backgroundStrokeWidth, ")");
-}, ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZ3JvdW5kQ2lyY2xlID0gc3R5bGVkLmNpcmNsZTx7IGN1c3RvbVN0cm9rZVdpZHRoPzogbnVtYmVyIH0+YFxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCB9KSA9PlxuICAgICAgICBjdXN0b21TdHJva2VXaWR0aCA/IGAke2N1c3RvbVN0cm9rZVdpZHRofXB4YCA6IGB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLnByb2dyZXNzU3Ryb2tlfSk7XG4gICAgc3Ryb2tlLXdpZHRoOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoIH0pID0+XG4gICAgICAgIGN1c3RvbVN0cm9rZVdpZHRoID8gYCR7Y3VzdG9tU3Ryb2tlV2lkdGh9cHhgIDogYHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSlgfTtcbiAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExpbmVIZWlnaHR9KTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJzQyJ9 */");
+})("fill:none;r:", function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(50px - calc(calc(50px / var(".concat(tokens.size, ")) * ").concat(customStrokeWidth, "))");
+}, ";stroke:var(", tokens.backgroundStroke, ");stroke-width:", function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(calc(50px / var(".concat(tokens.size, ")) * calc(").concat(customStrokeWidth, ") * 2)");
+}, ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2dyb3VuZENpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHI6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoNTBweCAtIGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiAke2N1c3RvbVN0cm9rZVdpZHRofSkpYH07XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCA9IGB2YXIoJHt0b2tlbnMuc3Ryb2tlU2l6ZX0pYCB9KSA9PlxuICAgICAgICBgY2FsYyhjYWxjKDUwcHggLyB2YXIoJHt0b2tlbnMuc2l6ZX0pKSAqIGNhbGMoJHtjdXN0b21TdHJva2VXaWR0aH0pICogMilgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlcjsgcGVyY2VudD86IG51bWJlciB9PmBcbiAgICAtLXBlcmNlbnRhZ2U6ICR7KHsgcGVyY2VudCB9KSA9PiBwZXJjZW50ID8/IDB9O1xuICAgIC0tcmFkaXVzOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoID0gYHZhcigke3Rva2Vucy5zdHJva2VTaXplfSlgIH0pID0+XG4gICAgICAgIGBjYWxjKDUwcHggLSBjYWxjKGNhbGMoNTBweCAvIHZhcigke3Rva2Vucy5zaXplfSkpICogJHtjdXN0b21TdHJva2VXaWR0aH0pKWB9O1xuICAgIC0tY2lyY3VtZmVyZW5jZTogY2FsYyhjYWxjKDIgKiAzLjE0MTU5MjY1MzUpICogdmFyKC0tcmFkaXVzKSk7XG4gICAgLS1kYXNob2Zmc2V0OiBjYWxjKHZhcigtLWNpcmN1bWZlcmVuY2UpIC0gKHZhcigtLXBlcmNlbnRhZ2UsIDApICogdmFyKC0tY2lyY3VtZmVyZW5jZSkgLyAxMDApKTtcblxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NTdHJva2V9KTtcbiAgICBzdHJva2Utd2lkdGg6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiBjYWxjKCR7Y3VzdG9tU3Ryb2tlV2lkdGh9KSAqIDIpYH07XG4gICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICAgIHI6IHZhcigtLXJhZGl1cyk7XG4gICAgc3Ryb2tlLWRhc2hhcnJheTogdmFyKC0tY2lyY3VtZmVyZW5jZSk7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IHZhcigtLWRhc2hvZmZzZXQpO1xuICAgIHRyYW5zaXRpb246IHN0cm9rZS1kYXNob2Zmc2V0IDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCc0MifQ== */");
 export var StyledProgressCircle = /*#__PURE__*/ styled("circle", {
-    target: "edeobnp2",
+    target: "eoei81i2",
     label: "StyledProgressCircle"
-})("fill:none;stroke:var(", tokens.progressStroke, ");stroke-width:", function(param) {
-    var customStrokeWidth = param.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(tokens.progressStrokeWidth, ")");
-}, ";stroke-linecap:round;transition:stroke-dashoffset 0.3s ease-in-out;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZ3JvdW5kQ2lyY2xlID0gc3R5bGVkLmNpcmNsZTx7IGN1c3RvbVN0cm9rZVdpZHRoPzogbnVtYmVyIH0+YFxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCB9KSA9PlxuICAgICAgICBjdXN0b21TdHJva2VXaWR0aCA/IGAke2N1c3RvbVN0cm9rZVdpZHRofXB4YCA6IGB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLnByb2dyZXNzU3Ryb2tlfSk7XG4gICAgc3Ryb2tlLXdpZHRoOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoIH0pID0+XG4gICAgICAgIGN1c3RvbVN0cm9rZVdpZHRoID8gYCR7Y3VzdG9tU3Ryb2tlV2lkdGh9cHhgIDogYHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSlgfTtcbiAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExpbmVIZWlnaHR9KTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJvQyJ9 */");
+})("--percentage:", function(param) {
+    var percent = param.percent;
+    return percent !== null && percent !== void 0 ? percent : 0;
+}, ";--radius:", function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(50px - calc(calc(50px / var(".concat(tokens.size, ")) * ").concat(customStrokeWidth, "))");
+}, ";--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(", tokens.progressStroke, ");stroke-width:", function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(calc(50px / var(".concat(tokens.size, ")) * calc(").concat(customStrokeWidth, ") * 2)");
+}, ";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s ease-in-out;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2dyb3VuZENpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHI6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoNTBweCAtIGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiAke2N1c3RvbVN0cm9rZVdpZHRofSkpYH07XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCA9IGB2YXIoJHt0b2tlbnMuc3Ryb2tlU2l6ZX0pYCB9KSA9PlxuICAgICAgICBgY2FsYyhjYWxjKDUwcHggLyB2YXIoJHt0b2tlbnMuc2l6ZX0pKSAqIGNhbGMoJHtjdXN0b21TdHJva2VXaWR0aH0pICogMilgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlcjsgcGVyY2VudD86IG51bWJlciB9PmBcbiAgICAtLXBlcmNlbnRhZ2U6ICR7KHsgcGVyY2VudCB9KSA9PiBwZXJjZW50ID8/IDB9O1xuICAgIC0tcmFkaXVzOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoID0gYHZhcigke3Rva2Vucy5zdHJva2VTaXplfSlgIH0pID0+XG4gICAgICAgIGBjYWxjKDUwcHggLSBjYWxjKGNhbGMoNTBweCAvIHZhcigke3Rva2Vucy5zaXplfSkpICogJHtjdXN0b21TdHJva2VXaWR0aH0pKWB9O1xuICAgIC0tY2lyY3VtZmVyZW5jZTogY2FsYyhjYWxjKDIgKiAzLjE0MTU5MjY1MzUpICogdmFyKC0tcmFkaXVzKSk7XG4gICAgLS1kYXNob2Zmc2V0OiBjYWxjKHZhcigtLWNpcmN1bWZlcmVuY2UpIC0gKHZhcigtLXBlcmNlbnRhZ2UsIDApICogdmFyKC0tY2lyY3VtZmVyZW5jZSkgLyAxMDApKTtcblxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NTdHJva2V9KTtcbiAgICBzdHJva2Utd2lkdGg6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiBjYWxjKCR7Y3VzdG9tU3Ryb2tlV2lkdGh9KSAqIDIpYH07XG4gICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICAgIHI6IHZhcigtLXJhZGl1cyk7XG4gICAgc3Ryb2tlLWRhc2hhcnJheTogdmFyKC0tY2lyY3VtZmVyZW5jZSk7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IHZhcigtLWRhc2hvZmZzZXQpO1xuICAgIHRyYW5zaXRpb246IHN0cm9rZS1kYXNob2Zmc2V0IDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCb0MifQ== */");
 export var StyledContent = /*#__PURE__*/ styled("div", {
-    target: "edeobnp3",
+    target: "eoei81i3",
     label: "StyledContent"
-})("position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(", tokens.contentColor, ");font-family:var(", tokens.contentFontFamily, ");font-size:var(", tokens.contentFontSize, ");font-style:var(", tokens.contentFontStyle, ");font-weight:var(", tokens.contentFontWeight, ");letter-spacing:var(", tokens.contentLetterSpacing, ");line-height:var(", tokens.contentLineHeight, ");display:flex;align-items:center;justify-content:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZ3JvdW5kQ2lyY2xlID0gc3R5bGVkLmNpcmNsZTx7IGN1c3RvbVN0cm9rZVdpZHRoPzogbnVtYmVyIH0+YFxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCB9KSA9PlxuICAgICAgICBjdXN0b21TdHJva2VXaWR0aCA/IGAke2N1c3RvbVN0cm9rZVdpZHRofXB4YCA6IGB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLnByb2dyZXNzU3Ryb2tlfSk7XG4gICAgc3Ryb2tlLXdpZHRoOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoIH0pID0+XG4gICAgICAgIGN1c3RvbVN0cm9rZVdpZHRoID8gYCR7Y3VzdG9tU3Ryb2tlV2lkdGh9cHhgIDogYHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSlgfTtcbiAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExpbmVIZWlnaHR9KTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUM2QiJ9 */");
+})("position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(", tokens.contentColor, ");font-family:var(", tokens.contentFontFamily, ");font-size:var(", tokens.contentFontSize, ");font-style:var(", tokens.contentFontStyle, ");font-weight:var(", tokens.contentFontWeight, ");letter-spacing:var(", tokens.contentLetterSpacing, ");line-height:var(", tokens.contentLineHeight, ");display:flex;align-items:center;justify-content:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2dyb3VuZENpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHI6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoNTBweCAtIGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiAke2N1c3RvbVN0cm9rZVdpZHRofSkpYH07XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCA9IGB2YXIoJHt0b2tlbnMuc3Ryb2tlU2l6ZX0pYCB9KSA9PlxuICAgICAgICBgY2FsYyhjYWxjKDUwcHggLyB2YXIoJHt0b2tlbnMuc2l6ZX0pKSAqIGNhbGMoJHtjdXN0b21TdHJva2VXaWR0aH0pICogMilgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlcjsgcGVyY2VudD86IG51bWJlciB9PmBcbiAgICAtLXBlcmNlbnRhZ2U6ICR7KHsgcGVyY2VudCB9KSA9PiBwZXJjZW50ID8/IDB9O1xuICAgIC0tcmFkaXVzOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoID0gYHZhcigke3Rva2Vucy5zdHJva2VTaXplfSlgIH0pID0+XG4gICAgICAgIGBjYWxjKDUwcHggLSBjYWxjKGNhbGMoNTBweCAvIHZhcigke3Rva2Vucy5zaXplfSkpICogJHtjdXN0b21TdHJva2VXaWR0aH0pKWB9O1xuICAgIC0tY2lyY3VtZmVyZW5jZTogY2FsYyhjYWxjKDIgKiAzLjE0MTU5MjY1MzUpICogdmFyKC0tcmFkaXVzKSk7XG4gICAgLS1kYXNob2Zmc2V0OiBjYWxjKHZhcigtLWNpcmN1bWZlcmVuY2UpIC0gKHZhcigtLXBlcmNlbnRhZ2UsIDApICogdmFyKC0tY2lyY3VtZmVyZW5jZSkgLyAxMDApKTtcblxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NTdHJva2V9KTtcbiAgICBzdHJva2Utd2lkdGg6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiBjYWxjKCR7Y3VzdG9tU3Ryb2tlV2lkdGh9KSAqIDIpYH07XG4gICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICAgIHI6IHZhcigtLXJhZGl1cyk7XG4gICAgc3Ryb2tlLWRhc2hhcnJheTogdmFyKC0tY2lyY3VtZmVyZW5jZSk7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IHZhcigtLWRhc2hvZmZzZXQpO1xuICAgIHRyYW5zaXRpb246IHN0cm9rZS1kYXNob2Zmc2V0IDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdENkIifQ== */");

package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js

@@ -5,12 +5,13 @@ export var classes = {
     content: '--plasma-progressbar-circular-content'
 };
 export var tokens = {
+    size: '--plasma-progressbar-circular-size',
     width: '--plasma-progressbar-circular-width',
     height: '--plasma-progressbar-circular-height',
+    strokeWidth: '--plasma-progressbar-circular-stroke-width',
+    strokeSize: '--plasma-progressbar-circular-stroke-size',
     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',

package/emotion/es/components/Slider/ui/Handler/Handler.js

@@ -101,6 +101,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React, { useRef, useState, forwardRef } from "react";
 import Draggable from "react-draggable";
+import { useForkRef } from "@salutejs/plasma-core";
 import { cx } from "../../../../utils";
 import { getSliderThumbValue, getOffsets } from "../../utils";
 import { Thumb } from "../Thumb/Thumb";
@@ -129,10 +130,12 @@ export var Handler = /*#__PURE__*/ forwardRef(function(_param, ref) {
         "value",
         "valuePlacement"
     ]);
+    var nodeRef = useRef(null);
+    var combinedRef = useForkRef(nodeRef, ref);
     var isVertical = orientation === 'vertical';
     var _useState = _sliced_to_array(useState(false), 2), isDrag = _useState[0], setIsDrag = _useState[1];
     var lastOnChangeValue = useRef();
-    var _getOffsets = _sliced_to_array(getOffsets(ref, side, isVertical), 2), startClientOffset = _getOffsets[0], endClientOffset = _getOffsets[1];
+    var _getOffsets = _sliced_to_array(getOffsets(nodeRef, side, isVertical), 2), startClientOffset = _getOffsets[0], endClientOffset = _getOffsets[1];
     var _bounds = _sliced_to_array(bounds, 2), startValueBound = _bounds[0], endValueBound = _bounds[1];
     var startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;
     var endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;
@@ -188,6 +191,7 @@ export var Handler = /*#__PURE__*/ forwardRef(function(_param, ref) {
         isPointerHidden = false;
     }
     return /*#__PURE__*/ React.createElement(Draggable, {
+        nodeRef: nodeRef,
         axis: isVertical ? 'y' : 'x',
         bounds: computedBounds,
         grid: isVertical ? [
@@ -203,7 +207,7 @@ export var Handler = /*#__PURE__*/ forwardRef(function(_param, ref) {
         position: dragPosition,
         disabled: disabled
     }, /*#__PURE__*/ React.createElement(HandlerStyled, {
-        ref: ref,
+        ref: combinedRef,
         style: {
             zIndex: zIndex
         },

package/emotion/es/components/Table/Table.js

@@ -119,7 +119,7 @@ import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
 export var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
 export var tableRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, enableSelection = _param.enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, stickyHeader = _param.stickyHeader, onCellUpdate = _param.onCellUpdate, props = _object_without_properties(_param, [
+        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
             "data",
             "onChange",
             "columns",
@@ -132,7 +132,8 @@ export var tableRoot = function(Root) {
             "sorted",
             "maxHeight",
             "stickyHeader",
-            "onCellUpdate"
+            "onCellUpdate",
+            "setRowProps"
         ]);
         var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
         var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -207,7 +208,7 @@ export var tableRoot = function(Root) {
                     enableResizing: false
                 }
             ] : []).concat(_to_consumable_array(columns.map(function(param) {
-                var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell;
+                var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell, setCellProps = param.setCellProps;
                 return {
                     header: label,
                     accessorKey: id,
@@ -225,7 +226,8 @@ export var tableRoot = function(Root) {
                     meta: {
                         filters: filters,
                         enableEditing: enableEditing,
-                        renderCell: renderCell
+                        renderCell: renderCell,
+                        setCellProps: setCellProps
                     }
                 };
             })));
@@ -292,27 +294,30 @@ export var tableRoot = function(Root) {
                 });
             }));
         })), /*#__PURE__*/ React.createElement(Tbody, null, table.getRowModel().rows.map(function(row) {
-            return /*#__PURE__*/ React.createElement(Tr, {
+            return /*#__PURE__*/ React.createElement(Tr, _object_spread({
                 key: row.id,
                 selected: row.getIsSelected()
-            }, row.getVisibleCells().map(function(cell) {
-                var // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            }, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
+                var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
+                var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
-                _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column;
-                return (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
+                return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
                     key: cell.id,
                     size: size,
                     cell: cell,
                     borderVariant: borderVariant,
                     table: table,
                     selected: row.getIsSelected(),
-                    view: view
+                    view: view,
+                    additionalProps: additionalProps
                 }) : /*#__PURE__*/ React.createElement(Cell, {
                     key: cell.id,
                     cell: cell,
                     borderVariant: borderVariant,
                     selected: row.getIsSelected(),
-                    view: view
+                    view: view,
+                    additionalProps: additionalProps
                 });
             }));
         }))));

package/emotion/es/components/Table/ui/Cell/Cell.js

@@ -1,19 +1,47 @@
+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 _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;
+}
 import React from "react";
 import { flexRender } from "@tanstack/react-table";
 import { Resizer } from "../../Table.styles";
 import { SELECT_COLUMN_ID } from "../../Table";
 import { Td } from "./Cell.styles";
 export var Cell = function(param) {
-    var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view;
+    var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view, additionalProps = param.additionalProps;
     var _cell_column_columnDef_meta;
     var renderCell = (_cell_column_columnDef_meta = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.renderCell;
-    return /*#__PURE__*/ React.createElement(Td, {
+    return /*#__PURE__*/ React.createElement(Td, _object_spread({
         key: cell.id,
         borderVariant: borderVariant,
         selectionCell: cell.column.id === SELECT_COLUMN_ID,
         selected: selected,
         view: view
-    }, renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ React.createElement(Resizer, {
+    }, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ React.createElement(Resizer, {
         isResizing: true
     }));
 };

package/emotion/es/components/Table/ui/EditableCell/EditableCell.js

@@ -6,6 +6,19 @@ function _array_like_to_array(arr, len) {
 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 _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -33,6 +46,21 @@ function _iterable_to_array_limit(arr, i) {
 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 _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();
 }
@@ -59,7 +87,7 @@ var keys = {
     Escape: 'Escape'
 };
 export var EditableCell = function(param) {
-    var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected;
+    var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected, additionalProps = param.additionalProps;
     var _table_options_meta;
     var _useState = _sliced_to_array(useState(cell.getValue()), 2), value = _useState[0], setValue = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), editingMode = _useState1[0], setEditingMode = _useState1[1];
@@ -110,7 +138,7 @@ export var EditableCell = function(param) {
                 }
         }
     };
-    return /*#__PURE__*/ React.createElement(Td, {
+    return /*#__PURE__*/ React.createElement(Td, _object_spread({
         key: cell.id,
         borderVariant: borderVariant,
         selectionCell: cell.column.id === SELECT_COLUMN_ID,
@@ -119,7 +147,7 @@ export var EditableCell = function(param) {
         selected: selected,
         view: view,
         ref: ref
-    }, /*#__PURE__*/ React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/ React.createElement(EditModeWrapper, null, /*#__PURE__*/ React.createElement(InputWrapper, null, /*#__PURE__*/ React.createElement(Input, {
+    }, additionalProps), /*#__PURE__*/ React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/ React.createElement(EditModeWrapper, null, /*#__PURE__*/ React.createElement(InputWrapper, null, /*#__PURE__*/ React.createElement(Input, {
         value: value,
         onChange: handleChange,
         autoFocus: true,