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

package/emotion/es/utils/getTokenValueInPixels.js

@@ -1,66 +0,0 @@
-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 _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 _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);
-}
-export var getTokenValueInPixels = function(tokenName, element) {
-    var tokenValue = getComputedStyle(element).getPropertyValue(tokenName).trim();
-    if (!tokenValue) {
-        return undefined;
-    }
-    var valueMatch = tokenValue.match(/^([\d.]+)(rem|px)$/);
-    if (!valueMatch) {
-        return undefined;
-    }
-    var _valueMatch = _sliced_to_array(valueMatch, 3), number = _valueMatch[1], unit = _valueMatch[2];
-    var numericValue = parseFloat(number);
-    if (unit === 'px') {
-        return numericValue;
-    }
-    if (unit === 'rem') {
-        var rootFontSize = parseFloat(getComputedStyle(element).fontSize);
-        return numericValue * rootFontSize;
-    }
-    return undefined;
-};

package/es/components/ProgressBarCircular/ProgressBarCircular.css

@@ -1,5 +0,0 @@
-.ProgressBarCircular_styles_m8m7d7_b18reh89__dca58878{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-width);height:var(--plasma-progressbar-circular-height);}
-.ProgressBarCircular_styles_m8m7d7_s2tt3b5__dca58878{width:100%;height:100%;}
-.ProgressBarCircular_styles_m8m7d7_slvt37h__dca58878{fill:none;stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-0);}
-.ProgressBarCircular_styles_m8m7d7_s1d8ncmi__dca58878{fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-0);stroke-linecap:round;-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
-.ProgressBarCircular_styles_m8m7d7_sg9aoc4__dca58878{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}

package/es/components/ProgressBarCircular/ProgressBarCircular.js

@@ -1,99 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useRef, useLayoutEffect } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
-import { cx } from '../../utils/index.js';
-import { base as base$1 } from './variations/_view/base.js';
-import { base as base$2 } from './variations/_size/base.js';
-import { StyledSVG, StyledBackgroundCircle, StyledProgressCircle, StyledContent, base } from './ProgressBarCircular.styles.js';
-import { tokens, classes } from './ProgressBarCircular.tokens.js';
-import { getTokenValueInPixels } from '../../utils/getTokenValueInPixels.js';
-
-var _excluded = ["value", "maxValue", "size", "view", "children", "className", "strokeWidth"];
-var progressBarCircularRoot = function progressBarCircularRoot(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 = _objectWithoutProperties(props, _excluded);
-    var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      strokeWidthCSS = _useState2[0],
-      setStrokeWidthCSS = _useState2[1];
-    var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      widthCSS = _useState4[0],
-      setWidthCSS = _useState4[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, _extends({
-      ref: rootForkRef,
-      view: view,
-      size: size,
-      className: cx(className)
-    }, rest), /*#__PURE__*/React.createElement(StyledSVG, {
-      width: "100%",
-      height: "100%",
-      viewBox: "0 0 100 100",
-      className: classes.svg
-    }, /*#__PURE__*/React.createElement(StyledBackgroundCircle, {
-      customStrokeWidth: 50 / widthCSS * strokeWidth,
-      cx: center,
-      cy: center,
-      r: radius,
-      className: classes.backgroundCircle
-    }), /*#__PURE__*/React.createElement(StyledProgressCircle, {
-      cx: center,
-      cy: center,
-      r: radius,
-      customStrokeWidth: 50 / widthCSS * strokeWidth,
-      className: classes.progressCircle,
-      strokeDasharray: circumference,
-      strokeDashoffset: strokeDashoffset,
-      transform: "rotate(-90 50 50)"
-    })), children && /*#__PURE__*/React.createElement(StyledContent, {
-      className: classes.content
-    }, children));
-  });
-};
-var progressBarCircularConfig = {
-  name: 'ProgressBarCircular',
-  tag: 'div',
-  layout: progressBarCircularRoot,
-  base: base,
-  variations: {
-    view: {
-      css: base$1
-    },
-    size: {
-      css: base$2
-    }
-  },
-  defaults: {
-    view: 'primary',
-    size: 'm'
-  }
-};
-
-export { progressBarCircularConfig, progressBarCircularRoot };
-//# sourceMappingURL=ProgressBarCircular.js.map

package/es/components/ProgressBarCircular/ProgressBarCircular.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef, useLayoutEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getTokenValueInPixels } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n    base,\n    StyledSVG,\n    StyledBackgroundCircle,\n    StyledProgressCircle,\n    StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes, tokens } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n    forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n        const {\n            value = 0,\n            maxValue = 100,\n            size,\n            view,\n            children,\n            className,\n            strokeWidth: strokeWidthProp,\n            ...rest\n        } = props;\n\n        const [strokeWidthCSS, setStrokeWidthCSS] = useState<number>(0);\n        const [widthCSS, setWidthCSS] = useState<number>(0);\n        const rootRef = useRef<HTMLDivElement>(null);\n\n        const rootForkRef = useForkRef(rootRef, ref);\n\n        const clampedValue = Math.min(Math.max(value, 0), maxValue);\n        const percentage = (clampedValue / maxValue) * 100;\n\n        const strokeWidth = (strokeWidthProp ?? strokeWidthCSS) * 2;\n\n        const center = 50;\n        const radius = center - (50 / widthCSS) * (strokeWidth / 2);\n        const circumference = 2 * Math.PI * radius;\n        const strokeDashoffset = circumference - (percentage / 100) * circumference;\n\n        useLayoutEffect(() => {\n            if (rootRef.current) {\n                const strokeWidthFromCSS = getTokenValueInPixels(tokens.progressStrokeWidth, rootRef.current);\n                const widthFromCSS = getTokenValueInPixels(tokens.width, rootRef.current);\n                setStrokeWidthCSS(strokeWidthFromCSS ?? 0);\n                setWidthCSS(widthFromCSS ?? 0);\n            }\n        }, [rootRef, size]);\n\n        return (\n            <Root ref={rootForkRef} view={view} size={size} className={cx(className)} {...rest}>\n                <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n                    <StyledBackgroundCircle\n                        customStrokeWidth={(50 / widthCSS) * strokeWidth}\n                        cx={center}\n                        cy={center}\n                        r={radius}\n                        className={classes.backgroundCircle}\n                    />\n                    <StyledProgressCircle\n                        cx={center}\n                        cy={center}\n                        r={radius}\n                        customStrokeWidth={(50 / widthCSS) * strokeWidth}\n                        className={classes.progressCircle}\n                        strokeDasharray={circumference}\n                        strokeDashoffset={strokeDashoffset}\n                        transform=\"rotate(-90 50 50)\"\n                    />\n                </StyledSVG>\n\n                {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n            </Root>\n        );\n    });\n\nexport const progressBarCircularConfig = {\n    name: 'ProgressBarCircular',\n    tag: 'div',\n    layout: progressBarCircularRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","strokeWidthProp","strokeWidth","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","strokeWidthCSS","setStrokeWidthCSS","_useState3","_useState4","widthCSS","setWidthCSS","rootRef","useRef","rootForkRef","useForkRef","clampedValue","Math","min","max","percentage","center","radius","circumference","PI","strokeDashoffset","useLayoutEffect","current","strokeWidthFromCSS","getTokenValueInPixels","tokens","progressStrokeWidth","widthFromCSS","width","React","createElement","_extends","cx","StyledSVG","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cy","r","backgroundCircle","StyledProgressCircle","progressCircle","strokeDasharray","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;IAkBaA,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,IAAyD,EAAA;AAAA,EAAA,oBAC7FC,UAAU,CAA2C,UAACC,KAAK,EAAEC,GAAG,EAAK;AACjE,IAAA,IAAAC,YAAA,GASIF,KAAK,CARLG,KAAK;AAALA,MAAAA,KAAK,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,YAAA;MAAAE,eAAA,GAQTJ,KAAK,CAPLK,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;MACdE,IAAI,GAMJN,KAAK,CANLM,IAAI;MACJC,IAAI,GAKJP,KAAK,CALLO,IAAI;MACJC,QAAQ,GAIRR,KAAK,CAJLQ,QAAQ;MACRC,SAAS,GAGTT,KAAK,CAHLS,SAAS;MACIC,eAAe,GAE5BV,KAAK,CAFLW,WAAW;AACRC,MAAAA,IAAI,GAAAC,wBAAA,CACPb,KAAK,EAAAc,SAAA,CAAA,CAAA;AAET,IAAA,IAAAC,SAAA,GAA4CC,QAAQ,CAAS,CAAC,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxDI,MAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,iBAAiB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACxC,IAAA,IAAAI,UAAA,GAAgCL,QAAQ,CAAS,CAAC,CAAC;MAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA5CE,MAAAA,QAAQ,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5B,IAAA,IAAMG,OAAO,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAE5C,IAAA,IAAMC,WAAW,GAAGC,UAAU,CAACH,OAAO,EAAExB,GAAG,CAAC,CAAA;AAE5C,IAAA,IAAM4B,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAAC7B,KAAK,EAAE,CAAC,CAAC,EAAEE,QAAQ,CAAC,CAAA;AAC3D,IAAA,IAAM4B,UAAU,GAAIJ,YAAY,GAAGxB,QAAQ,GAAI,GAAG,CAAA;IAElD,IAAMM,WAAW,GAAG,CAACD,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAA,KAAA,CAAA,GAAfA,eAAe,GAAIS,cAAc,IAAI,CAAC,CAAA;IAE3D,IAAMe,MAAM,GAAG,EAAE,CAAA;IACjB,IAAMC,MAAM,GAAGD,MAAM,GAAI,EAAE,GAAGX,QAAQ,IAAKZ,WAAW,GAAG,CAAC,CAAC,CAAA;IAC3D,IAAMyB,aAAa,GAAG,CAAC,GAAGN,IAAI,CAACO,EAAE,GAAGF,MAAM,CAAA;IAC1C,IAAMG,gBAAgB,GAAGF,aAAa,GAAIH,UAAU,GAAG,GAAG,GAAIG,aAAa,CAAA;AAE3EG,IAAAA,eAAe,CAAC,YAAM;MAClB,IAAId,OAAO,CAACe,OAAO,EAAE;QACjB,IAAMC,kBAAkB,GAAGC,qBAAqB,CAACC,MAAM,CAACC,mBAAmB,EAAEnB,OAAO,CAACe,OAAO,CAAC,CAAA;QAC7F,IAAMK,YAAY,GAAGH,qBAAqB,CAACC,MAAM,CAACG,KAAK,EAAErB,OAAO,CAACe,OAAO,CAAC,CAAA;QACzEpB,iBAAiB,CAACqB,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC,CAAA;QAC1CjB,WAAW,CAACqB,YAAY,KAAZA,IAAAA,IAAAA,YAAY,cAAZA,YAAY,GAAI,CAAC,CAAC,CAAA;AAClC,OAAA;AACJ,KAAC,EAAE,CAACpB,OAAO,EAAEnB,IAAI,CAAC,CAAC,CAAA;AAEnB,IAAA,oBACIyC,KAAA,CAAAC,aAAA,CAAClD,IAAI,EAAAmD,QAAA,CAAA;AAAChD,MAAAA,GAAG,EAAE0B,WAAY;AAACpB,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;MAACG,SAAS,EAAEyC,EAAE,CAACzC,SAAS,CAAA;AAAE,KAAA,EAAKG,IAAI,CAC9EmC,eAAAA,KAAA,CAAAC,aAAA,CAACG,SAAS,EAAA;AAACL,MAAAA,KAAK,EAAC,MAAM;AAACM,MAAAA,MAAM,EAAC,MAAM;AAACC,MAAAA,OAAO,EAAC,aAAa;MAAC5C,SAAS,EAAE6C,OAAO,CAACC,GAAAA;AAAI,KAAA,eAC/ER,KAAA,CAAAC,aAAA,CAACQ,sBAAsB,EAAA;AACnBC,MAAAA,iBAAiB,EAAG,EAAE,GAAGlC,QAAQ,GAAIZ,WAAY;AACjDuC,MAAAA,EAAE,EAAEhB,MAAO;AACXwB,MAAAA,EAAE,EAAExB,MAAO;AACXyB,MAAAA,CAAC,EAAExB,MAAO;MACV1B,SAAS,EAAE6C,OAAO,CAACM,gBAAAA;AAAiB,KACvC,CAAC,eACFb,KAAA,CAAAC,aAAA,CAACa,oBAAoB,EAAA;AACjBX,MAAAA,EAAE,EAAEhB,MAAO;AACXwB,MAAAA,EAAE,EAAExB,MAAO;AACXyB,MAAAA,CAAC,EAAExB,MAAO;AACVsB,MAAAA,iBAAiB,EAAG,EAAE,GAAGlC,QAAQ,GAAIZ,WAAY;MACjDF,SAAS,EAAE6C,OAAO,CAACQ,cAAe;AAClCC,MAAAA,eAAe,EAAE3B,aAAc;AAC/BE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnC0B,MAAAA,SAAS,EAAC,mBAAA;KACb,CACM,CAAC,EAEXxD,QAAQ,iBAAIuC,KAAA,CAAAC,aAAA,CAACiB,aAAa,EAAA;MAACxD,SAAS,EAAE6C,OAAO,CAACY,OAAAA;KAAU1D,EAAAA,QAAwB,CAC/E,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM2D,yBAAyB,GAAG;AACrCC,EAAAA,IAAI,EAAE,qBAAqB;AAC3BC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzE,uBAAuB;AAC/B0E,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjE,IAAAA,IAAI,EAAE;AACFkE,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpE,IAAAA,IAAI,EAAE;AACFmE,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrE,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

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

@@ -1,46 +0,0 @@
-import './ProgressBarCircular.styles_m8m7d7.css';
-import { styled } from '@linaria/react';
-import { tokens } from './ProgressBarCircular.tokens.js';
-
-var base = "b18reh89";
-var StyledSVG = /*#__PURE__*/styled('svg')({
-  name: "StyledSVG",
-  "class": "s2tt3b5",
-  propsAsIs: false
-});
-var _exp4 = function _exp4() {
-  return function (_ref) {
-    var customStrokeWidth = _ref.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(tokens.backgroundStrokeWidth, ")");
-  };
-};
-var StyledBackgroundCircle = /*#__PURE__*/styled('circle')({
-  name: "StyledBackgroundCircle",
-  "class": "slvt37h",
-  propsAsIs: true,
-  vars: {
-    "slvt37h-0": [/*#__PURE__*/_exp4()]
-  }
-});
-var _exp6 = function _exp6() {
-  return function (_ref2) {
-    var customStrokeWidth = _ref2.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(tokens.progressStrokeWidth, ")");
-  };
-};
-var StyledProgressCircle = /*#__PURE__*/styled('circle')({
-  name: "StyledProgressCircle",
-  "class": "s1d8ncmi",
-  propsAsIs: true,
-  vars: {
-    "s1d8ncmi-0": [/*#__PURE__*/_exp6()]
-  }
-});
-var StyledContent = /*#__PURE__*/styled('div')({
-  name: "StyledContent",
-  "class": "sg9aoc4",
-  propsAsIs: false
-});
-
-export { StyledBackgroundCircle, StyledContent, StyledProgressCircle, StyledSVG, base };
-//# sourceMappingURL=ProgressBarCircular.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n\n    width: var(${tokens.width});\n    height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n    fill: none;\n    stroke: var(${tokens.backgroundStroke});\n    stroke-width: ${({ customStrokeWidth }) =>\n        customStrokeWidth ? `${customStrokeWidth}px` : `var(${tokens.backgroundStrokeWidth})`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number }>`\n    fill: none;\n    stroke: var(${tokens.progressStroke});\n    stroke-width: ${({ customStrokeWidth }) =>\n        customStrokeWidth ? `${customStrokeWidth}px` : `var(${tokens.progressStrokeWidth})`};\n    stroke-linecap: round;\n    transition: stroke-dashoffset 0.3s ease-in-out;\n`;\n\nexport const StyledContent = styled.div`\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n\n    color: var(${tokens.contentColor});\n    font-family: var(${tokens.contentFontFamily});\n    font-size: var(${tokens.contentFontSize});\n    font-style: var(${tokens.contentFontStyle});\n    font-weight: var(${tokens.contentFontWeight});\n    letter-spacing: var(${tokens.contentLetterSpacing});\n    line-height: var(${tokens.contentLineHeight});\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n"],"names":["base","StyledSVG","styled","name","class","propsAsIs","_exp4","_ref","customStrokeWidth","concat","tokens","backgroundStrokeWidth","StyledBackgroundCircle","vars","_exp6","_ref2","progressStrokeWidth","StyledProgressCircle","StyledContent"],"mappings":";;;AAKO,IAAMA,IAAI,GAShB,WAAA;AAEM,IAAMC,SAAS,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG9B,EAAA;AAAC,IAAAC,KAAA,GAlBgBA,SAkBhBA,KAAAA,GAAA;AAAA,EAAA,OAKkB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,iBAAAA,GAAAA,IAAAA,CAAAA,iBAAAA,CAAAA;IAAAA,OACfA,iBAAiB,GAAAC,EAAAA,CAAAA,MAAA,CAAMD,iBAAiB,EAAAC,IAAAA,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,CAAcC,MAAM,CAACC,qBAAqB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJtF,IAAMC,sBAAsB,gBAAGV,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAQ,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGxBP,KACyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAC5F,EAAA;AAAC,IAAAQ,KAAA,GAzBgBA,SAyBhBA,KAAAA,GAAA;AAAA,EAAA,OAKkB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,iBAAAA,GAAAA,KAAAA,CAAAA,iBAAAA,CAAAA;IAAAA,OACfA,iBAAiB,GAAAC,EAAAA,CAAAA,MAAA,CAAMD,iBAAiB,EAAAC,IAAAA,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,CAAcC,MAAM,CAACM,mBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJpF,IAAMC,oBAAoB,gBAAGf,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAQ,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAGtBC,KACuE,EAAA,CAAA;AAAA,GAAA;AAAA,CAG1F,EAAA;AAEM,IAAMI,aAAa,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBlC;;;;"}

package/es/components/ProgressBarCircular/ProgressBarCircular.styles_m8m7d7.css

@@ -1,5 +0,0 @@
-.b18reh89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-width);height:var(--plasma-progressbar-circular-height);}
-.s2tt3b5{width:100%;height:100%;}
-.slvt37h{fill:none;stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-0);}
-.s1d8ncmi{fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-0);stroke-linecap:round;-webkit-transition:stroke-dashoffset 0.3s ease-in-out;transition:stroke-dashoffset 0.3s ease-in-out;}
-.sg9aoc4{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}

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

@@ -1,24 +0,0 @@
-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'
-};
-
-export { classes, tokens };
-//# sourceMappingURL=ProgressBarCircular.tokens.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBarCircular.tokens.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tokens.ts"],"sourcesContent":["export const classes = {\n    svg: '--plasma-progressbar-circular-svg',\n    backgroundCircle: '--plasma-progressbar-circular-background-circle',\n    progressCircle: '--plasma-progressbar-circular-progress-circle',\n    content: '--plasma-progressbar-circular-content',\n};\n\nexport const tokens = {\n    width: '--plasma-progressbar-circular-width',\n    height: '--plasma-progressbar-circular-height',\n\n    backgroundStroke: '--plasma-progressbar-circular-background-stroke',\n    backgroundStrokeWidth: '--plasma-progressbar-circular-background-stroke-width',\n\n    progressStroke: '--plasma-progressbar-circular-progress-stroke',\n    progressStrokeWidth: '--plasma-progressbar-circular-progress-stroke-width',\n\n    contentColor: '--plasma-progressbar-circular-content-color',\n    contentFontFamily: '--plasma-progressbar-circular-content-font-family',\n    contentFontSize: '--plasma-progressbar-circular-content-font-size',\n    contentFontStyle: '--plasma-progressbar-circular-content-font-style',\n    contentFontWeight: '--plasma-progressbar-circular-content-font-weight',\n    contentLetterSpacing: '--plasma-progressbar-circular-content-letter-spacing',\n    contentLineHeight: '--plasma-progressbar-circular-content-line-height',\n};\n"],"names":["classes","svg","backgroundCircle","progressCircle","content","tokens","width","height","backgroundStroke","backgroundStrokeWidth","progressStroke","progressStrokeWidth","contentColor","contentFontFamily","contentFontSize","contentFontStyle","contentFontWeight","contentLetterSpacing","contentLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,GAAG,EAAE,mCAAmC;AACxCC,EAAAA,gBAAgB,EAAE,iDAAiD;AACnEC,EAAAA,cAAc,EAAE,+CAA+C;AAC/DC,EAAAA,OAAO,EAAE,uCAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,qCAAqC;AAC5CC,EAAAA,MAAM,EAAE,sCAAsC;AAE9CC,EAAAA,gBAAgB,EAAE,iDAAiD;AACnEC,EAAAA,qBAAqB,EAAE,uDAAuD;AAE9EC,EAAAA,cAAc,EAAE,+CAA+C;AAC/DC,EAAAA,mBAAmB,EAAE,qDAAqD;AAE1EC,EAAAA,YAAY,EAAE,6CAA6C;AAC3DC,EAAAA,iBAAiB,EAAE,mDAAmD;AACtEC,EAAAA,eAAe,EAAE,iDAAiD;AAClEC,EAAAA,gBAAgB,EAAE,kDAAkD;AACpEC,EAAAA,iBAAiB,EAAE,mDAAmD;AACtEC,EAAAA,oBAAoB,EAAE,sDAAsD;AAC5EC,EAAAA,iBAAiB,EAAE,mDAAA;AACvB;;;;"}

package/es/components/ProgressBarCircular/variations/_size/base.js

@@ -1,5 +0,0 @@
-import './base_x642ct.css';
-var base = "bzk2ber";
-
-export { base };
-//# sourceMappingURL=base.js.map

package/es/components/ProgressBarCircular/variations/_size/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/ProgressBarCircular/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/ProgressBarCircular/variations/_size/base_x642ct.css

@@ -1 +0,0 @@
-

package/es/components/ProgressBarCircular/variations/_view/base.js

@@ -1,5 +0,0 @@
-import './base_x642ct.css';
-var base = "bqfdmn2";
-
-export { base };
-//# sourceMappingURL=base.js.map

package/es/components/ProgressBarCircular/variations/_view/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/ProgressBarCircular/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/ProgressBarCircular/variations/_view/base_x642ct.css

@@ -1 +0,0 @@
-

package/es/utils/getTokenValueInPixels.js

@@ -1,27 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-
-var getTokenValueInPixels = function getTokenValueInPixels(tokenName, element) {
-  var tokenValue = getComputedStyle(element).getPropertyValue(tokenName).trim();
-  if (!tokenValue) {
-    return undefined;
-  }
-  var valueMatch = tokenValue.match(/^([\d.]+)(rem|px)$/);
-  if (!valueMatch) {
-    return undefined;
-  }
-  var _valueMatch = _slicedToArray(valueMatch, 3),
-    number = _valueMatch[1],
-    unit = _valueMatch[2];
-  var numericValue = parseFloat(number);
-  if (unit === 'px') {
-    return numericValue;
-  }
-  if (unit === 'rem') {
-    var rootFontSize = parseFloat(getComputedStyle(element).fontSize);
-    return numericValue * rootFontSize;
-  }
-  return undefined;
-};
-
-export { getTokenValueInPixels };
-//# sourceMappingURL=getTokenValueInPixels.js.map

package/es/utils/getTokenValueInPixels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getTokenValueInPixels.js","sources":["../../src/utils/getTokenValueInPixels.ts"],"sourcesContent":["export const getTokenValueInPixels = (tokenName: string, element: HTMLElement): number | undefined => {\n    const tokenValue = getComputedStyle(element).getPropertyValue(tokenName).trim();\n\n    if (!tokenValue) {\n        return undefined;\n    }\n\n    const valueMatch = tokenValue.match(/^([\\d.]+)(rem|px)$/);\n\n    if (!valueMatch) {\n        return undefined;\n    }\n\n    const [, number, unit] = valueMatch;\n    const numericValue = parseFloat(number);\n\n    if (unit === 'px') {\n        return numericValue;\n    }\n    if (unit === 'rem') {\n        const rootFontSize = parseFloat(getComputedStyle(element).fontSize);\n        return numericValue * rootFontSize;\n    }\n\n    return undefined;\n};\n"],"names":["getTokenValueInPixels","tokenName","element","tokenValue","getComputedStyle","getPropertyValue","trim","undefined","valueMatch","match","_valueMatch","_slicedToArray","number","unit","numericValue","parseFloat","rootFontSize","fontSize"],"mappings":";;AAAO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,SAAiB,EAAEC,OAAoB,EAAyB;AAClG,EAAA,IAAMC,UAAU,GAAGC,gBAAgB,CAACF,OAAO,CAAC,CAACG,gBAAgB,CAACJ,SAAS,CAAC,CAACK,IAAI,EAAE,CAAA;EAE/E,IAAI,CAACH,UAAU,EAAE;AACb,IAAA,OAAOI,SAAS,CAAA;AACpB,GAAA;AAEA,EAAA,IAAMC,UAAU,GAAGL,UAAU,CAACM,KAAK,CAAC,oBAAoB,CAAC,CAAA;EAEzD,IAAI,CAACD,UAAU,EAAE;AACb,IAAA,OAAOD,SAAS,CAAA;AACpB,GAAA;AAEA,EAAA,IAAAG,WAAA,GAAAC,cAAA,CAAyBH,UAAU,EAAA,CAAA,CAAA;AAA1BI,IAAAA,MAAM,GAAAF,WAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,WAAA,CAAA,CAAA,CAAA,CAAA;AACrB,EAAA,IAAMI,YAAY,GAAGC,UAAU,CAACH,MAAM,CAAC,CAAA;EAEvC,IAAIC,IAAI,KAAK,IAAI,EAAE;AACf,IAAA,OAAOC,YAAY,CAAA;AACvB,GAAA;EACA,IAAID,IAAI,KAAK,KAAK,EAAE;IAChB,IAAMG,YAAY,GAAGD,UAAU,CAACX,gBAAgB,CAACF,OAAO,CAAC,CAACe,QAAQ,CAAC,CAAA;IACnE,OAAOH,YAAY,GAAGE,YAAY,CAAA;AACtC,GAAA;AAEA,EAAA,OAAOT,SAAS,CAAA;AACpB;;;;"}

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

@@ -1,248 +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 progressBarCircularConfig;
-    },
-    get progressBarCircularRoot () {
-        return progressBarCircularRoot;
-    }
-});
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _plasmacore = require("@salutejs/plasma-core");
-var _utils = require("../../utils");
-var _base = require("./variations/_view/base");
-var _base1 = require("./variations/_size/base");
-var _ProgressBarCircularstyles = require("./ProgressBarCircular.styles");
-var _ProgressBarCirculartokens = require("./ProgressBarCircular.tokens");
-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 _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 _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 progressBarCircularRoot = function(Root) {
-    return /*#__PURE__*/ (0, _react.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, [
-            "value",
-            "maxValue",
-            "size",
-            "view",
-            "children",
-            "className",
-            "strokeWidth"
-        ]);
-        var _useState = _sliced_to_array((0, _react.useState)(0), 2), strokeWidthCSS = _useState[0], setStrokeWidthCSS = _useState[1];
-        var _useState1 = _sliced_to_array((0, _react.useState)(0), 2), widthCSS = _useState1[0], setWidthCSS = _useState1[1];
-        var rootRef = (0, _react.useRef)(null);
-        var rootForkRef = (0, _plasmacore.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;
-        (0, _react.useLayoutEffect)(function() {
-            if (rootRef.current) {
-                var strokeWidthFromCSS = (0, _utils.getTokenValueInPixels)(_ProgressBarCirculartokens.tokens.progressStrokeWidth, rootRef.current);
-                var widthFromCSS = (0, _utils.getTokenValueInPixels)(_ProgressBarCirculartokens.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.default.createElement(Root, _object_spread({
-            ref: rootForkRef,
-            view: view,
-            size: size,
-            className: (0, _utils.cx)(className)
-        }, rest), /*#__PURE__*/ _react.default.createElement(_ProgressBarCircularstyles.StyledSVG, {
-            width: "100%",
-            height: "100%",
-            viewBox: "0 0 100 100",
-            className: _ProgressBarCirculartokens.classes.svg
-        }, /*#__PURE__*/ _react.default.createElement(_ProgressBarCircularstyles.StyledBackgroundCircle, {
-            customStrokeWidth: 50 / widthCSS * strokeWidth,
-            cx: center,
-            cy: center,
-            r: radius,
-            className: _ProgressBarCirculartokens.classes.backgroundCircle
-        }), /*#__PURE__*/ _react.default.createElement(_ProgressBarCircularstyles.StyledProgressCircle, {
-            cx: center,
-            cy: center,
-            r: radius,
-            customStrokeWidth: 50 / widthCSS * strokeWidth,
-            className: _ProgressBarCirculartokens.classes.progressCircle,
-            strokeDasharray: circumference,
-            strokeDashoffset: strokeDashoffset,
-            transform: "rotate(-90 50 50)"
-        })), children && /*#__PURE__*/ _react.default.createElement(_ProgressBarCircularstyles.StyledContent, {
-            className: _ProgressBarCirculartokens.classes.content
-        }, children));
-    });
-};
-var progressBarCircularConfig = {
-    name: 'ProgressBarCircular',
-    tag: 'div',
-    layout: progressBarCircularRoot,
-    base: _ProgressBarCircularstyles.base,
-    variations: {
-        view: {
-            css: _base.base
-        },
-        size: {
-            css: _base1.base
-        }
-    },
-    defaults: {
-        view: 'primary',
-        size: 'm'
-    }
-};