@foxford/ui 2.76.1 → 2.77.0-beta-ee6908c-20250807

package/components/Progress/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Progress/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { color } from 'mixins/color'\nimport { ProgressProps } from './Progress'\n\nconst move = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst bgColor = (color: string) => css`\n  background-color: ${tinycolor(color).setAlpha(0.6).toString()};\n`\n\nconst isLoading = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.4) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.4) 50%,\n    rgba(255, 255, 255, 0.4) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${move} 2s linear infinite;\n`\n\nexport const Root = styled.div<Pick<ProgressProps, 'backgroundColor' | 'color'>>`\n  display: block;\n  height: 4px;\n  border-radius: 40px;\n  overflow: hidden;\n  ${(props) => (props.backgroundColor ? color(props.backgroundColor, bgColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n`\n\nexport const Bar = styled.div.withConfig<{ width: number; isLoading: boolean }>({\n  shouldForwardProp: () => false,\n})`\n  width: 0;\n  transition: width 1s ease-in-out;\n  height: 100%;\n  border-radius: inherit;\n  color: inherit;\n  background-color: currentColor;\n  ${(props) => (props.isLoading ? isLoading : null)}\n  ${(props) =>\n    props.width\n      ? css`\n          width: ${props.width}%;\n        `\n      : css`\n          width: 0%;\n        `}\n`\n"],"names":["move","keyframes","bgColor","color","css","tinycolor","setAlpha","toString","isLoading","Root","styled","div","withConfig","displayName","componentId","props","backgroundColor","Bar","shouldForwardProp","width"],"mappings":"mSAKA,MAAMA,KAAOC,OAASA,UAOrB,CAAA,qEAED,MAAMC,QAAWC,GAAkBC,OAAAA,IAAG,CAAA,oBAAA,KAChBC,2BAAUF,GAAOG,SAAS,IAAKC,YAGrD,MAAMC,UAAYJ,OAAGA,IAAA,CAAA,4NAAA,wBAYNJ,YAGFS,KAAOC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,oBAAVJ,CAAU,CAAA,+DAAA,IAAA,KAKzBK,GAAWA,EAAMC,gBAAkBb,MAAAA,MAAMY,EAAMC,gBAAiBd,SAAW,OAC3Ea,GAAWA,EAAMZ,MAAQA,MAAAA,MAAMY,EAAMZ,OAAS,OAG5C,MAAMc,IAAMP,gBAAAA,QAAOC,IAAIC,WAAkD,CAC9EM,kBAAmBA,KAAM,IACzBN,WAAA,CAAAC,YAAA,gBAAAC,YAAA,oBAFiBJ,CASdK,CAAAA,yHAAAA,IAAAA,KAAAA,GAAWA,EAAMP,UAAYA,UAAY,OACzCO,GACDA,EAAMI,MACFf,OAAGA,IACQW,CAAAA,SAAAA,MAAAA,EAAMI,OAEjBf,OAAAA,IAAG,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Progress/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { color } from 'mixins/color'\nimport type { ProgressProps } from './Progress'\n\nconst move = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst bgColor = (value: string) => css`\n  background-color: ${tinycolor(value).setAlpha(0.6).toString()};\n`\n\nconst isLoading = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.4) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.4) 50%,\n    rgba(255, 255, 255, 0.4) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${move} 2s linear infinite;\n`\n\nexport const Root = styled.div<Pick<ProgressProps, 'backgroundColor' | 'color'>>`\n  display: block;\n  height: 4px;\n  border-radius: 40px;\n  overflow: hidden;\n  ${(props) => (props.backgroundColor ? color(props.backgroundColor, bgColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n`\n\nexport const Bar = styled.div.withConfig<{ width: number; isLoading: boolean }>({\n  shouldForwardProp: () => false,\n})`\n  width: 0;\n  transition: width 1s ease-in-out;\n  height: 100%;\n  border-radius: inherit;\n  color: inherit;\n  background-color: currentcolor;\n  ${(props) => (props.isLoading ? isLoading : null)}\n  ${(props) =>\n    props.width\n      ? css`\n          width: ${props.width}%;\n        `\n      : css`\n          width: 0%;\n        `}\n`\n"],"names":["move","keyframes","bgColor","value","css","tinycolor","setAlpha","toString","isLoading","Root","styled","div","withConfig","displayName","componentId","props","backgroundColor","color","Bar","shouldForwardProp","width"],"mappings":"mSAKA,MAAMA,KAAOC,OAASA,UAOrB,CAAA,qEAED,MAAMC,QAAWC,GAAkBC,OAAAA,IAAG,CAAA,oBAAA,KAChBC,2BAAUF,GAAOG,SAAS,IAAKC,YAGrD,MAAMC,UAAYJ,OAAGA,IAAA,CAAA,4NAAA,wBAYNJ,YAGFS,KAAOC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,oBAAVJ,CAAU,CAAA,+DAAA,IAAA,KAKzBK,GAAWA,EAAMC,gBAAkBC,MAAAA,MAAMF,EAAMC,gBAAiBd,SAAW,OAC3Ea,GAAWA,EAAME,MAAQA,MAAAA,MAAMF,EAAME,OAAS,OAG5C,MAAMC,IAAMR,gBAAAA,QAAOC,IAAIC,WAAkD,CAC9EO,kBAAmBA,KAAM,IACzBP,WAAA,CAAAC,YAAA,gBAAAC,YAAA,oBAFiBJ,CASdK,CAAAA,yHAAAA,IAAAA,KAAAA,GAAWA,EAAMP,UAAYA,UAAY,OACzCO,GACDA,EAAMK,MACFhB,OAAGA,IACQW,CAAAA,SAAAA,MAAAA,EAAMK,OAEjBhB,OAAAA,IAAG,CAAA"}

package/components/Progress/style.mjs

@@ -1,2 +1,2 @@
-import styled,{keyframes,css}from'styled-components';import tinycolor from'tinycolor2';import{color}from'../../mixins/color.mjs';const move=keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const bgColor=o=>css(["background-color:",";"],tinycolor(o).setAlpha(.6).toString());const isLoading=css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;"],move);const Root=styled.div.withConfig({displayName:"Progress__Root",componentId:"ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],(o=>o.backgroundColor?color(o.backgroundColor,bgColor):null),(o=>o.color?color(o.color):null));const Bar=styled.div.withConfig({shouldForwardProp:()=>!1}).withConfig({displayName:"Progress__Bar",componentId:"ui__sc-1vq95i6-1"})(["width:0;transition:width 1s ease-in-out;height:100%;border-radius:inherit;color:inherit;background-color:currentColor;"," ",""],(o=>o.isLoading?isLoading:null),(o=>o.width?css(["width:","%;"],o.width):css(["width:0%;"])));export{Bar,Root};
+import styled,{keyframes,css}from'styled-components';import tinycolor from'tinycolor2';import{color}from'../../mixins/color.mjs';const move=keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const bgColor=o=>css(["background-color:",";"],tinycolor(o).setAlpha(.6).toString());const isLoading=css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;"],move);const Root=styled.div.withConfig({displayName:"Progress__Root",componentId:"ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],(o=>o.backgroundColor?color(o.backgroundColor,bgColor):null),(o=>o.color?color(o.color):null));const Bar=styled.div.withConfig({shouldForwardProp:()=>!1}).withConfig({displayName:"Progress__Bar",componentId:"ui__sc-1vq95i6-1"})(["width:0;transition:width 1s ease-in-out;height:100%;border-radius:inherit;color:inherit;background-color:currentcolor;"," ",""],(o=>o.isLoading?isLoading:null),(o=>o.width?css(["width:","%;"],o.width):css(["width:0%;"])));export{Bar,Root};
 //# sourceMappingURL=style.mjs.map

package/components/Progress/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { color } from 'mixins/color'\nimport { ProgressProps } from './Progress'\n\nconst move = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst bgColor = (color: string) => css`\n  background-color: ${tinycolor(color).setAlpha(0.6).toString()};\n`\n\nconst isLoading = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.4) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.4) 50%,\n    rgba(255, 255, 255, 0.4) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${move} 2s linear infinite;\n`\n\nexport const Root = styled.div<Pick<ProgressProps, 'backgroundColor' | 'color'>>`\n  display: block;\n  height: 4px;\n  border-radius: 40px;\n  overflow: hidden;\n  ${(props) => (props.backgroundColor ? color(props.backgroundColor, bgColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n`\n\nexport const Bar = styled.div.withConfig<{ width: number; isLoading: boolean }>({\n  shouldForwardProp: () => false,\n})`\n  width: 0;\n  transition: width 1s ease-in-out;\n  height: 100%;\n  border-radius: inherit;\n  color: inherit;\n  background-color: currentColor;\n  ${(props) => (props.isLoading ? isLoading : null)}\n  ${(props) =>\n    props.width\n      ? css`\n          width: ${props.width}%;\n        `\n      : css`\n          width: 0%;\n        `}\n`\n"],"names":["move","keyframes","bgColor","color","css","tinycolor","setAlpha","toString","isLoading","Root","styled","div","withConfig","displayName","componentId","props","backgroundColor","Bar","shouldForwardProp","width"],"mappings":"iIAKA,MAAMA,KAAOC,UAOZ,CAAA,qEAED,MAAMC,QAAWC,GAAkBC,IAAG,CAAA,oBAAA,KAChBC,UAAUF,GAAOG,SAAS,IAAKC,YAGrD,MAAMC,UAAYJ,IAAG,CAAA,4NAAA,wBAYNJ,YAGFS,KAAOC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,oBAAVJ,CAAU,CAAA,+DAAA,IAAA,KAKzBK,GAAWA,EAAMC,gBAAkBb,MAAMY,EAAMC,gBAAiBd,SAAW,OAC3Ea,GAAWA,EAAMZ,MAAQA,MAAMY,EAAMZ,OAAS,OAG5C,MAAMc,IAAMP,OAAOC,IAAIC,WAAkD,CAC9EM,kBAAmBA,KAAM,IACzBN,WAAA,CAAAC,YAAA,gBAAAC,YAAA,oBAFiBJ,CASdK,CAAAA,yHAAAA,IAAAA,KAAAA,GAAWA,EAAMP,UAAYA,UAAY,OACzCO,GACDA,EAAMI,MACFf,IACWW,CAAAA,SAAAA,MAAAA,EAAMI,OAEjBf,IAAG,CAAA"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { color } from 'mixins/color'\nimport type { ProgressProps } from './Progress'\n\nconst move = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst bgColor = (value: string) => css`\n  background-color: ${tinycolor(value).setAlpha(0.6).toString()};\n`\n\nconst isLoading = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.4) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.4) 50%,\n    rgba(255, 255, 255, 0.4) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${move} 2s linear infinite;\n`\n\nexport const Root = styled.div<Pick<ProgressProps, 'backgroundColor' | 'color'>>`\n  display: block;\n  height: 4px;\n  border-radius: 40px;\n  overflow: hidden;\n  ${(props) => (props.backgroundColor ? color(props.backgroundColor, bgColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n`\n\nexport const Bar = styled.div.withConfig<{ width: number; isLoading: boolean }>({\n  shouldForwardProp: () => false,\n})`\n  width: 0;\n  transition: width 1s ease-in-out;\n  height: 100%;\n  border-radius: inherit;\n  color: inherit;\n  background-color: currentcolor;\n  ${(props) => (props.isLoading ? isLoading : null)}\n  ${(props) =>\n    props.width\n      ? css`\n          width: ${props.width}%;\n        `\n      : css`\n          width: 0%;\n        `}\n`\n"],"names":["move","keyframes","bgColor","value","css","tinycolor","setAlpha","toString","isLoading","Root","styled","div","withConfig","displayName","componentId","props","backgroundColor","color","Bar","shouldForwardProp","width"],"mappings":"iIAKA,MAAMA,KAAOC,UAOZ,CAAA,qEAED,MAAMC,QAAWC,GAAkBC,IAAG,CAAA,oBAAA,KAChBC,UAAUF,GAAOG,SAAS,IAAKC,YAGrD,MAAMC,UAAYJ,IAAG,CAAA,4NAAA,wBAYNJ,YAGFS,KAAOC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,oBAAVJ,CAAU,CAAA,+DAAA,IAAA,KAKzBK,GAAWA,EAAMC,gBAAkBC,MAAMF,EAAMC,gBAAiBd,SAAW,OAC3Ea,GAAWA,EAAME,MAAQA,MAAMF,EAAME,OAAS,OAG5C,MAAMC,IAAMR,OAAOC,IAAIC,WAAkD,CAC9EO,kBAAmBA,KAAM,IACzBP,WAAA,CAAAC,YAAA,gBAAAC,YAAA,oBAFiBJ,CASdK,CAAAA,yHAAAA,IAAAA,KAAAA,GAAWA,EAAMP,UAAYA,UAAY,OACzCO,GACDA,EAAMK,MACFhB,IACWW,CAAAA,SAAAA,MAAAA,EAAMK,OAEjBhB,IAAG,CAAA"}

package/components/Progress.Circle/Progress.Circle.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');function polarToCartesian(s,e,t,r){const o=(r-90)*Math.PI/180;return{x:s+t*Math.cos(o),y:e+t*Math.sin(o)}}function describeArc(s,e,t,r,o,n=!1){const i=polarToCartesian(s,e,t,o);const c=polarToCartesian(s,e,t,r);const a=o-r;const l=(a<0?-a:a)<=180?'1':'0';return['M',i.x,i.y,'A',t,t,0,n?+!+l:l,0,c.x,c.y].join(' ')}exports.ProgressCircle=class ProgressCircle extends React.PureComponent{static displayName='Progress.Circle';static defaultProps={size:84,progress:0,strokeLineWidth:2,strokeBGWidth:2,resultColor:'accent',progressStartAngle:180};constructor(s){super(s),this.state={bgAngleDiff:0,describeArcProgress:null,describeArcBg:null}}componentDidMount(){this.renderSvg()}componentDidUpdate(s){const{progress:e,size:t}=this.props;const{progress:r,size:o}=s;e===r&&t===o||this.renderSvg()}renderSvg=()=>{const{size:s,progress:e,strokeLineWidth:t,strokeBGWidth:r,progressStartAngle:o}=this.props;const n=t>r?t:r;const i=s/2+n/2;const c=o;const a=c-.5;const l=i-n/2;const d=i-n/2;const g=i-n;const u=c-a;const h=describeArc(l,d,g,o,o-.5+ +e/100*360,!0);const p=describeArc(l,d,g,c,a);this.setState({describeArcProgress:h,describeArcBg:p,bgAngleDiff:u<0?-u:u})};render(){const{size:s,children:e,content:t,strokeLineWidth:r,strokeBGWidth:o,resultColor:n,strokeBGColor:i,status:c,progress:a,className:l,style:d}=this.props;const{bgAngleDiff:g,describeArcProgress:u,describeArcBg:h}=this.state;return jsxRuntime.jsxs(style.Root,{className:l,style:d,size:s,strokeBGColor:i,resultColor:n,status:c,children:[jsxRuntime.jsx("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:jsxRuntime.jsxs("g",{className:'pathBox',children:[jsxRuntime.jsx("path",{className:"bg",d:g<360&&h?h:'',fill:"none",strokeWidth:o,strokeLinecap:"round"}),jsxRuntime.jsx("path",{className:"line",d:Boolean(+a)&&u?u:'',strokeWidth:r,strokeLinecap:"round"})]})}),(e||t)&&jsxRuntime.jsx(style.Content,{children:e||t})]})}};
+'use strict';var React=require('react');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');function polarToCartesian(s,e,t,r){const o=(r-90)*Math.PI/180;return{x:s+t*Math.cos(o),y:e+t*Math.sin(o)}}function describeArc(s,e,t,r,o,n=!1){const i=polarToCartesian(s,e,t,o);const c=polarToCartesian(s,e,t,r);const a=o-r;const l=(a<0?-a:a)<=180?'1':'0';return['M',i.x,i.y,'A',t,t,0,n?+!+l:l,0,c.x,c.y].join(' ')}exports.ProgressCircle=class ProgressCircle extends React.PureComponent{static displayName='Progress.Circle';static defaultProps={size:84,progress:0,strokeLineWidth:2,strokeBGWidth:2,resultColor:'accent',progressStartAngle:180};constructor(s){super(s),this.state={bgAngleDiff:0,describeArcProgress:null,describeArcBg:null}}componentDidMount(){this.renderSvg()}componentDidUpdate(s){const{progress:e,size:t}=this.props;const{progress:r,size:o}=s;e===r&&t===o||this.renderSvg()}renderSvg=()=>{const{size:s,progress:e,strokeLineWidth:t,strokeBGWidth:r,progressStartAngle:o}=this.props;const n=t>r?t:r;const i=s/2+n/2;const c=o;const a=c-.5;const l=i-n/2;const d=i-n/2;const u=i-n;const g=c-a;const h=describeArc(l,d,u,o,o-.5+ +e/100*360,!0);const p=describeArc(l,d,u,c,a);this.setState({describeArcProgress:h,describeArcBg:p,bgAngleDiff:g<0?-g:g})};render(){const{size:s,children:e,content:t,strokeLineWidth:r,strokeBGWidth:o,resultColor:n,strokeBGColor:i,status:c,progress:a,className:l,style:d}=this.props;const{bgAngleDiff:u,describeArcProgress:g,describeArcBg:h}=this.state;return jsxRuntime.jsxs(style.Root,{className:l,style:d,size:s,strokeBGColor:i,resultColor:n,status:c,children:[jsxRuntime.jsx("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:jsxRuntime.jsxs("g",{className:'pathBox',children:[jsxRuntime.jsx("path",{className:"bg",d:u<360&&h?h:'',fill:"none",strokeWidth:o,strokeLinecap:"round"}),jsxRuntime.jsx("path",{className:"line",d:Boolean(+a)&&g?g:'',strokeWidth:r,strokeLinecap:"round"})]})}),e||t?jsxRuntime.jsx(style.Content,{children:e||t}):null]})}};
 //# sourceMappingURL=Progress.Circle.js.map

package/components/Progress.Circle/Progress.Circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.Circle.js","sources":["../../../../src/components/Progress.Circle/Progress.Circle.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { PureComponent } from 'react'\nimport { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nfunction polarToCartesian(centerX: number, centerY: number, radius: number, angleInDegrees: number) {\n  const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0\n\n  return {\n    x: centerX + radius * Math.cos(angleInRadians),\n    y: centerY + radius * Math.sin(angleInRadians),\n  }\n}\n\nfunction describeArc(x: number, y: number, radius: number, startAngle: number, endAngle: number, reverse = false) {\n  const start = polarToCartesian(x, y, radius, endAngle)\n  const end = polarToCartesian(x, y, radius, startAngle)\n\n  const diff = endAngle - startAngle\n  const angleDiff = diff < 0 ? -diff : diff\n\n  const sweep = angleDiff <= 180 ? '1' : '0'\n  const arcSweep = reverse ? +!+sweep : sweep\n\n  return ['M', start.x, start.y, 'A', radius, radius, 0, arcSweep, 0, end.x, end.y].join(' ')\n}\n\nexport interface ProgressCircleProps extends BaseProps, ColorProperty<'resultColor'>, ColorProperty<'strokeBGColor'> {\n  /**\n   * status ['fail', 'success', 'started']\n   */\n  status?: 'fail' | 'success' | 'started'\n  /**\n   * progress percent\n   */\n  progress?: number\n  /**\n   * width and height\n   */\n  size?: number\n  /**\n   * React children\n   */\n  children?: React.ReactNode\n  /**\n   * width progress line\n   */\n  strokeLineWidth?: number\n  /**\n   * width background line\n   */\n  strokeBGWidth?: number\n  /**\n   * start angle of progress\n   */\n  progressStartAngle?: number\n  /**\n   * @ignore @deprecated Use children\n   */\n  content?: string | number\n}\n\ninterface ProgressCircleState {\n  bgAngleDiff: number\n  describeArcProgress: string | null\n  describeArcBg: string | null\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'resultColor'>`](#/Миксины)\n * - [`Color<'strokeBGColor'>`](#/Миксины)\n */\nexport class ProgressCircle extends PureComponent<\n  typeof ProgressCircle.defaultProps & ProgressCircleProps,\n  ProgressCircleState\n> {\n  static displayName = 'Progress.Circle'\n  static defaultProps = {\n    size: 84,\n    progress: 0,\n    strokeLineWidth: 2,\n    strokeBGWidth: 2,\n    resultColor: 'accent',\n    progressStartAngle: 180,\n  }\n\n  constructor(props: typeof ProgressCircle.defaultProps & ProgressCircleProps) {\n    super(props)\n    this.state = {\n      bgAngleDiff: 0,\n      describeArcProgress: null,\n      describeArcBg: null,\n    }\n  }\n\n  componentDidMount() {\n    this.renderSvg()\n  }\n\n  componentDidUpdate(prevProps: ProgressCircleProps) {\n    const { progress, size } = this.props\n    const { progress: prevProgress, size: prevSize } = prevProps\n\n    if (progress !== prevProgress || size !== prevSize) {\n      this.renderSvg()\n    }\n  }\n\n  renderSvg = () => {\n    const { size, progress, strokeLineWidth, strokeBGWidth, progressStartAngle } = this.props\n\n    const thickness = strokeLineWidth > strokeBGWidth ? strokeLineWidth : strokeBGWidth\n\n    const center = size / 2 + thickness / 2\n    const progressGap = 0.5\n    const progressEndAngle = progressStartAngle - progressGap + (+progress / 100) * 360\n    const bgStartAngle = progressStartAngle\n    const bgEndAngle = bgStartAngle - progressGap\n\n    const centerX = center - thickness / 2\n    const centerY = center - thickness / 2\n    const radius = center - thickness\n    const diff = bgStartAngle - bgEndAngle\n\n    const describeArcProgress = describeArc(centerX, centerY, radius, progressStartAngle, progressEndAngle, true)\n\n    const describeArcBg = describeArc(centerX, centerY, radius, bgStartAngle, bgEndAngle)\n\n    const bgAngleDiff = diff < 0 ? -diff : diff\n\n    this.setState({\n      describeArcProgress,\n      describeArcBg,\n      bgAngleDiff,\n    })\n  }\n\n  render() {\n    const {\n      size,\n      children,\n      content,\n      strokeLineWidth,\n      strokeBGWidth,\n      resultColor,\n      strokeBGColor,\n      status,\n      progress,\n      className,\n      style,\n    } = this.props\n\n    const { bgAngleDiff, describeArcProgress, describeArcBg } = this.state\n\n    return (\n      <Styled.Root\n        className={className}\n        style={style}\n        size={size}\n        strokeBGColor={strokeBGColor}\n        resultColor={resultColor}\n        status={status}\n      >\n        <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n          <g className={'pathBox'}>\n            <path\n              className='bg'\n              d={bgAngleDiff < 360 && describeArcBg ? describeArcBg : ''}\n              fill='none'\n              strokeWidth={strokeBGWidth}\n              strokeLinecap='round'\n            />\n            <path\n              className='line'\n              d={Boolean(+progress) && describeArcProgress ? describeArcProgress : ''}\n              strokeWidth={strokeLineWidth}\n              strokeLinecap='round'\n            />\n          </g>\n        </svg>\n        {(children || content) && <Styled.Content>{children || content}</Styled.Content>}\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["polarToCartesian","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","describeArc","startAngle","endAngle","reverse","start","end","diff","sweep","join","ProgressCircle","PureComponent","static","size","progress","strokeLineWidth","strokeBGWidth","resultColor","progressStartAngle","constructor","props","super","this","state","bgAngleDiff","describeArcProgress","describeArcBg","componentDidMount","renderSvg","componentDidUpdate","prevProps","prevProgress","prevSize","thickness","center","bgStartAngle","bgEndAngle","setState","render","children","content","strokeBGColor","status","className","style","_jsxs","Styled","_jsx","jsx","width","height","viewBox","jsxs","d","fill","strokeWidth","strokeLinecap","Boolean"],"mappings":"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"}
+{"version":3,"file":"Progress.Circle.js","sources":["../../../../src/components/Progress.Circle/Progress.Circle.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nfunction polarToCartesian(centerX: number, centerY: number, radius: number, angleInDegrees: number) {\n  const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0\n\n  return {\n    x: centerX + radius * Math.cos(angleInRadians),\n    y: centerY + radius * Math.sin(angleInRadians),\n  }\n}\n\nfunction describeArc(x: number, y: number, radius: number, startAngle: number, endAngle: number, reverse = false) {\n  const start = polarToCartesian(x, y, radius, endAngle)\n  const end = polarToCartesian(x, y, radius, startAngle)\n\n  const diff = endAngle - startAngle\n  const angleDiff = diff < 0 ? -diff : diff\n\n  const sweep = angleDiff <= 180 ? '1' : '0'\n  const arcSweep = reverse ? +!+sweep : sweep\n\n  return ['M', start.x, start.y, 'A', radius, radius, 0, arcSweep, 0, end.x, end.y].join(' ')\n}\n\nexport interface ProgressCircleProps extends BaseProps, ColorProperty<'resultColor'>, ColorProperty<'strokeBGColor'> {\n  /**\n   * status ['fail', 'success', 'started']\n   */\n  status?: 'fail' | 'success' | 'started'\n  /**\n   * progress percent\n   */\n  progress?: number\n  /**\n   * width and height\n   */\n  size?: number\n  /**\n   * React children\n   */\n  children?: React.ReactNode\n  /**\n   * width progress line\n   */\n  strokeLineWidth?: number\n  /**\n   * width background line\n   */\n  strokeBGWidth?: number\n  /**\n   * start angle of progress\n   */\n  progressStartAngle?: number\n  /**\n   * @ignore @deprecated Use children\n   */\n  content?: string | number\n}\n\ninterface ProgressCircleState {\n  bgAngleDiff: number\n  describeArcProgress: string | null\n  describeArcBg: string | null\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'resultColor'>`](#/Миксины)\n * - [`Color<'strokeBGColor'>`](#/Миксины)\n */\nexport class ProgressCircle extends PureComponent<\n  typeof ProgressCircle.defaultProps & ProgressCircleProps,\n  ProgressCircleState\n> {\n  static displayName = 'Progress.Circle'\n  static defaultProps = {\n    size: 84,\n    progress: 0,\n    strokeLineWidth: 2,\n    strokeBGWidth: 2,\n    resultColor: 'accent',\n    progressStartAngle: 180,\n  }\n\n  constructor(props: typeof ProgressCircle.defaultProps & ProgressCircleProps) {\n    super(props)\n    this.state = {\n      bgAngleDiff: 0,\n      describeArcProgress: null,\n      describeArcBg: null,\n    }\n  }\n\n  componentDidMount() {\n    this.renderSvg()\n  }\n\n  componentDidUpdate(prevProps: ProgressCircleProps) {\n    const { progress, size } = this.props\n    const { progress: prevProgress, size: prevSize } = prevProps\n\n    if (progress !== prevProgress || size !== prevSize) {\n      this.renderSvg()\n    }\n  }\n\n  renderSvg = () => {\n    const { size, progress, strokeLineWidth, strokeBGWidth, progressStartAngle } = this.props\n\n    const thickness = strokeLineWidth > strokeBGWidth ? strokeLineWidth : strokeBGWidth\n\n    const center = size / 2 + thickness / 2\n    const progressGap = 0.5\n    const progressEndAngle = progressStartAngle - progressGap + (+progress / 100) * 360\n    const bgStartAngle = progressStartAngle\n    const bgEndAngle = bgStartAngle - progressGap\n\n    const centerX = center - thickness / 2\n    const centerY = center - thickness / 2\n    const radius = center - thickness\n    const diff = bgStartAngle - bgEndAngle\n\n    const describeArcProgress = describeArc(centerX, centerY, radius, progressStartAngle, progressEndAngle, true)\n\n    const describeArcBg = describeArc(centerX, centerY, radius, bgStartAngle, bgEndAngle)\n\n    const bgAngleDiff = diff < 0 ? -diff : diff\n\n    this.setState({\n      describeArcProgress,\n      describeArcBg,\n      bgAngleDiff,\n    })\n  }\n\n  render() {\n    const {\n      size,\n      children,\n      content,\n      strokeLineWidth,\n      strokeBGWidth,\n      resultColor,\n      strokeBGColor,\n      status,\n      progress,\n      className,\n      style,\n    } = this.props\n\n    const { bgAngleDiff, describeArcProgress, describeArcBg } = this.state\n\n    return (\n      <Styled.Root\n        className={className}\n        style={style}\n        size={size}\n        strokeBGColor={strokeBGColor}\n        resultColor={resultColor}\n        status={status}\n      >\n        <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n          <g className={'pathBox'}>\n            <path\n              className='bg'\n              d={bgAngleDiff < 360 && describeArcBg ? describeArcBg : ''}\n              fill='none'\n              strokeWidth={strokeBGWidth}\n              strokeLinecap='round'\n            />\n            <path\n              className='line'\n              d={Boolean(+progress) && describeArcProgress ? describeArcProgress : ''}\n              strokeWidth={strokeLineWidth}\n              strokeLinecap='round'\n            />\n          </g>\n        </svg>\n        {children || content ? <Styled.Content>{children || content}</Styled.Content> : null}\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["polarToCartesian","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","describeArc","startAngle","endAngle","reverse","start","end","diff","sweep","join","ProgressCircle","PureComponent","static","size","progress","strokeLineWidth","strokeBGWidth","resultColor","progressStartAngle","constructor","props","super","this","state","bgAngleDiff","describeArcProgress","describeArcBg","componentDidMount","renderSvg","componentDidUpdate","prevProps","prevProgress","prevSize","thickness","center","bgStartAngle","bgEndAngle","setState","render","children","content","strokeBGColor","status","className","style","_jsxs","Styled","_jsx","jsx","width","height","viewBox","jsxs","d","fill","strokeWidth","strokeLinecap","Boolean"],"mappings":"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"}

package/components/Progress.Circle/Progress.Circle.mjs

@@ -1,2 +1,2 @@
-import{PureComponent}from'react';import{Root,Content}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';function polarToCartesian(s,e,r,t){const o=(t-90)*Math.PI/180;return{x:s+r*Math.cos(o),y:e+r*Math.sin(o)}}function describeArc(s,e,r,t,o,n=!1){const c=polarToCartesian(s,e,r,o);const i=polarToCartesian(s,e,r,t);const a=o-t;const l=(a<0?-a:a)<=180?'1':'0';return['M',c.x,c.y,'A',r,r,0,n?+!+l:l,0,i.x,i.y].join(' ')}class ProgressCircle extends PureComponent{static displayName='Progress.Circle';static defaultProps={size:84,progress:0,strokeLineWidth:2,strokeBGWidth:2,resultColor:'accent',progressStartAngle:180};constructor(s){super(s),this.state={bgAngleDiff:0,describeArcProgress:null,describeArcBg:null}}componentDidMount(){this.renderSvg()}componentDidUpdate(s){const{progress:e,size:r}=this.props;const{progress:t,size:o}=s;e===t&&r===o||this.renderSvg()}renderSvg=()=>{const{size:s,progress:e,strokeLineWidth:r,strokeBGWidth:t,progressStartAngle:o}=this.props;const n=r>t?r:t;const c=s/2+n/2;const i=o;const a=i-.5;const l=c-n/2;const d=c-n/2;const p=c-n;const g=i-a;const h=describeArc(l,d,p,o,o-.5+ +e/100*360,!0);const u=describeArc(l,d,p,i,a);this.setState({describeArcProgress:h,describeArcBg:u,bgAngleDiff:g<0?-g:g})};render(){const{size:s,children:e,content:r,strokeLineWidth:t,strokeBGWidth:o,resultColor:n,strokeBGColor:c,status:i,progress:a,className:l,style:d}=this.props;const{bgAngleDiff:p,describeArcProgress:g,describeArcBg:h}=this.state;return jsxs(Root,{className:l,style:d,size:s,strokeBGColor:c,resultColor:n,status:i,children:[jsx("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:jsxs("g",{className:'pathBox',children:[jsx("path",{className:"bg",d:p<360&&h?h:'',fill:"none",strokeWidth:o,strokeLinecap:"round"}),jsx("path",{className:"line",d:Boolean(+a)&&g?g:'',strokeWidth:t,strokeLinecap:"round"})]})}),(e||r)&&jsx(Content,{children:e||r})]})}}export{ProgressCircle};
+import{PureComponent}from'react';import{Root,Content}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';function polarToCartesian(s,e,r,t){const o=(t-90)*Math.PI/180;return{x:s+r*Math.cos(o),y:e+r*Math.sin(o)}}function describeArc(s,e,r,t,o,n=!1){const c=polarToCartesian(s,e,r,o);const i=polarToCartesian(s,e,r,t);const a=o-t;const l=(a<0?-a:a)<=180?'1':'0';return['M',c.x,c.y,'A',r,r,0,n?+!+l:l,0,i.x,i.y].join(' ')}class ProgressCircle extends PureComponent{static displayName='Progress.Circle';static defaultProps={size:84,progress:0,strokeLineWidth:2,strokeBGWidth:2,resultColor:'accent',progressStartAngle:180};constructor(s){super(s),this.state={bgAngleDiff:0,describeArcProgress:null,describeArcBg:null}}componentDidMount(){this.renderSvg()}componentDidUpdate(s){const{progress:e,size:r}=this.props;const{progress:t,size:o}=s;e===t&&r===o||this.renderSvg()}renderSvg=()=>{const{size:s,progress:e,strokeLineWidth:r,strokeBGWidth:t,progressStartAngle:o}=this.props;const n=r>t?r:t;const c=s/2+n/2;const i=o;const a=i-.5;const l=c-n/2;const d=c-n/2;const p=c-n;const g=i-a;const h=describeArc(l,d,p,o,o-.5+ +e/100*360,!0);const u=describeArc(l,d,p,i,a);this.setState({describeArcProgress:h,describeArcBg:u,bgAngleDiff:g<0?-g:g})};render(){const{size:s,children:e,content:r,strokeLineWidth:t,strokeBGWidth:o,resultColor:n,strokeBGColor:c,status:i,progress:a,className:l,style:d}=this.props;const{bgAngleDiff:p,describeArcProgress:g,describeArcBg:h}=this.state;return jsxs(Root,{className:l,style:d,size:s,strokeBGColor:c,resultColor:n,status:i,children:[jsx("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:jsxs("g",{className:'pathBox',children:[jsx("path",{className:"bg",d:p<360&&h?h:'',fill:"none",strokeWidth:o,strokeLinecap:"round"}),jsx("path",{className:"line",d:Boolean(+a)&&g?g:'',strokeWidth:t,strokeLinecap:"round"})]})}),e||r?jsx(Content,{children:e||r}):null]})}}export{ProgressCircle};
 //# sourceMappingURL=Progress.Circle.mjs.map

package/components/Progress.Circle/Progress.Circle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.Circle.mjs","sources":["../../../../src/components/Progress.Circle/Progress.Circle.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { PureComponent } from 'react'\nimport { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nfunction polarToCartesian(centerX: number, centerY: number, radius: number, angleInDegrees: number) {\n  const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0\n\n  return {\n    x: centerX + radius * Math.cos(angleInRadians),\n    y: centerY + radius * Math.sin(angleInRadians),\n  }\n}\n\nfunction describeArc(x: number, y: number, radius: number, startAngle: number, endAngle: number, reverse = false) {\n  const start = polarToCartesian(x, y, radius, endAngle)\n  const end = polarToCartesian(x, y, radius, startAngle)\n\n  const diff = endAngle - startAngle\n  const angleDiff = diff < 0 ? -diff : diff\n\n  const sweep = angleDiff <= 180 ? '1' : '0'\n  const arcSweep = reverse ? +!+sweep : sweep\n\n  return ['M', start.x, start.y, 'A', radius, radius, 0, arcSweep, 0, end.x, end.y].join(' ')\n}\n\nexport interface ProgressCircleProps extends BaseProps, ColorProperty<'resultColor'>, ColorProperty<'strokeBGColor'> {\n  /**\n   * status ['fail', 'success', 'started']\n   */\n  status?: 'fail' | 'success' | 'started'\n  /**\n   * progress percent\n   */\n  progress?: number\n  /**\n   * width and height\n   */\n  size?: number\n  /**\n   * React children\n   */\n  children?: React.ReactNode\n  /**\n   * width progress line\n   */\n  strokeLineWidth?: number\n  /**\n   * width background line\n   */\n  strokeBGWidth?: number\n  /**\n   * start angle of progress\n   */\n  progressStartAngle?: number\n  /**\n   * @ignore @deprecated Use children\n   */\n  content?: string | number\n}\n\ninterface ProgressCircleState {\n  bgAngleDiff: number\n  describeArcProgress: string | null\n  describeArcBg: string | null\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'resultColor'>`](#/Миксины)\n * - [`Color<'strokeBGColor'>`](#/Миксины)\n */\nexport class ProgressCircle extends PureComponent<\n  typeof ProgressCircle.defaultProps & ProgressCircleProps,\n  ProgressCircleState\n> {\n  static displayName = 'Progress.Circle'\n  static defaultProps = {\n    size: 84,\n    progress: 0,\n    strokeLineWidth: 2,\n    strokeBGWidth: 2,\n    resultColor: 'accent',\n    progressStartAngle: 180,\n  }\n\n  constructor(props: typeof ProgressCircle.defaultProps & ProgressCircleProps) {\n    super(props)\n    this.state = {\n      bgAngleDiff: 0,\n      describeArcProgress: null,\n      describeArcBg: null,\n    }\n  }\n\n  componentDidMount() {\n    this.renderSvg()\n  }\n\n  componentDidUpdate(prevProps: ProgressCircleProps) {\n    const { progress, size } = this.props\n    const { progress: prevProgress, size: prevSize } = prevProps\n\n    if (progress !== prevProgress || size !== prevSize) {\n      this.renderSvg()\n    }\n  }\n\n  renderSvg = () => {\n    const { size, progress, strokeLineWidth, strokeBGWidth, progressStartAngle } = this.props\n\n    const thickness = strokeLineWidth > strokeBGWidth ? strokeLineWidth : strokeBGWidth\n\n    const center = size / 2 + thickness / 2\n    const progressGap = 0.5\n    const progressEndAngle = progressStartAngle - progressGap + (+progress / 100) * 360\n    const bgStartAngle = progressStartAngle\n    const bgEndAngle = bgStartAngle - progressGap\n\n    const centerX = center - thickness / 2\n    const centerY = center - thickness / 2\n    const radius = center - thickness\n    const diff = bgStartAngle - bgEndAngle\n\n    const describeArcProgress = describeArc(centerX, centerY, radius, progressStartAngle, progressEndAngle, true)\n\n    const describeArcBg = describeArc(centerX, centerY, radius, bgStartAngle, bgEndAngle)\n\n    const bgAngleDiff = diff < 0 ? -diff : diff\n\n    this.setState({\n      describeArcProgress,\n      describeArcBg,\n      bgAngleDiff,\n    })\n  }\n\n  render() {\n    const {\n      size,\n      children,\n      content,\n      strokeLineWidth,\n      strokeBGWidth,\n      resultColor,\n      strokeBGColor,\n      status,\n      progress,\n      className,\n      style,\n    } = this.props\n\n    const { bgAngleDiff, describeArcProgress, describeArcBg } = this.state\n\n    return (\n      <Styled.Root\n        className={className}\n        style={style}\n        size={size}\n        strokeBGColor={strokeBGColor}\n        resultColor={resultColor}\n        status={status}\n      >\n        <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n          <g className={'pathBox'}>\n            <path\n              className='bg'\n              d={bgAngleDiff < 360 && describeArcBg ? describeArcBg : ''}\n              fill='none'\n              strokeWidth={strokeBGWidth}\n              strokeLinecap='round'\n            />\n            <path\n              className='line'\n              d={Boolean(+progress) && describeArcProgress ? describeArcProgress : ''}\n              strokeWidth={strokeLineWidth}\n              strokeLinecap='round'\n            />\n          </g>\n        </svg>\n        {(children || content) && <Styled.Content>{children || content}</Styled.Content>}\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["polarToCartesian","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","describeArc","startAngle","endAngle","reverse","start","end","diff","sweep","join","ProgressCircle","PureComponent","static","size","progress","strokeLineWidth","strokeBGWidth","resultColor","progressStartAngle","constructor","props","super","this","state","bgAngleDiff","describeArcProgress","describeArcBg","componentDidMount","renderSvg","componentDidUpdate","prevProps","prevProgress","prevSize","thickness","center","bgStartAngle","bgEndAngle","setState","render","children","content","strokeBGColor","status","className","style","_jsxs","Styled","_jsx","width","height","viewBox","d","fill","strokeWidth","strokeLinecap","Boolean"],"mappings":"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"}
+{"version":3,"file":"Progress.Circle.mjs","sources":["../../../../src/components/Progress.Circle/Progress.Circle.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nfunction polarToCartesian(centerX: number, centerY: number, radius: number, angleInDegrees: number) {\n  const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0\n\n  return {\n    x: centerX + radius * Math.cos(angleInRadians),\n    y: centerY + radius * Math.sin(angleInRadians),\n  }\n}\n\nfunction describeArc(x: number, y: number, radius: number, startAngle: number, endAngle: number, reverse = false) {\n  const start = polarToCartesian(x, y, radius, endAngle)\n  const end = polarToCartesian(x, y, radius, startAngle)\n\n  const diff = endAngle - startAngle\n  const angleDiff = diff < 0 ? -diff : diff\n\n  const sweep = angleDiff <= 180 ? '1' : '0'\n  const arcSweep = reverse ? +!+sweep : sweep\n\n  return ['M', start.x, start.y, 'A', radius, radius, 0, arcSweep, 0, end.x, end.y].join(' ')\n}\n\nexport interface ProgressCircleProps extends BaseProps, ColorProperty<'resultColor'>, ColorProperty<'strokeBGColor'> {\n  /**\n   * status ['fail', 'success', 'started']\n   */\n  status?: 'fail' | 'success' | 'started'\n  /**\n   * progress percent\n   */\n  progress?: number\n  /**\n   * width and height\n   */\n  size?: number\n  /**\n   * React children\n   */\n  children?: React.ReactNode\n  /**\n   * width progress line\n   */\n  strokeLineWidth?: number\n  /**\n   * width background line\n   */\n  strokeBGWidth?: number\n  /**\n   * start angle of progress\n   */\n  progressStartAngle?: number\n  /**\n   * @ignore @deprecated Use children\n   */\n  content?: string | number\n}\n\ninterface ProgressCircleState {\n  bgAngleDiff: number\n  describeArcProgress: string | null\n  describeArcBg: string | null\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'resultColor'>`](#/Миксины)\n * - [`Color<'strokeBGColor'>`](#/Миксины)\n */\nexport class ProgressCircle extends PureComponent<\n  typeof ProgressCircle.defaultProps & ProgressCircleProps,\n  ProgressCircleState\n> {\n  static displayName = 'Progress.Circle'\n  static defaultProps = {\n    size: 84,\n    progress: 0,\n    strokeLineWidth: 2,\n    strokeBGWidth: 2,\n    resultColor: 'accent',\n    progressStartAngle: 180,\n  }\n\n  constructor(props: typeof ProgressCircle.defaultProps & ProgressCircleProps) {\n    super(props)\n    this.state = {\n      bgAngleDiff: 0,\n      describeArcProgress: null,\n      describeArcBg: null,\n    }\n  }\n\n  componentDidMount() {\n    this.renderSvg()\n  }\n\n  componentDidUpdate(prevProps: ProgressCircleProps) {\n    const { progress, size } = this.props\n    const { progress: prevProgress, size: prevSize } = prevProps\n\n    if (progress !== prevProgress || size !== prevSize) {\n      this.renderSvg()\n    }\n  }\n\n  renderSvg = () => {\n    const { size, progress, strokeLineWidth, strokeBGWidth, progressStartAngle } = this.props\n\n    const thickness = strokeLineWidth > strokeBGWidth ? strokeLineWidth : strokeBGWidth\n\n    const center = size / 2 + thickness / 2\n    const progressGap = 0.5\n    const progressEndAngle = progressStartAngle - progressGap + (+progress / 100) * 360\n    const bgStartAngle = progressStartAngle\n    const bgEndAngle = bgStartAngle - progressGap\n\n    const centerX = center - thickness / 2\n    const centerY = center - thickness / 2\n    const radius = center - thickness\n    const diff = bgStartAngle - bgEndAngle\n\n    const describeArcProgress = describeArc(centerX, centerY, radius, progressStartAngle, progressEndAngle, true)\n\n    const describeArcBg = describeArc(centerX, centerY, radius, bgStartAngle, bgEndAngle)\n\n    const bgAngleDiff = diff < 0 ? -diff : diff\n\n    this.setState({\n      describeArcProgress,\n      describeArcBg,\n      bgAngleDiff,\n    })\n  }\n\n  render() {\n    const {\n      size,\n      children,\n      content,\n      strokeLineWidth,\n      strokeBGWidth,\n      resultColor,\n      strokeBGColor,\n      status,\n      progress,\n      className,\n      style,\n    } = this.props\n\n    const { bgAngleDiff, describeArcProgress, describeArcBg } = this.state\n\n    return (\n      <Styled.Root\n        className={className}\n        style={style}\n        size={size}\n        strokeBGColor={strokeBGColor}\n        resultColor={resultColor}\n        status={status}\n      >\n        <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n          <g className={'pathBox'}>\n            <path\n              className='bg'\n              d={bgAngleDiff < 360 && describeArcBg ? describeArcBg : ''}\n              fill='none'\n              strokeWidth={strokeBGWidth}\n              strokeLinecap='round'\n            />\n            <path\n              className='line'\n              d={Boolean(+progress) && describeArcProgress ? describeArcProgress : ''}\n              strokeWidth={strokeLineWidth}\n              strokeLinecap='round'\n            />\n          </g>\n        </svg>\n        {children || content ? <Styled.Content>{children || content}</Styled.Content> : null}\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["polarToCartesian","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","describeArc","startAngle","endAngle","reverse","start","end","diff","sweep","join","ProgressCircle","PureComponent","static","size","progress","strokeLineWidth","strokeBGWidth","resultColor","progressStartAngle","constructor","props","super","this","state","bgAngleDiff","describeArcProgress","describeArcBg","componentDidMount","renderSvg","componentDidUpdate","prevProps","prevProgress","prevSize","thickness","center","bgStartAngle","bgEndAngle","setState","render","children","content","strokeBGColor","status","className","style","_jsxs","Styled","_jsx","width","height","viewBox","d","fill","strokeWidth","strokeLinecap","Boolean"],"mappings":"+GAKA,SAASA,iBAAiBC,EAAiBC,EAAiBC,EAAgBC,GAC1E,MAAMC,GAAmBD,EAAiB,IAAME,KAAKC,GAAM,IAE3D,MAAO,CACLC,EAAGP,EAAUE,EAASG,KAAKG,IAAIJ,GAC/BK,EAAGR,EAAUC,EAASG,KAAKK,IAAIN,GAEnC,CAEA,SAASO,YAAYJ,EAAWE,EAAWP,EAAgBU,EAAoBC,EAAkBC,GAAU,GACzG,MAAMC,EAAQhB,iBAAiBQ,EAAGE,EAAGP,EAAQW,GAC7C,MAAMG,EAAMjB,iBAAiBQ,EAAGE,EAAGP,EAAQU,GAE3C,MAAMK,EAAOJ,EAAWD,EAGxB,MAAMM,GAFYD,EAAO,GAAKA,EAAOA,IAEV,IAAM,IAAM,IAGvC,MAAO,CAAC,IAAKF,EAAMR,EAAGQ,EAAMN,EAAG,IAAKP,EAAQA,EAAQ,EAFnCY,KAAaI,EAAQA,EAE2B,EAAGF,EAAIT,EAAGS,EAAIP,GAAGU,KAAK,IACzF,CAiDO,MAAMC,uBAAuBC,cAIlCC,mBAAqB,kBACrBA,oBAAsB,CACpBC,KAAM,GACNC,SAAU,EACVC,gBAAiB,EACjBC,cAAe,EACfC,YAAa,SACbC,mBAAoB,KAGtBC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CACXC,YAAa,EACbC,oBAAqB,KACrBC,cAAe,KAEnB,CAEAC,iBAAAA,GACEL,KAAKM,WACP,CAEAC,kBAAAA,CAAmBC,GACjB,MAAMhB,SAAEA,EAAQD,KAAEA,GAASS,KAAKF,MAChC,MAAQN,SAAUiB,EAAclB,KAAMmB,GAAaF,EAE/ChB,IAAaiB,GAAgBlB,IAASmB,GACxCV,KAAKM,WAET,CAEAA,UAAYA,KACV,MAAMf,KAAEA,EAAIC,SAAEA,EAAQC,gBAAEA,EAAeC,cAAEA,EAAaE,mBAAEA,GAAuBI,KAAKF,MAEpF,MAAMa,EAAYlB,EAAkBC,EAAgBD,EAAkBC,EAEtE,MAAMkB,EAASrB,EAAO,EAAIoB,EAAY,EAGtC,MAAME,EAAejB,EACrB,MAAMkB,EAAaD,EAHC,GAKpB,MAAM7C,EAAU4C,EAASD,EAAY,EACrC,MAAM1C,EAAU2C,EAASD,EAAY,EACrC,MAAMzC,EAAS0C,EAASD,EACxB,MAAM1B,EAAO4B,EAAeC,EAE5B,MAAMX,EAAsBxB,YAAYX,EAASC,EAASC,EAAQ0B,EATzCA,EADL,KAC0CJ,EAAW,IAAO,KASwB,GAExG,MAAMY,EAAgBzB,YAAYX,EAASC,EAASC,EAAQ2C,EAAcC,GAI1Ed,KAAKe,SAAS,CACZZ,sBACAC,gBACAF,YALkBjB,EAAO,GAAKA,EAAOA,GAMrC,EAGJ+B,MAAAA,GACE,MAAMzB,KACJA,EAAI0B,SACJA,EAAQC,QACRA,EAAOzB,gBACPA,EAAeC,cACfA,EAAaC,YACbA,EAAWwB,cACXA,EAAaC,OACbA,EAAM5B,SACNA,EAAQ6B,UACRA,EAASC,MACTA,GACEtB,KAAKF,MAET,MAAMI,YAAEA,EAAWC,oBAAEA,EAAmBC,cAAEA,GAAkBJ,KAAKC,MAEjE,OACEsB,KAACC,KAAW,CACVH,UAAWA,EACXC,MAAOA,EACP/B,KAAMA,EACN4B,cAAeA,EACfxB,YAAaA,EACbyB,OAAQA,EAAOH,UAEfQ,IAAA,MAAA,CAAKC,MAAOnC,EAAMoC,OAAQpC,EAAMqC,QAAS,OAAOrC,KAAQA,IAAO0B,SAC7DM,KAAA,IAAA,CAAGF,UAAW,UAAUJ,UACtBQ,IAAA,OAAA,CACEJ,UAAU,KACVQ,EAAG3B,EAAc,KAAOE,EAAgBA,EAAgB,GACxD0B,KAAK,OACLC,YAAarC,EACbsC,cAAc,UAEhBP,IAAA,OAAA,CACEJ,UAAU,OACVQ,EAAGI,SAASzC,IAAaW,EAAsBA,EAAsB,GACrE4B,YAAatC,EACbuC,cAAc,eAInBf,GAAYC,EAAUO,IAACD,QAAc,CAAAP,SAAEA,GAAYC,IAA4B,OAGtF"}

package/components/Progress.Circle/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>e==='children'}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-yu7d34-0"})(["position:relative;width:",";height:",";flex-shrink:0;svg{width:100%;height:100%;font-size:0px;}.line{fill:none;display:block;","}.bg{stroke:",";fill:rgba(255,255,255,0);&.fail{stroke:#f1512c;}&.success{stroke:#7bb909;}&.started{stroke:#459ff3;}}"],(e=>e.size?`${e.size}px`:'84px'),(e=>e.size?`${e.size}px`:'84px'),(e=>e.resultColor?color.color(e.resultColor,'stroke'):null),(e=>e.strokeBGColor?color.getColor(e.strokeBGColor,e):"rgba(0, 0, 0, 0.12)"));const Content=styled__default.default.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-yu7d34-1"})(["position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;img{border-radius:50%;}"]);exports.Content=Content,exports.Root=Root;
+'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>e==='children'}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-yu7d34-0"})(["position:relative;width:",";height:",";flex-shrink:0;svg{width:100%;height:100%;font-size:0;}.line{fill:none;display:block;","}.bg{stroke:",";fill:rgba(255,255,255,0);&.fail{stroke:#f1512c;}&.success{stroke:#7bb909;}&.started{stroke:#459ff3;}}"],(e=>e.size?`${e.size}px`:'84px'),(e=>e.size?`${e.size}px`:'84px'),(e=>e.resultColor?color.color(e.resultColor,'stroke'):null),(e=>e.strokeBGColor?color.getColor(e.strokeBGColor,e):"rgba(0, 0, 0, 0.12)"));const Content=styled__default.default.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-yu7d34-1"})(["position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;img{border-radius:50%;}"]);exports.Content=Content,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Progress.Circle/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Progress.Circle/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { ProgressCircleProps } from './Progress.Circle'\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<ProgressCircleProps, 'size' | 'resultColor' | 'strokeBGColor' | 'status'>>`\n  position: relative;\n  width: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  height: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  flex-shrink: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n    font-size: 0px;\n  }\n  .line {\n    fill: none;\n    display: block;\n    ${(props) => (props.resultColor ? color(props.resultColor, 'stroke') : null)}\n  }\n  .bg {\n    stroke: ${(props) => (props.strokeBGColor ? getColor(props.strokeBGColor, props) : `rgba(0, 0, 0, 0.12)`)};\n    fill: rgba(255, 255, 255, 0);\n    &.fail {\n      stroke: #f1512c;\n    }\n    &.success {\n      stroke: #7bb909;\n    }\n    &.started {\n      stroke: #459ff3;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    border-radius: 50%;\n  }\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","size","resultColor","color","strokeBGColor","getColor","Content"],"mappings":"6MAIO,MAAMA,KAAOC,gBAAAA,QAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,uBAAAC,YAAA,mBAFkBN,CAElB,CAAA,2BAAA,WAAA,0FAAA,eAAA,2GAEUO,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAC3CD,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAUlDD,GAAWA,EAAME,YAAcC,YAAMH,EAAME,YAAa,UAAY,OAG5DF,GAAWA,EAAMI,cAAgBC,eAASL,EAAMI,cAAeJ,GAAS,8BAc1EM,QAAUb,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,0BAAAC,YAAA,mBAAVN,CAYtB,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Progress.Circle/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport type { ProgressCircleProps } from './Progress.Circle'\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<ProgressCircleProps, 'size' | 'resultColor' | 'strokeBGColor' | 'status'>>`\n  position: relative;\n  width: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  height: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  flex-shrink: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n    font-size: 0;\n  }\n  .line {\n    fill: none;\n    display: block;\n    ${(props) => (props.resultColor ? color(props.resultColor, 'stroke') : null)}\n  }\n  .bg {\n    stroke: ${(props) => (props.strokeBGColor ? getColor(props.strokeBGColor, props) : `rgba(0, 0, 0, 0.12)`)};\n    fill: rgba(255, 255, 255, 0);\n    &.fail {\n      stroke: #f1512c;\n    }\n    &.success {\n      stroke: #7bb909;\n    }\n    &.started {\n      stroke: #459ff3;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    border-radius: 50%;\n  }\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","size","resultColor","color","strokeBGColor","getColor","Content"],"mappings":"6MAIO,MAAMA,KAAOC,gBAAAA,QAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,uBAAAC,YAAA,mBAFkBN,CAElB,CAAA,2BAAA,WAAA,wFAAA,eAAA,2GAEUO,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAC3CD,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAUlDD,GAAWA,EAAME,YAAcC,YAAMH,EAAME,YAAa,UAAY,OAG5DF,GAAWA,EAAMI,cAAgBC,eAASL,EAAMI,cAAeJ,GAAS,8BAc1EM,QAAUb,gBAAAA,QAAOC,IAAGC,WAAA,CAAAG,YAAA,0BAAAC,YAAA,mBAAVN,CAYtB,CAAA"}

package/components/Progress.Circle/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import{color,getColor}from'../../mixins/color.mjs';const Root=styled.div.withConfig({shouldForwardProp:o=>o==='children'}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-yu7d34-0"})(["position:relative;width:",";height:",";flex-shrink:0;svg{width:100%;height:100%;font-size:0px;}.line{fill:none;display:block;","}.bg{stroke:",";fill:rgba(255,255,255,0);&.fail{stroke:#f1512c;}&.success{stroke:#7bb909;}&.started{stroke:#459ff3;}}"],(o=>o.size?`${o.size}px`:'84px'),(o=>o.size?`${o.size}px`:'84px'),(o=>o.resultColor?color(o.resultColor,'stroke'):null),(o=>o.strokeBGColor?getColor(o.strokeBGColor,o):"rgba(0, 0, 0, 0.12)"));const Content=styled.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-yu7d34-1"})(["position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;img{border-radius:50%;}"]);export{Content,Root};
+import styled from'styled-components';import{color,getColor}from'../../mixins/color.mjs';const Root=styled.div.withConfig({shouldForwardProp:o=>o==='children'}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-yu7d34-0"})(["position:relative;width:",";height:",";flex-shrink:0;svg{width:100%;height:100%;font-size:0;}.line{fill:none;display:block;","}.bg{stroke:",";fill:rgba(255,255,255,0);&.fail{stroke:#f1512c;}&.success{stroke:#7bb909;}&.started{stroke:#459ff3;}}"],(o=>o.size?`${o.size}px`:'84px'),(o=>o.size?`${o.size}px`:'84px'),(o=>o.resultColor?color(o.resultColor,'stroke'):null),(o=>o.strokeBGColor?getColor(o.strokeBGColor,o):"rgba(0, 0, 0, 0.12)"));const Content=styled.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-yu7d34-1"})(["position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;img{border-radius:50%;}"]);export{Content,Root};
 //# sourceMappingURL=style.mjs.map

package/components/Progress.Circle/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress.Circle/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { ProgressCircleProps } from './Progress.Circle'\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<ProgressCircleProps, 'size' | 'resultColor' | 'strokeBGColor' | 'status'>>`\n  position: relative;\n  width: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  height: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  flex-shrink: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n    font-size: 0px;\n  }\n  .line {\n    fill: none;\n    display: block;\n    ${(props) => (props.resultColor ? color(props.resultColor, 'stroke') : null)}\n  }\n  .bg {\n    stroke: ${(props) => (props.strokeBGColor ? getColor(props.strokeBGColor, props) : `rgba(0, 0, 0, 0.12)`)};\n    fill: rgba(255, 255, 255, 0);\n    &.fail {\n      stroke: #f1512c;\n    }\n    &.success {\n      stroke: #7bb909;\n    }\n    &.started {\n      stroke: #459ff3;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    border-radius: 50%;\n  }\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","size","resultColor","color","strokeBGColor","getColor","Content"],"mappings":"yFAIO,MAAMA,KAAOC,OAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,uBAAAC,YAAA,mBAFkBN,CAElB,CAAA,2BAAA,WAAA,0FAAA,eAAA,2GAEUO,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAC3CD,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAUlDD,GAAWA,EAAME,YAAcC,MAAMH,EAAME,YAAa,UAAY,OAG5DF,GAAWA,EAAMI,cAAgBC,SAASL,EAAMI,cAAeJ,GAAS,8BAc1EM,QAAUb,OAAOC,IAAGC,WAAA,CAAAG,YAAA,0BAAAC,YAAA,mBAAVN,CAYtB,CAAA"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress.Circle/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport type { ProgressCircleProps } from './Progress.Circle'\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<ProgressCircleProps, 'size' | 'resultColor' | 'strokeBGColor' | 'status'>>`\n  position: relative;\n  width: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  height: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  flex-shrink: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n    font-size: 0;\n  }\n  .line {\n    fill: none;\n    display: block;\n    ${(props) => (props.resultColor ? color(props.resultColor, 'stroke') : null)}\n  }\n  .bg {\n    stroke: ${(props) => (props.strokeBGColor ? getColor(props.strokeBGColor, props) : `rgba(0, 0, 0, 0.12)`)};\n    fill: rgba(255, 255, 255, 0);\n    &.fail {\n      stroke: #f1512c;\n    }\n    &.success {\n      stroke: #7bb909;\n    }\n    &.started {\n      stroke: #459ff3;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    border-radius: 50%;\n  }\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","size","resultColor","color","strokeBGColor","getColor","Content"],"mappings":"yFAIO,MAAMA,KAAOC,OAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,uBAAAC,YAAA,mBAFkBN,CAElB,CAAA,2BAAA,WAAA,wFAAA,eAAA,2GAEUO,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAC3CD,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAUlDD,GAAWA,EAAME,YAAcC,MAAMH,EAAME,YAAa,UAAY,OAG5DF,GAAWA,EAAMI,cAAgBC,SAASL,EAAMI,cAAeJ,GAAS,8BAc1EM,QAAUb,OAAOC,IAAGC,WAAA,CAAAG,YAAA,0BAAAC,YAAA,mBAAVN,CAYtB,CAAA"}

package/components/Progress.Segmented/Progress.Segmented.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.Segmented.js","sources":["../../../../src/components/Progress.Segmented/Progress.Segmented.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressSegmentedProps\n  extends BaseProps,\n    ColorProperty<'separatorColor'>,\n    ColorProperty<'percentColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  /**\n   * segments count\n   */\n  segments?: number\n  /**\n   * custom class\n   */\n  className?: string\n  /**\n   * circle in begin progress\n   */\n  haveCircle?: boolean\n  /**\n   * active state\n   */\n  isActive?: boolean\n}\n\nProgressSegmented.defaultProps = {\n  percent: 0,\n  percentColor: '#7fc92e',\n  separatorColor: '#ffffff',\n  segments: 9,\n  haveCircle: true,\n}\n\nProgressSegmented.displayName = 'Progress.Segmented'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'separatorColor'>`](#/Миксины)\n * - [`Color<'percentColor'>`](#/Миксины)\n */\nexport function ProgressSegmented(props: typeof ProgressSegmented.defaultProps & ProgressSegmentedProps) {\n  const { percent, segments, className, style, percentColor, separatorColor, haveCircle, isActive } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      percent={percent}\n      haveCircle={haveCircle}\n      percentColor={percentColor}\n      isActive={isActive}\n    >\n      <Styled.Progress percent={percent} percentColor={percentColor} />\n      <Styled.Separators>\n        {Array.from(new Array(segments + 1).keys()).map((item, key) => (\n          <Styled.Separator separatorColor={separatorColor} key={key} />\n        ))}\n      </Styled.Separators>\n    </Styled.Root>\n  )\n}\n"],"names":["ProgressSegmented","props","percent","segments","className","style","percentColor","separatorColor","haveCircle","isActive","_jsxs","Styled","children","_jsx","jsx","Array","from","keys","map","item","key","defaultProps","displayName"],"mappings":"yFA8CO,SAASA,kBAAkBC,GAChC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,QAAWC,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,SAAEA,GAAaR,EAEpG,OACES,WAAAA,KAACC,MAAAA,KAAW,CACVP,UAAWA,EACXC,MAAOA,EACPH,QAASA,EACTM,WAAYA,EACZF,aAAcA,EACdG,SAAUA,EAASG,SAEnBC,CAAAA,WAAAC,IAACH,eAAe,CAACT,QAASA,EAASI,aAAcA,IACjDO,WAAAC,IAACH,iBAAiB,CAAAC,SACfG,MAAMC,KAAK,IAAID,MAAMZ,EAAW,GAAGc,QAAQC,KAAI,CAACC,EAAMC,IACrDP,WAAAA,IAACF,MAAAA,UAAgB,CAACJ,eAAgBA,GAAqBa,SAKjE,CApCApB,kBAAkBqB,aAAe,CAC/BnB,QAAS,EACTI,aAAc,UACdC,eAAgB,UAChBJ,SAAU,EACVK,YAAY,GAGdR,kBAAkBsB,YAAc"}
+{"version":3,"file":"Progress.Segmented.js","sources":["../../../../src/components/Progress.Segmented/Progress.Segmented.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressSegmentedProps\n  extends BaseProps,\n    ColorProperty<'separatorColor'>,\n    ColorProperty<'percentColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  /**\n   * segments count\n   */\n  segments?: number\n  /**\n   * custom class\n   */\n  className?: string\n  /**\n   * circle in begin progress\n   */\n  haveCircle?: boolean\n  /**\n   * active state\n   */\n  isActive?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'separatorColor'>`](#/Миксины)\n * - [`Color<'percentColor'>`](#/Миксины)\n */\nfunction ProgressSegmented(props: typeof ProgressSegmented.defaultProps & ProgressSegmentedProps) {\n  const { percent, segments, className, style, percentColor, separatorColor, haveCircle, isActive } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      percent={percent}\n      haveCircle={haveCircle}\n      percentColor={percentColor}\n      isActive={isActive}\n    >\n      <Styled.Progress percent={percent} percentColor={percentColor} />\n      <Styled.Separators>\n        {Array.from(new Array(segments + 1).keys()).map((_, key) => (\n          <Styled.Separator separatorColor={separatorColor} key={key} />\n        ))}\n      </Styled.Separators>\n    </Styled.Root>\n  )\n}\n\nProgressSegmented.defaultProps = {\n  percent: 0,\n  percentColor: '#7fc92e',\n  separatorColor: '#ffffff',\n  segments: 9,\n  haveCircle: true,\n}\n\nProgressSegmented.displayName = 'Progress.Segmented'\n\nexport { ProgressSegmented }\n"],"names":["ProgressSegmented","props","percent","segments","className","style","percentColor","separatorColor","haveCircle","isActive","_jsxs","Styled","children","_jsx","jsx","Array","from","keys","map","_","key","defaultProps","displayName"],"mappings":"yFAoCA,SAASA,kBAAkBC,GACzB,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,QAAWC,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,SAAEA,GAAaR,EAEpG,OACES,WAAAA,KAACC,MAAAA,KAAW,CACVP,UAAWA,EACXC,MAAOA,EACPH,QAASA,EACTM,WAAYA,EACZF,aAAcA,EACdG,SAAUA,EAASG,SAEnBC,CAAAA,WAAAC,IAACH,eAAe,CAACT,QAASA,EAASI,aAAcA,IACjDO,WAAAC,IAACH,iBAAiB,CAAAC,SACfG,MAAMC,KAAK,IAAID,MAAMZ,EAAW,GAAGc,QAAQC,KAAI,CAACC,EAAGC,IAClDP,WAAAA,IAACF,MAAAA,UAAgB,CAACJ,eAAgBA,GAAqBa,SAKjE,CAEApB,kBAAkBqB,aAAe,CAC/BnB,QAAS,EACTI,aAAc,UACdC,eAAgB,UAChBJ,SAAU,EACVK,YAAY,GAGdR,kBAAkBsB,YAAc"}

package/components/Progress.Segmented/Progress.Segmented.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.Segmented.mjs","sources":["../../../../src/components/Progress.Segmented/Progress.Segmented.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressSegmentedProps\n  extends BaseProps,\n    ColorProperty<'separatorColor'>,\n    ColorProperty<'percentColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  /**\n   * segments count\n   */\n  segments?: number\n  /**\n   * custom class\n   */\n  className?: string\n  /**\n   * circle in begin progress\n   */\n  haveCircle?: boolean\n  /**\n   * active state\n   */\n  isActive?: boolean\n}\n\nProgressSegmented.defaultProps = {\n  percent: 0,\n  percentColor: '#7fc92e',\n  separatorColor: '#ffffff',\n  segments: 9,\n  haveCircle: true,\n}\n\nProgressSegmented.displayName = 'Progress.Segmented'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'separatorColor'>`](#/Миксины)\n * - [`Color<'percentColor'>`](#/Миксины)\n */\nexport function ProgressSegmented(props: typeof ProgressSegmented.defaultProps & ProgressSegmentedProps) {\n  const { percent, segments, className, style, percentColor, separatorColor, haveCircle, isActive } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      percent={percent}\n      haveCircle={haveCircle}\n      percentColor={percentColor}\n      isActive={isActive}\n    >\n      <Styled.Progress percent={percent} percentColor={percentColor} />\n      <Styled.Separators>\n        {Array.from(new Array(segments + 1).keys()).map((item, key) => (\n          <Styled.Separator separatorColor={separatorColor} key={key} />\n        ))}\n      </Styled.Separators>\n    </Styled.Root>\n  )\n}\n"],"names":["ProgressSegmented","props","percent","segments","className","style","percentColor","separatorColor","haveCircle","isActive","_jsxs","Styled","children","_jsx","Array","from","keys","map","item","key","defaultProps","displayName"],"mappings":"oGA8CO,SAASA,kBAAkBC,GAChC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,SAAEA,GAAaR,EAEpG,OACES,KAACC,KAAW,CACVP,UAAWA,EACXC,MAAOA,EACPH,QAASA,EACTM,WAAYA,EACZF,aAAcA,EACdG,SAAUA,EAASG,SAEnBC,CAAAA,IAACF,SAAe,CAACT,QAASA,EAASI,aAAcA,IACjDO,IAACF,WAAiB,CAAAC,SACfE,MAAMC,KAAK,IAAID,MAAMX,EAAW,GAAGa,QAAQC,KAAI,CAACC,EAAMC,IACrDN,IAACF,UAAgB,CAACJ,eAAgBA,GAAqBY,SAKjE,CApCAnB,kBAAkBoB,aAAe,CAC/BlB,QAAS,EACTI,aAAc,UACdC,eAAgB,UAChBJ,SAAU,EACVK,YAAY,GAGdR,kBAAkBqB,YAAc"}
+{"version":3,"file":"Progress.Segmented.mjs","sources":["../../../../src/components/Progress.Segmented/Progress.Segmented.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressSegmentedProps\n  extends BaseProps,\n    ColorProperty<'separatorColor'>,\n    ColorProperty<'percentColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  /**\n   * segments count\n   */\n  segments?: number\n  /**\n   * custom class\n   */\n  className?: string\n  /**\n   * circle in begin progress\n   */\n  haveCircle?: boolean\n  /**\n   * active state\n   */\n  isActive?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'separatorColor'>`](#/Миксины)\n * - [`Color<'percentColor'>`](#/Миксины)\n */\nfunction ProgressSegmented(props: typeof ProgressSegmented.defaultProps & ProgressSegmentedProps) {\n  const { percent, segments, className, style, percentColor, separatorColor, haveCircle, isActive } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      percent={percent}\n      haveCircle={haveCircle}\n      percentColor={percentColor}\n      isActive={isActive}\n    >\n      <Styled.Progress percent={percent} percentColor={percentColor} />\n      <Styled.Separators>\n        {Array.from(new Array(segments + 1).keys()).map((_, key) => (\n          <Styled.Separator separatorColor={separatorColor} key={key} />\n        ))}\n      </Styled.Separators>\n    </Styled.Root>\n  )\n}\n\nProgressSegmented.defaultProps = {\n  percent: 0,\n  percentColor: '#7fc92e',\n  separatorColor: '#ffffff',\n  segments: 9,\n  haveCircle: true,\n}\n\nProgressSegmented.displayName = 'Progress.Segmented'\n\nexport { ProgressSegmented }\n"],"names":["ProgressSegmented","props","percent","segments","className","style","percentColor","separatorColor","haveCircle","isActive","_jsxs","Styled","children","_jsx","Array","from","keys","map","_","key","defaultProps","displayName"],"mappings":"oGAoCA,SAASA,kBAAkBC,GACzB,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,SAAEA,GAAaR,EAEpG,OACES,KAACC,KAAW,CACVP,UAAWA,EACXC,MAAOA,EACPH,QAASA,EACTM,WAAYA,EACZF,aAAcA,EACdG,SAAUA,EAASG,SAEnBC,CAAAA,IAACF,SAAe,CAACT,QAASA,EAASI,aAAcA,IACjDO,IAACF,WAAiB,CAAAC,SACfE,MAAMC,KAAK,IAAID,MAAMX,EAAW,GAAGa,QAAQC,KAAI,CAACC,EAAGC,IAClDN,IAACF,UAAgB,CAACJ,eAAgBA,GAAqBY,SAKjE,CAEAnB,kBAAkBoB,aAAe,CAC/BlB,QAAS,EACTI,aAAc,UACdC,eAAgB,UAChBJ,SAAU,EACVK,YAAY,GAGdR,kBAAkBqB,YAAc"}

package/components/Progress.Segmented/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Progress.Segmented/style.ts"],"sourcesContent":["import styled, { css, DefaultTheme } from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { DefaultColorNames } from 'theme/colors'\nimport { ProgressSegmentedProps } from './Progress.Segmented'\n\nexport const Progress = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'percentColor'>>`\n  height: 100%;\n  border-radius: 10px;\n  width: ${(props) => `${props.percent || 0}%`};\n  ${(props) =>\n    props.percentColor ? color(props.percentColor, 'background') : color(DefaultColorNames.atlantis, 'background')};\n`\n\nexport const Separators = styled.div`\n  position: absolute;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 4px;\n  z-index: 3;\n`\n\nexport const Separator = styled.div<Pick<ProgressSegmentedProps, 'separatorColor'>>`\n  width: 2px;\n  height: 100%;\n  &:first-child,\n  &:last-child {\n    width: 0;\n  }\n  ${(props) =>\n    props.separatorColor ? color(props.separatorColor, 'background') : color(DefaultColorNames.white, 'background')}\n`\n\nconst haveCircle = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  margin-left: 8px;\n  border-radius: 0 10px 10px 0;\n  & ${Progress} {\n    border-radius: 0 10px 10px 0;\n  }\n  & ${Separator} {\n    &:first-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        display: block;\n        content: '';\n        left: -8px;\n        top: -2px;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)};\n      }\n    }\n  }\n`\n\nconst isDone = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  & ${Separator} {\n    &:last-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        top: -6px;\n        right: -6px;\n        display: block;\n        content: '';\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)}\n          url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K')\n          center no-repeat;\n        width: 16px;\n        height: 16px;\n        border-radius: 50%;\n      }\n    }\n  }\n`\n\nconst isEmpty = css`\n  & ${Separator} {\n    &:first-child {\n      &:before {\n        background: rgba(0, 0, 0, 0.1);\n      }\n    }\n  }\n`\n\nexport const Root = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'haveCircle' | 'isActive' | 'percentColor'>>`\n  position: relative;\n  height: 4px;\n  background: rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  ${(props) => (props.haveCircle ? haveCircle(props) : null)}\n  ${(props) => (props.percent === 100 ? isDone(props) : null)}\n  ${(props) => (props.percent === 0 ? isEmpty : null)}\n`\n"],"names":["Progress","styled","div","withConfig","displayName","componentId","props","percent","color","percentColor","DefaultColorNames","atlantis","Separators","Separator","separatorColor","white","isEmpty","css","Root","haveCircle","getColor","isDone"],"mappings":"+PAKaA,SAAWC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,oBAAVJ,CAAU,CAAA,wCAAA,IAAA,MAGtBK,GAAU,GAAGA,EAAMC,SAAW,OACrCD,GACoBE,YAArBF,EAAMG,aAAqBH,EAAMG,aAAoCC,OAAAA,kBAAkBC,SAAxC,sBAGtCC,WAAaX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAVJ,CAQzB,CAAA,8GAEYY,UAAYZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,oBAAVJ,CAOpBK,CAAAA,6DAAAA,KAAAA,GACsBE,MAAAA,MAAvBF,EAAMQ,eAAuBR,EAAMQ,eAAsCJ,OAAAA,kBAAkBK,MAAxC,gBAgDvD,MAAMC,QAAUC,OAAGA,IAAA,CAAA,KAAA,0DACbJ,iBASOK,KAAOjB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVJ,CAAU,CAAA,8EAAA,IAAA,IAAA,KAKzBK,GAAWA,EAAMa,WA5DFb,IAAkFW,WAGhGjB,CAAAA,iDAAAA,mCAAAA,6JAAAA,QAAAA,SAGAa,UAYgBO,MAAQA,SAACd,EAAMG,cAAgBC,OAAAA,kBAAkBC,SAAUL,IA0C9Ca,CAAWb,GAAS,OAClDA,GAAWA,EAAMC,UAAY,IArClBD,IAAkFW,OAAGA,IAC/FJ,CAAAA,KAAAA,sHAAAA,oWAAAA,UASgBO,MAAQA,SAACd,EAAMG,cAAgBC,OAAiBA,kBAACC,SAAUL,IA2BzCe,CAAOf,GAAS,OACnDA,GAAWA,EAAMC,UAAY,EAAIS,QAAU"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Progress.Segmented/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { DefaultColorNames } from 'theme/colors'\nimport type { ProgressSegmentedProps } from './Progress.Segmented'\n\nexport const Progress = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'percentColor'>>`\n  height: 100%;\n  border-radius: 10px;\n  width: ${(props) => `${props.percent || 0}%`};\n  ${(props) =>\n    props.percentColor ? color(props.percentColor, 'background') : color(DefaultColorNames.atlantis, 'background')};\n`\n\nexport const Separators = styled.div`\n  position: absolute;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 4px;\n  z-index: 3;\n`\n\nexport const Separator = styled.div<Pick<ProgressSegmentedProps, 'separatorColor'>>`\n  width: 2px;\n  height: 100%;\n  &:first-child,\n  &:last-child {\n    width: 0;\n  }\n  ${(props) =>\n    props.separatorColor ? color(props.separatorColor, 'background') : color(DefaultColorNames.white, 'background')}\n`\n\nconst haveCircle = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  margin-left: 8px;\n  border-radius: 0 10px 10px 0;\n  & ${Progress} {\n    border-radius: 0 10px 10px 0;\n  }\n  & ${Separator} {\n    &:first-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        display: block;\n        content: '';\n        left: -8px;\n        top: -2px;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)};\n      }\n    }\n  }\n`\n\nconst isDone = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  & ${Separator} {\n    &:last-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        top: -6px;\n        right: -6px;\n        display: block;\n        content: '';\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)}\n          url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K')\n          center no-repeat;\n        width: 16px;\n        height: 16px;\n        border-radius: 50%;\n      }\n    }\n  }\n`\n\nconst isEmpty = css`\n  & ${Separator} {\n    &:first-child {\n      &:before {\n        background: rgba(0, 0, 0, 0.1);\n      }\n    }\n  }\n`\n\nexport const Root = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'haveCircle' | 'isActive' | 'percentColor'>>`\n  position: relative;\n  height: 4px;\n  background: rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  ${(props) => (props.haveCircle ? haveCircle(props) : null)}\n  ${(props) => (props.percent === 100 ? isDone(props) : null)}\n  ${(props) => (props.percent === 0 ? isEmpty : null)}\n`\n"],"names":["Progress","styled","div","withConfig","displayName","componentId","props","percent","color","percentColor","DefaultColorNames","atlantis","Separators","Separator","separatorColor","white","isEmpty","css","Root","haveCircle","getColor","isDone"],"mappings":"+PAMaA,SAAWC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,oBAAVJ,CAAU,CAAA,wCAAA,IAAA,MAGtBK,GAAU,GAAGA,EAAMC,SAAW,OACrCD,GACoBE,YAArBF,EAAMG,aAAqBH,EAAMG,aAAoCC,OAAAA,kBAAkBC,SAAxC,sBAGtCC,WAAaX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAVJ,CAQzB,CAAA,8GAEYY,UAAYZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,oBAAVJ,CAOpBK,CAAAA,6DAAAA,KAAAA,GACsBE,MAAAA,MAAvBF,EAAMQ,eAAuBR,EAAMQ,eAAsCJ,OAAAA,kBAAkBK,MAAxC,gBAgDvD,MAAMC,QAAUC,OAAGA,IAAA,CAAA,KAAA,0DACbJ,iBASOK,KAAOjB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVJ,CAAU,CAAA,8EAAA,IAAA,IAAA,KAKzBK,GAAWA,EAAMa,WA5DFb,IAAkFW,WAGhGjB,CAAAA,iDAAAA,mCAAAA,6JAAAA,QAAAA,SAGAa,UAYgBO,MAAQA,SAACd,EAAMG,cAAgBC,OAAAA,kBAAkBC,SAAUL,IA0C9Ca,CAAWb,GAAS,OAClDA,GAAWA,EAAMC,UAAY,IArClBD,IAAkFW,OAAGA,IAC/FJ,CAAAA,KAAAA,sHAAAA,oWAAAA,UASgBO,MAAQA,SAACd,EAAMG,cAAgBC,OAAiBA,kBAACC,SAAUL,IA2BzCe,CAAOf,GAAS,OACnDA,GAAWA,EAAMC,UAAY,EAAIS,QAAU"}

package/components/Progress.Segmented/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress.Segmented/style.ts"],"sourcesContent":["import styled, { css, DefaultTheme } from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { DefaultColorNames } from 'theme/colors'\nimport { ProgressSegmentedProps } from './Progress.Segmented'\n\nexport const Progress = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'percentColor'>>`\n  height: 100%;\n  border-radius: 10px;\n  width: ${(props) => `${props.percent || 0}%`};\n  ${(props) =>\n    props.percentColor ? color(props.percentColor, 'background') : color(DefaultColorNames.atlantis, 'background')};\n`\n\nexport const Separators = styled.div`\n  position: absolute;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 4px;\n  z-index: 3;\n`\n\nexport const Separator = styled.div<Pick<ProgressSegmentedProps, 'separatorColor'>>`\n  width: 2px;\n  height: 100%;\n  &:first-child,\n  &:last-child {\n    width: 0;\n  }\n  ${(props) =>\n    props.separatorColor ? color(props.separatorColor, 'background') : color(DefaultColorNames.white, 'background')}\n`\n\nconst haveCircle = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  margin-left: 8px;\n  border-radius: 0 10px 10px 0;\n  & ${Progress} {\n    border-radius: 0 10px 10px 0;\n  }\n  & ${Separator} {\n    &:first-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        display: block;\n        content: '';\n        left: -8px;\n        top: -2px;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)};\n      }\n    }\n  }\n`\n\nconst isDone = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  & ${Separator} {\n    &:last-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        top: -6px;\n        right: -6px;\n        display: block;\n        content: '';\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)}\n          url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K')\n          center no-repeat;\n        width: 16px;\n        height: 16px;\n        border-radius: 50%;\n      }\n    }\n  }\n`\n\nconst isEmpty = css`\n  & ${Separator} {\n    &:first-child {\n      &:before {\n        background: rgba(0, 0, 0, 0.1);\n      }\n    }\n  }\n`\n\nexport const Root = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'haveCircle' | 'isActive' | 'percentColor'>>`\n  position: relative;\n  height: 4px;\n  background: rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  ${(props) => (props.haveCircle ? haveCircle(props) : null)}\n  ${(props) => (props.percent === 100 ? isDone(props) : null)}\n  ${(props) => (props.percent === 0 ? isEmpty : null)}\n`\n"],"names":["Progress","styled","div","withConfig","displayName","componentId","props","percent","color","percentColor","DefaultColorNames","atlantis","Separators","Separator","separatorColor","white","isEmpty","css","Root","haveCircle","getColor","isDone"],"mappings":"0JAKaA,SAAWC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,oBAAVJ,CAAU,CAAA,wCAAA,IAAA,MAGtBK,GAAU,GAAGA,EAAMC,SAAW,OACrCD,GACoBE,MAArBF,EAAMG,aAAqBH,EAAMG,aAAoCC,kBAAkBC,SAAxC,sBAGtCC,WAAaX,OAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAVJ,CAQzB,CAAA,8GAEYY,UAAYZ,OAAOC,IAAGC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,oBAAVJ,CAOpBK,CAAAA,6DAAAA,KAAAA,GACsBE,MAAvBF,EAAMQ,eAAuBR,EAAMQ,eAAsCJ,kBAAkBK,MAAxC,gBAgDvD,MAAMC,QAAUC,IAAG,CAAA,KAAA,0DACbJ,iBASOK,KAAOjB,OAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVJ,CAAU,CAAA,8EAAA,IAAA,IAAA,KAKzBK,GAAWA,EAAMa,WA5DFb,IAAkFW,IAGhGjB,CAAAA,iDAAAA,mCAAAA,6JAAAA,QAAAA,SAGAa,UAYgBO,SAASd,EAAMG,cAAgBC,kBAAkBC,SAAUL,IA0C9Ca,CAAWb,GAAS,OAClDA,GAAWA,EAAMC,UAAY,IArClBD,IAAkFW,IAC5FJ,CAAAA,KAAAA,sHAAAA,oWAAAA,UASgBO,SAASd,EAAMG,cAAgBC,kBAAkBC,SAAUL,IA2BzCe,CAAOf,GAAS,OACnDA,GAAWA,EAAMC,UAAY,EAAIS,QAAU"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress.Segmented/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { DefaultTheme } from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { DefaultColorNames } from 'theme/colors'\nimport type { ProgressSegmentedProps } from './Progress.Segmented'\n\nexport const Progress = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'percentColor'>>`\n  height: 100%;\n  border-radius: 10px;\n  width: ${(props) => `${props.percent || 0}%`};\n  ${(props) =>\n    props.percentColor ? color(props.percentColor, 'background') : color(DefaultColorNames.atlantis, 'background')};\n`\n\nexport const Separators = styled.div`\n  position: absolute;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 4px;\n  z-index: 3;\n`\n\nexport const Separator = styled.div<Pick<ProgressSegmentedProps, 'separatorColor'>>`\n  width: 2px;\n  height: 100%;\n  &:first-child,\n  &:last-child {\n    width: 0;\n  }\n  ${(props) =>\n    props.separatorColor ? color(props.separatorColor, 'background') : color(DefaultColorNames.white, 'background')}\n`\n\nconst haveCircle = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  margin-left: 8px;\n  border-radius: 0 10px 10px 0;\n  & ${Progress} {\n    border-radius: 0 10px 10px 0;\n  }\n  & ${Separator} {\n    &:first-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        display: block;\n        content: '';\n        left: -8px;\n        top: -2px;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)};\n      }\n    }\n  }\n`\n\nconst isDone = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  & ${Separator} {\n    &:last-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        top: -6px;\n        right: -6px;\n        display: block;\n        content: '';\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)}\n          url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K')\n          center no-repeat;\n        width: 16px;\n        height: 16px;\n        border-radius: 50%;\n      }\n    }\n  }\n`\n\nconst isEmpty = css`\n  & ${Separator} {\n    &:first-child {\n      &:before {\n        background: rgba(0, 0, 0, 0.1);\n      }\n    }\n  }\n`\n\nexport const Root = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'haveCircle' | 'isActive' | 'percentColor'>>`\n  position: relative;\n  height: 4px;\n  background: rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  ${(props) => (props.haveCircle ? haveCircle(props) : null)}\n  ${(props) => (props.percent === 100 ? isDone(props) : null)}\n  ${(props) => (props.percent === 0 ? isEmpty : null)}\n`\n"],"names":["Progress","styled","div","withConfig","displayName","componentId","props","percent","color","percentColor","DefaultColorNames","atlantis","Separators","Separator","separatorColor","white","isEmpty","css","Root","haveCircle","getColor","isDone"],"mappings":"0JAMaA,SAAWC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,oBAAVJ,CAAU,CAAA,wCAAA,IAAA,MAGtBK,GAAU,GAAGA,EAAMC,SAAW,OACrCD,GACoBE,MAArBF,EAAMG,aAAqBH,EAAMG,aAAoCC,kBAAkBC,SAAxC,sBAGtCC,WAAaX,OAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAVJ,CAQzB,CAAA,8GAEYY,UAAYZ,OAAOC,IAAGC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,oBAAVJ,CAOpBK,CAAAA,6DAAAA,KAAAA,GACsBE,MAAvBF,EAAMQ,eAAuBR,EAAMQ,eAAsCJ,kBAAkBK,MAAxC,gBAgDvD,MAAMC,QAAUC,IAAG,CAAA,KAAA,0DACbJ,iBASOK,KAAOjB,OAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVJ,CAAU,CAAA,8EAAA,IAAA,IAAA,KAKzBK,GAAWA,EAAMa,WA5DFb,IAAkFW,IAGhGjB,CAAAA,iDAAAA,mCAAAA,6JAAAA,QAAAA,SAGAa,UAYgBO,SAASd,EAAMG,cAAgBC,kBAAkBC,SAAUL,IA0C9Ca,CAAWb,GAAS,OAClDA,GAAWA,EAAMC,UAAY,IArClBD,IAAkFW,IAC5FJ,CAAAA,KAAAA,sHAAAA,oWAAAA,UASgBO,SAASd,EAAMG,cAAgBC,kBAAkBC,SAAUL,IA2BzCe,CAAOf,GAAS,OACnDA,GAAWA,EAAMC,UAAY,EAAIS,QAAU"}

package/components/ProgressCircle/ProgressCircle.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var misc=require('../../shared/utils/misc.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const ProgressCircle=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:r="s",max:i=1,sizeXXS:t,sizeXS:n,sizeS:a,sizeM:o,sizeL:c,sizeXL:l,value:u,children:j,...x}=e;const m={size:r,sizeXXS:t,sizeXS:n,sizeS:a,sizeM:o,sizeL:c,sizeXL:l};const z=misc.getProgressPercent(u??-1,i);return jsxRuntime.jsxs(style.Root,{...x,...m,role:"progressbar","aria-valuemax":i,"aria-valuenow":u,value:u,ref:s,children:[jsxRuntime.jsxs(style.SVG,{children:[jsxRuntime.jsx(style.Circle,{}),typeof u=='number'?z>0?jsxRuntime.jsx(style.Circle,{strokeLinecap:"round",strokeDasharray:`${z}, 100`}):null:jsxRuntime.jsx(style.Circle,{strokeLinecap:"round"})]}),j!==void 0&&jsxRuntime.jsx(style.Content,{children:typeof j=='function'?j({value:u,max:i,percent:z,sizeProps:m}):j})]})})),{displayName:'ProgressCircle',sizes:constants.SIZES});exports.ProgressCircle=ProgressCircle;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var misc=require('../../shared/utils/misc.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const ProgressCircle=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:r="s",max:i=1,sizeXXS:t,sizeXS:n,sizeS:a,sizeM:o,sizeL:c,sizeXL:l,value:u,children:j,...x}=e;const m={size:r,sizeXXS:t,sizeXS:n,sizeS:a,sizeM:o,sizeL:c,sizeXL:l};const z=misc.getProgressPercent(u??-1,i);return jsxRuntime.jsxs(style.Root,{...x,...m,role:"progressbar","aria-valuemax":i,"aria-valuenow":u,value:u,ref:s,children:[jsxRuntime.jsxs(style.Svg,{children:[jsxRuntime.jsx(style.Circle,{}),typeof u=='number'?z>0?jsxRuntime.jsx(style.Circle,{strokeLinecap:"round",strokeDasharray:`${z}, 100`}):null:jsxRuntime.jsx(style.Circle,{strokeLinecap:"round"})]}),j!==void 0&&jsxRuntime.jsx(style.Content,{children:typeof j=='function'?j({value:u,max:i,percent:z,sizeProps:m}):j})]})})),{displayName:'ProgressCircle',sizes:constants.SIZES});exports.ProgressCircle=ProgressCircle;
 //# sourceMappingURL=ProgressCircle.js.map

package/components/ProgressCircle/ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.js","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/misc'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n  ProgressCircleProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const percent = getProgressPercent(value ?? -1, max)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={value}\n        value={value}\n        ref={ref}\n      >\n        <Styled.SVG>\n          <Styled.Circle />\n          {typeof value === 'number' ? (\n            percent > 0 ? (\n              <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n            ) : null\n          ) : (\n            <Styled.Circle strokeLinecap='round' />\n          )}\n        </Styled.SVG>\n        {children !== undefined && (\n          <Styled.Content>\n            {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n          </Styled.Content>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","jsxs","_jsx","Circle","strokeLinecap","strokeDasharray","jsx","undefined","displayName","sizes","SIZES"],"mappings":"wQAmBMA,MAAAA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,KAAAA,mBAAmBL,IAAU,EAAGP,GAEhD,OACEa,WAAAA,KAACC,MAAAA,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAETK,CAAAA,WAAAG,KAACF,UAAU,CAAAN,SAAA,CACTS,WAAAA,IAACH,MAAaI,OAAA,CAAE,UACRX,GAAU,SAChBI,EAAU,EACRM,WAAAA,IAACH,MAAAA,OAAa,CAACK,cAAc,QAAQC,gBAAiB,GAAGT,WACvD,KAEJM,WAAAI,IAACP,aAAa,CAACK,cAAc,aAGhCX,SAAac,GACZL,WAAAA,IAACH,MAAAA,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,MAGzE,IAGlB,CACEe,YA5DmB,iBA6DnBC,MAAOC,UAAAA"}
+{"version":3,"file":"ProgressCircle.js","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/misc'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n  ProgressCircleProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressCircleProps>>((props, ref) => {\n    const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const percent = getProgressPercent(value ?? -1, max)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={value}\n        value={value}\n        ref={ref}\n      >\n        <Styled.Svg>\n          <Styled.Circle />\n          {typeof value === 'number' ? (\n            percent > 0 ? (\n              <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n            ) : null\n          ) : (\n            <Styled.Circle strokeLinecap='round' />\n          )}\n        </Styled.Svg>\n        {children !== undefined && (\n          <Styled.Content>\n            {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n          </Styled.Content>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","jsxs","_jsx","Circle","strokeLinecap","strokeDasharray","jsx","undefined","displayName","sizes","SIZES"],"mappings":"wQAoBMA,MAAAA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,YAA6D,CAACC,EAAOC,KACnE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,KAAAA,mBAAmBL,IAAU,EAAGP,GAEhD,OACEa,WAAAA,KAACC,MAAAA,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAETK,CAAAA,WAAAG,KAACF,UAAU,CAAAN,SAAA,CACTS,WAAAA,IAACH,MAAaI,OAAA,CAAE,UACRX,GAAU,SAChBI,EAAU,EACRM,WAAAA,IAACH,MAAAA,OAAa,CAACK,cAAc,QAAQC,gBAAiB,GAAGT,WACvD,KAEJM,WAAAI,IAACP,aAAa,CAACK,cAAc,aAGhCX,SAAac,GACZL,WAAAA,IAACH,MAAAA,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,MAGzE,IAGlB,CACEe,YA5DmB,iBA6DnBC,MAAOC,UAAAA"}

package/components/ProgressCircle/ProgressCircle.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{getProgressPercent}from'../../shared/utils/misc.mjs';import{SIZES}from'./constants.mjs';import{Root,SVG,Circle,Content}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const ProgressCircle=withMergedProps(forwardRef(((e,r)=>{const{size:s="s",max:o=1,sizeXXS:i,sizeXS:t,sizeS:n,sizeM:a,sizeL:c,sizeXL:m,value:l,children:p,...z}=e;const d={size:s,sizeXXS:i,sizeXS:t,sizeS:n,sizeM:a,sizeL:c,sizeXL:m};const f=getProgressPercent(l??-1,o);return jsxs(Root,{...z,...d,role:"progressbar","aria-valuemax":o,"aria-valuenow":l,value:l,ref:r,children:[jsxs(SVG,{children:[jsx(Circle,{}),typeof l=='number'?f>0?jsx(Circle,{strokeLinecap:"round",strokeDasharray:`${f}, 100`}):null:jsx(Circle,{strokeLinecap:"round"})]}),p!==void 0&&jsx(Content,{children:typeof p=='function'?p({value:l,max:o,percent:f,sizeProps:d}):p})]})})),{displayName:'ProgressCircle',sizes:SIZES});export{ProgressCircle};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{getProgressPercent}from'../../shared/utils/misc.mjs';import{SIZES}from'./constants.mjs';import{Root,Svg,Circle,Content}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const ProgressCircle=withMergedProps(forwardRef(((e,r)=>{const{size:s="s",max:o=1,sizeXXS:i,sizeXS:t,sizeS:n,sizeM:a,sizeL:c,sizeXL:m,value:l,children:p,...z}=e;const d={size:s,sizeXXS:i,sizeXS:t,sizeS:n,sizeM:a,sizeL:c,sizeXL:m};const f=getProgressPercent(l??-1,o);return jsxs(Root,{...z,...d,role:"progressbar","aria-valuemax":o,"aria-valuenow":l,value:l,ref:r,children:[jsxs(Svg,{children:[jsx(Circle,{}),typeof l=='number'?f>0?jsx(Circle,{strokeLinecap:"round",strokeDasharray:`${f}, 100`}):null:jsx(Circle,{strokeLinecap:"round"})]}),p!==void 0&&jsx(Content,{children:typeof p=='function'?p({value:l,max:o,percent:f,sizeProps:d}):p})]})})),{displayName:'ProgressCircle',sizes:SIZES});export{ProgressCircle};
 //# sourceMappingURL=ProgressCircle.mjs.map

package/components/ProgressCircle/ProgressCircle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.mjs","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/misc'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n  ProgressCircleProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const percent = getProgressPercent(value ?? -1, max)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={value}\n        value={value}\n        ref={ref}\n      >\n        <Styled.SVG>\n          <Styled.Circle />\n          {typeof value === 'number' ? (\n            percent > 0 ? (\n              <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n            ) : null\n          ) : (\n            <Styled.Circle strokeLinecap='round' />\n          )}\n        </Styled.SVG>\n        {children !== undefined && (\n          <Styled.Content>\n            {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n          </Styled.Content>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","_jsx","strokeLinecap","strokeDasharray","undefined","displayName","sizes","SIZES"],"mappings":"kRAmBMA,MAAAA,eAAuEC,gBAI3EC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,mBAAmBL,IAAU,EAAGP,GAEhD,OACEa,KAACC,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAETK,CAAAA,KAACC,IAAU,CAAAN,SAAA,CACTQ,IAACF,OAAa,CAAE,UACRP,GAAU,SAChBI,EAAU,EACRK,IAACF,OAAa,CAACG,cAAc,QAAQC,gBAAiB,GAAGP,WACvD,KAEJK,IAACF,OAAa,CAACG,cAAc,aAGhCT,SAAaW,GACZH,IAACF,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,MAGzE,IAGlB,CACEY,YA5DmB,iBA6DnBC,MAAOC"}
+{"version":3,"file":"ProgressCircle.mjs","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/misc'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n  ProgressCircleProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressCircleProps>>((props, ref) => {\n    const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const percent = getProgressPercent(value ?? -1, max)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={value}\n        value={value}\n        ref={ref}\n      >\n        <Styled.Svg>\n          <Styled.Circle />\n          {typeof value === 'number' ? (\n            percent > 0 ? (\n              <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n            ) : null\n          ) : (\n            <Styled.Circle strokeLinecap='round' />\n          )}\n        </Styled.Svg>\n        {children !== undefined && (\n          <Styled.Content>\n            {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n          </Styled.Content>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","_jsx","strokeLinecap","strokeDasharray","undefined","displayName","sizes","SIZES"],"mappings":"kRAoBMA,MAAAA,eAAuEC,gBAI3EC,YAA6D,CAACC,EAAOC,KACnE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,mBAAmBL,IAAU,EAAGP,GAEhD,OACEa,KAACC,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAETK,CAAAA,KAACC,IAAU,CAAAN,SAAA,CACTQ,IAACF,OAAa,CAAE,UACRP,GAAU,SAChBI,EAAU,EACRK,IAACF,OAAa,CAACG,cAAc,QAAQC,gBAAiB,GAAGP,WACvD,KAEJK,IAACF,OAAa,CAACG,cAAc,aAGhCT,SAAaW,GACZH,IAACF,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,MAGzE,IAGlB,CACEY,YA5DmB,iBA6DnBC,MAAOC"}

package/components/ProgressCircle/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardProgressCircleProp=style.createShouldForwardProp((e=>!['value'].includes(e)));const spinAnimation=styled.keyframes(["0%{stroke-dasharray:0,100;stroke-dashoffset:0;}50%{stroke-dasharray:60,100;stroke-dashoffset:-40;}100%{stroke-dasharray:0,100;stroke-dashoffset:-100;}"]);const Circle=styled__default.default.path.attrs({d:'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',strokeWidth:2}).withConfig({displayName:"ProgressCircle__Circle",componentId:"ui__sc-1i2hpo4-0"})(["fill:none;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardProgressCircleProp}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-1i2hpo4-1"})(["box-sizing:border-box;position:relative;flex-shrink:0;"," "," "," ",""],(e=>typeof e.value=='number'?`\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `:styled.css(["& ",":nth-child(2){animation:"," 2000ms ease-in-out infinite;}"],Circle,spinAnimation)),(e=>{return r={barColor:e.theme.colors['bg-brand-primary-basic'],trackColor:e.theme.colors['bg-onmain-tertiary'],...e.palette},`\n  & ${Circle}:nth-child(1) {\n    stroke: ${r.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${r.barColor};\n  }\n\n`;var r}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const SVG=styled__default.default.svg.attrs({xmlns:'http://www.w3.org/2000/svg',viewBox:'0 0 34 34'}).withConfig({displayName:"ProgressCircle__SVG",componentId:"ui__sc-1i2hpo4-2"})(["width:100%;height:100%;"]);const Content=styled__default.default.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-1i2hpo4-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;"]);exports.Circle=Circle,exports.Content=Content,exports.Root=Root,exports.SVG=SVG;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardProgressCircleProp=style.createShouldForwardProp((e=>!['value'].includes(e)));const spinAnimation=styled.keyframes(["0%{stroke-dasharray:0,100;stroke-dashoffset:0;}50%{stroke-dasharray:60,100;stroke-dashoffset:-40;}100%{stroke-dasharray:0,100;stroke-dashoffset:-100;}"]);const Circle=styled__default.default.path.attrs({d:'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',strokeWidth:2}).withConfig({displayName:"ProgressCircle__Circle",componentId:"ui__sc-1i2hpo4-0"})(["fill:none;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardProgressCircleProp}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-1i2hpo4-1"})(["box-sizing:border-box;position:relative;flex-shrink:0;"," "," "," ",""],(e=>typeof e.value=='number'?`\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `:styled.css(["& ",":nth-child(2){animation:"," 2000ms ease-in-out infinite;}"],Circle,spinAnimation)),(e=>{return r={barColor:e.theme.colors['bg-brand-primary-basic'],trackColor:e.theme.colors['bg-onmain-tertiary'],...e.palette},`\n  & ${Circle}:nth-child(1) {\n    stroke: ${r.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${r.barColor};\n  }\n\n`;var r}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Svg=styled__default.default.svg.attrs({xmlns:'http://www.w3.org/2000/svg',viewBox:'0 0 34 34'}).withConfig({displayName:"ProgressCircle__Svg",componentId:"ui__sc-1i2hpo4-2"})(["width:100%;height:100%;"]);const Content=styled__default.default.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-1i2hpo4-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;"]);exports.Circle=Circle,exports.Content=Content,exports.Root=Root,exports.Svg=Svg;
 //# sourceMappingURL=style.js.map

package/components/ProgressCircle/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ProgressCircle/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressCircleProps, ProgressCirclePalette } from './types'\n\nconst shouldForwardProgressCircleProp = createShouldForwardProp((propKey) => !['value'].includes(propKey))\n\nconst spinAnimation = keyframes`\n  0% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 60, 100;\n    stroke-dashoffset: -40;\n  }\n  100% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: -100;\n  }\n`\n\nexport const Circle = styled.path.attrs({\n  d: 'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',\n  strokeWidth: 2,\n})`\n  fill: none;\n`\n\nconst template = (palette: ProgressCirclePalette) => `\n  & ${Circle}:nth-child(1) {\n    stroke: ${palette.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${palette.barColor};\n  }\n\n`\n\nexport const Root = styled.div.withConfig<StyledProgressCircleProps>({\n  shouldForwardProp: shouldForwardProgressCircleProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `\n      : css`\n          & ${Circle}:nth-child(2) {\n            animation: ${spinAnimation} 2000ms ease-in-out infinite;\n          }\n        `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const SVG = styled.svg.attrs({\n  xmlns: 'http://www.w3.org/2000/svg',\n  viewBox: '0 0 34 34',\n})`\n  width: 100%;\n  height: 100%;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n"],"names":["shouldForwardProgressCircleProp","createShouldForwardProp","propKey","includes","spinAnimation","keyframes","Circle","styled","path","attrs","d","strokeWidth","withConfig","displayName","componentId","Root","div","shouldForwardProp","props","value","css","template","palette","barColor","theme","colors","trackColor","responsiveSize","responsiveMargin","SVG","svg","xmlns","viewBox","Content"],"mappings":"mVAMA,MAAMA,gCAAkCC,MAAAA,yBAAyBC,IAAa,CAAC,SAASC,SAASD,KAEjG,MAAME,cAAgBC,OAASA,UAa9B,CAAA,2JAEM,MAAMC,OAASC,gBAAAA,QAAOC,KAAKC,MAAM,CACtCC,EAAG,gFACHC,YAAa,IACbC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAHoBP,CAKrB,CAAA,eAYM,MAAMQ,KAAOR,gBAAAA,QAAOS,IAAIJ,WAAsC,CACnEK,kBAAmBjB,kCACnBY,WAAA,CAAAC,YAAA,uBAAAC,YAAA,oBAFkBP,CAOfW,CAAAA,yDAAAA,IAAAA,IAAAA,IAAAA,KAAAA,UACMA,EAAMC,OAAU,SACnB,eACIb,iGAIJc,OAAGA,IAAA,CAAA,KAAA,2BAAA,kCACGd,OACWF,iBAIpBc,IACDG,OA/BcC,EA+BL,CACPC,SAAUL,EAAMM,MAAMC,OAAO,0BAC7BC,WAAYR,EAAMM,MAAMC,OAAO,yBAC5BP,EAAMI,SAlCsC,SAC/ChB,sCACQgB,EAAQI,yBAEhBpB,sCACQgB,EAAQC,qBALJD,KAmCZ,GAEFK,eAAcA,eACdC,mCAGG,MAAMC,IAAMtB,gBAAAA,QAAOuB,IAAIrB,MAAM,CAClCsB,MAAO,6BACPC,QAAS,cACTpB,WAAA,CAAAC,YAAA,sBAAAC,YAAA,oBAHiBP,CAMlB,CAAA,kCAEY0B,QAAU1B,gBAAAA,QAAOS,IAAGJ,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVP,CAUtB,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/ProgressCircle/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressCircleProps, ProgressCirclePalette } from './types'\n\nconst shouldForwardProgressCircleProp = createShouldForwardProp((propKey) => !['value'].includes(propKey))\n\nconst spinAnimation = keyframes`\n  0% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 60, 100;\n    stroke-dashoffset: -40;\n  }\n  100% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: -100;\n  }\n`\n\nexport const Circle = styled.path.attrs({\n  d: 'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',\n  strokeWidth: 2,\n})`\n  fill: none;\n`\n\nconst template = (palette: ProgressCirclePalette) => `\n  & ${Circle}:nth-child(1) {\n    stroke: ${palette.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${palette.barColor};\n  }\n\n`\n\nexport const Root = styled.div.withConfig<StyledProgressCircleProps>({\n  shouldForwardProp: shouldForwardProgressCircleProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `\n      : css`\n          & ${Circle}:nth-child(2) {\n            animation: ${spinAnimation} 2000ms ease-in-out infinite;\n          }\n        `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Svg = styled.svg.attrs({\n  xmlns: 'http://www.w3.org/2000/svg',\n  viewBox: '0 0 34 34',\n})`\n  width: 100%;\n  height: 100%;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n"],"names":["shouldForwardProgressCircleProp","createShouldForwardProp","propKey","includes","spinAnimation","keyframes","Circle","styled","path","attrs","d","strokeWidth","withConfig","displayName","componentId","Root","div","shouldForwardProp","props","value","css","template","palette","barColor","theme","colors","trackColor","responsiveSize","responsiveMargin","Svg","svg","xmlns","viewBox","Content"],"mappings":"mVAMA,MAAMA,gCAAkCC,MAAAA,yBAAyBC,IAAa,CAAC,SAASC,SAASD,KAEjG,MAAME,cAAgBC,OAASA,UAa9B,CAAA,2JAEM,MAAMC,OAASC,gBAAAA,QAAOC,KAAKC,MAAM,CACtCC,EAAG,gFACHC,YAAa,IACbC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAHoBP,CAKrB,CAAA,eAYM,MAAMQ,KAAOR,gBAAAA,QAAOS,IAAIJ,WAAsC,CACnEK,kBAAmBjB,kCACnBY,WAAA,CAAAC,YAAA,uBAAAC,YAAA,oBAFkBP,CAOfW,CAAAA,yDAAAA,IAAAA,IAAAA,IAAAA,KAAAA,UACMA,EAAMC,OAAU,SACnB,eACIb,iGAIJc,OAAGA,IAAA,CAAA,KAAA,2BAAA,kCACGd,OACWF,iBAIpBc,IACDG,OA/BcC,EA+BL,CACPC,SAAUL,EAAMM,MAAMC,OAAO,0BAC7BC,WAAYR,EAAMM,MAAMC,OAAO,yBAC5BP,EAAMI,SAlCsC,SAC/ChB,sCACQgB,EAAQI,yBAEhBpB,sCACQgB,EAAQC,qBALJD,KAmCZ,GAEFK,eAAcA,eACdC,mCAGG,MAAMC,IAAMtB,gBAAAA,QAAOuB,IAAIrB,MAAM,CAClCsB,MAAO,6BACPC,QAAS,cACTpB,WAAA,CAAAC,YAAA,sBAAAC,YAAA,oBAHiBP,CAMlB,CAAA,kCAEY0B,QAAU1B,gBAAAA,QAAOS,IAAGJ,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVP,CAUtB,CAAA"}

package/components/ProgressCircle/style.mjs

@@ -1,2 +1,2 @@
-import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardProgressCircleProp=createShouldForwardProp((o=>!['value'].includes(o)));const spinAnimation=keyframes(["0%{stroke-dasharray:0,100;stroke-dashoffset:0;}50%{stroke-dasharray:60,100;stroke-dashoffset:-40;}100%{stroke-dasharray:0,100;stroke-dashoffset:-100;}"]);const Circle=styled.path.attrs({d:'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',strokeWidth:2}).withConfig({displayName:"ProgressCircle__Circle",componentId:"ui__sc-1i2hpo4-0"})(["fill:none;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardProgressCircleProp}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-1i2hpo4-1"})(["box-sizing:border-box;position:relative;flex-shrink:0;"," "," "," ",""],(o=>typeof o.value=='number'?`\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `:css(["& ",":nth-child(2){animation:"," 2000ms ease-in-out infinite;}"],Circle,spinAnimation)),(o=>{return r={barColor:o.theme.colors['bg-brand-primary-basic'],trackColor:o.theme.colors['bg-onmain-tertiary'],...o.palette},`\n  & ${Circle}:nth-child(1) {\n    stroke: ${r.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${r.barColor};\n  }\n\n`;var r}),responsiveSize,responsiveMargin);const SVG=styled.svg.attrs({xmlns:'http://www.w3.org/2000/svg',viewBox:'0 0 34 34'}).withConfig({displayName:"ProgressCircle__SVG",componentId:"ui__sc-1i2hpo4-2"})(["width:100%;height:100%;"]);const Content=styled.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-1i2hpo4-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;"]);export{Circle,Content,Root,SVG};
+import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardProgressCircleProp=createShouldForwardProp((o=>!['value'].includes(o)));const spinAnimation=keyframes(["0%{stroke-dasharray:0,100;stroke-dashoffset:0;}50%{stroke-dasharray:60,100;stroke-dashoffset:-40;}100%{stroke-dasharray:0,100;stroke-dashoffset:-100;}"]);const Circle=styled.path.attrs({d:'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',strokeWidth:2}).withConfig({displayName:"ProgressCircle__Circle",componentId:"ui__sc-1i2hpo4-0"})(["fill:none;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardProgressCircleProp}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-1i2hpo4-1"})(["box-sizing:border-box;position:relative;flex-shrink:0;"," "," "," ",""],(o=>typeof o.value=='number'?`\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `:css(["& ",":nth-child(2){animation:"," 2000ms ease-in-out infinite;}"],Circle,spinAnimation)),(o=>{return r={barColor:o.theme.colors['bg-brand-primary-basic'],trackColor:o.theme.colors['bg-onmain-tertiary'],...o.palette},`\n  & ${Circle}:nth-child(1) {\n    stroke: ${r.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${r.barColor};\n  }\n\n`;var r}),responsiveSize,responsiveMargin);const Svg=styled.svg.attrs({xmlns:'http://www.w3.org/2000/svg',viewBox:'0 0 34 34'}).withConfig({displayName:"ProgressCircle__Svg",componentId:"ui__sc-1i2hpo4-2"})(["width:100%;height:100%;"]);const Content=styled.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-1i2hpo4-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;"]);export{Circle,Content,Root,Svg};
 //# sourceMappingURL=style.mjs.map

package/components/ProgressCircle/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/ProgressCircle/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressCircleProps, ProgressCirclePalette } from './types'\n\nconst shouldForwardProgressCircleProp = createShouldForwardProp((propKey) => !['value'].includes(propKey))\n\nconst spinAnimation = keyframes`\n  0% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 60, 100;\n    stroke-dashoffset: -40;\n  }\n  100% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: -100;\n  }\n`\n\nexport const Circle = styled.path.attrs({\n  d: 'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',\n  strokeWidth: 2,\n})`\n  fill: none;\n`\n\nconst template = (palette: ProgressCirclePalette) => `\n  & ${Circle}:nth-child(1) {\n    stroke: ${palette.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${palette.barColor};\n  }\n\n`\n\nexport const Root = styled.div.withConfig<StyledProgressCircleProps>({\n  shouldForwardProp: shouldForwardProgressCircleProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `\n      : css`\n          & ${Circle}:nth-child(2) {\n            animation: ${spinAnimation} 2000ms ease-in-out infinite;\n          }\n        `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const SVG = styled.svg.attrs({\n  xmlns: 'http://www.w3.org/2000/svg',\n  viewBox: '0 0 34 34',\n})`\n  width: 100%;\n  height: 100%;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n"],"names":["shouldForwardProgressCircleProp","createShouldForwardProp","propKey","includes","spinAnimation","keyframes","Circle","styled","path","attrs","d","strokeWidth","withConfig","displayName","componentId","Root","div","shouldForwardProp","props","value","css","template","palette","barColor","theme","colors","trackColor","responsiveSize","responsiveMargin","SVG","svg","xmlns","viewBox","Content"],"mappings":"qPAMA,MAAMA,gCAAkCC,yBAAyBC,IAAa,CAAC,SAASC,SAASD,KAEjG,MAAME,cAAgBC,UAarB,CAAA,2JAEM,MAAMC,OAASC,OAAOC,KAAKC,MAAM,CACtCC,EAAG,gFACHC,YAAa,IACbC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAHoBP,CAKrB,CAAA,eAYM,MAAMQ,KAAOR,OAAOS,IAAIJ,WAAsC,CACnEK,kBAAmBjB,kCACnBY,WAAA,CAAAC,YAAA,uBAAAC,YAAA,oBAFkBP,CAOfW,CAAAA,yDAAAA,IAAAA,IAAAA,IAAAA,KAAAA,UACMA,EAAMC,OAAU,SACnB,eACIb,iGAIJc,IAAG,CAAA,KAAA,2BAAA,kCACGd,OACWF,iBAIpBc,IACDG,OA/BcC,EA+BL,CACPC,SAAUL,EAAMM,MAAMC,OAAO,0BAC7BC,WAAYR,EAAMM,MAAMC,OAAO,yBAC5BP,EAAMI,SAlCsC,SAC/ChB,sCACQgB,EAAQI,yBAEhBpB,sCACQgB,EAAQC,qBALJD,KAmCZ,GAEFK,eACAC,kBAGG,MAAMC,IAAMtB,OAAOuB,IAAIrB,MAAM,CAClCsB,MAAO,6BACPC,QAAS,cACTpB,WAAA,CAAAC,YAAA,sBAAAC,YAAA,oBAHiBP,CAMlB,CAAA,kCAEY0B,QAAU1B,OAAOS,IAAGJ,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVP,CAUtB,CAAA"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/ProgressCircle/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledProgressCircleProps, ProgressCirclePalette } from './types'\n\nconst shouldForwardProgressCircleProp = createShouldForwardProp((propKey) => !['value'].includes(propKey))\n\nconst spinAnimation = keyframes`\n  0% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 60, 100;\n    stroke-dashoffset: -40;\n  }\n  100% {\n    stroke-dasharray: 0, 100;\n    stroke-dashoffset: -100;\n  }\n`\n\nexport const Circle = styled.path.attrs({\n  d: 'M17 1.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831',\n  strokeWidth: 2,\n})`\n  fill: none;\n`\n\nconst template = (palette: ProgressCirclePalette) => `\n  & ${Circle}:nth-child(1) {\n    stroke: ${palette.trackColor};\n  }\n  & ${Circle}:nth-child(2) {\n    stroke: ${palette.barColor};\n  }\n\n`\n\nexport const Root = styled.div.withConfig<StyledProgressCircleProps>({\n  shouldForwardProp: shouldForwardProgressCircleProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  flex-shrink: 0;\n\n  ${(props) =>\n    typeof props.value === 'number'\n      ? `\n        & ${Circle}:nth-child(2) {\n          transition: stroke-dasharray 150ms linear;\n        }\n      `\n      : css`\n          & ${Circle}:nth-child(2) {\n            animation: ${spinAnimation} 2000ms ease-in-out infinite;\n          }\n        `}\n\n  ${(props) =>\n    template({\n      barColor: props.theme.colors['bg-brand-primary-basic'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Svg = styled.svg.attrs({\n  xmlns: 'http://www.w3.org/2000/svg',\n  viewBox: '0 0 34 34',\n})`\n  width: 100%;\n  height: 100%;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n"],"names":["shouldForwardProgressCircleProp","createShouldForwardProp","propKey","includes","spinAnimation","keyframes","Circle","styled","path","attrs","d","strokeWidth","withConfig","displayName","componentId","Root","div","shouldForwardProp","props","value","css","template","palette","barColor","theme","colors","trackColor","responsiveSize","responsiveMargin","Svg","svg","xmlns","viewBox","Content"],"mappings":"qPAMA,MAAMA,gCAAkCC,yBAAyBC,IAAa,CAAC,SAASC,SAASD,KAEjG,MAAME,cAAgBC,UAarB,CAAA,2JAEM,MAAMC,OAASC,OAAOC,KAAKC,MAAM,CACtCC,EAAG,gFACHC,YAAa,IACbC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAHoBP,CAKrB,CAAA,eAYM,MAAMQ,KAAOR,OAAOS,IAAIJ,WAAsC,CACnEK,kBAAmBjB,kCACnBY,WAAA,CAAAC,YAAA,uBAAAC,YAAA,oBAFkBP,CAOfW,CAAAA,yDAAAA,IAAAA,IAAAA,IAAAA,KAAAA,UACMA,EAAMC,OAAU,SACnB,eACIb,iGAIJc,IAAG,CAAA,KAAA,2BAAA,kCACGd,OACWF,iBAIpBc,IACDG,OA/BcC,EA+BL,CACPC,SAAUL,EAAMM,MAAMC,OAAO,0BAC7BC,WAAYR,EAAMM,MAAMC,OAAO,yBAC5BP,EAAMI,SAlCsC,SAC/ChB,sCACQgB,EAAQI,yBAEhBpB,sCACQgB,EAAQC,qBALJD,KAmCZ,GAEFK,eACAC,kBAGG,MAAMC,IAAMtB,OAAOuB,IAAIrB,MAAM,CAClCsB,MAAO,6BACPC,QAAS,cACTpB,WAAA,CAAAC,YAAA,sBAAAC,YAAA,oBAHiBP,CAMlB,CAAA,kCAEY0B,QAAU1B,OAAOS,IAAGJ,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVP,CAUtB,CAAA"}

package/components/ProgressLine/ProgressLine.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const ProgressLine=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:r="s",max:i=1,iconProps:t={},sizeXXS:n,sizeXS:o,sizeS:a,sizeM:c,sizeL:l,sizeXL:u,...j}=e;const x={size:r,sizeXXS:n,sizeXS:o,sizeS:a,sizeM:c,sizeL:l,sizeXL:u};const z=Boolean(typeof j.value=='number'&&j.fancy);return jsxRuntime.jsxs(style.Root,{...j,...x,role:"progressbar","aria-valuemax":i,"aria-valuenow":j.value,max:i,hasIcon:z,ref:s,children:[jsxRuntime.jsx(style.Track,{children:jsxRuntime.jsx(style.Bar,{children:" "})}),z&&jsxRuntime.jsx(style.IconBar,{children:jsxRuntime.jsx(style.IconPosition,{children:jsxRuntime.jsx(Icon.Icon,{icon:jsxRuntime.jsx(style.StarFillRotated,{}),sizes:constants.SIZES_ICON,...x,...t})})})]})})),{displayName:'ProgressLine',sizes:constants.SIZES});exports.ProgressLine=ProgressLine;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const ProgressLine=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:r="s",max:i=1,iconProps:n={},sizeXXS:t,sizeXS:o,sizeS:a,sizeM:c,sizeL:l,sizeXL:u,...j}=e;const x={size:r,sizeXXS:t,sizeXS:o,sizeS:a,sizeM:c,sizeL:l,sizeXL:u};const z=Boolean(typeof j.value=='number'&&j.fancy);return jsxRuntime.jsxs(style.Root,{...j,...x,role:"progressbar","aria-valuemax":i,"aria-valuenow":j.value,max:i,hasIcon:z,ref:s,children:[jsxRuntime.jsx(style.Track,{children:jsxRuntime.jsx(style.Bar,{children:" "})}),z?jsxRuntime.jsx(style.IconBar,{children:jsxRuntime.jsx(style.IconPosition,{children:jsxRuntime.jsx(Icon.Icon,{icon:jsxRuntime.jsx(style.StarFillRotated,{}),sizes:constants.SIZES_ICON,...x,...n})})}):null]})})),{displayName:'ProgressLine',sizes:constants.SIZES});exports.ProgressLine=ProgressLine;
 //# sourceMappingURL=ProgressLine.js.map

package/components/ProgressLine/ProgressLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressLine.js","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n  ProgressLineProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={restProps.value}\n        max={max}\n        hasIcon={hasIcon}\n        ref={ref}\n      >\n        <Styled.Track>\n          <Styled.Bar>&nbsp;</Styled.Bar>\n        </Styled.Track>\n        {hasIcon && (\n          <Styled.IconBar>\n            <Styled.IconPosition>\n              <Icon icon={<Styled.StarFillRotated />} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n            </Styled.IconPosition>\n          </Styled.IconBar>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","jsx","Icon","icon","StarFillRotated","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"6PAmBMA,MAAAA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAE,EAAAC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,WAAAA,KAACC,MAAAA,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAETC,CAAAA,WAAAC,IAACJ,YAAY,CAAAE,SACXC,WAAAC,IAACJ,UAAU,CAAAE,SAAC,QAEbP,GACCQ,WAAAC,IAACJ,cAAc,CAAAE,SACbC,WAAAC,IAACJ,mBAAmB,CAAAE,SAClBC,WAAAC,IAACC,UAAI,CAACC,KAAMH,WAAAA,IAACH,MAAsBO,oBAAKC,MAAOC,UAAWA,cAAKf,KAAeR,UAIxE,IAGlB,CACEwB,YAxDmB,eAyDnBF,MAAOG,UAAAA"}
+{"version":3,"file":"ProgressLine.js","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n  ProgressLineProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressLineProps>>((props, ref) => {\n    const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={restProps.value}\n        max={max}\n        hasIcon={hasIcon}\n        ref={ref}\n      >\n        <Styled.Track>\n          <Styled.Bar>&nbsp;</Styled.Bar>\n        </Styled.Track>\n        {hasIcon ? (\n          <Styled.IconBar>\n            <Styled.IconPosition>\n              <Icon icon={<Styled.StarFillRotated />} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n            </Styled.IconPosition>\n          </Styled.IconBar>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","jsx","Icon","icon","StarFillRotated","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"6PAoBMA,MAAAA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAE,EAAAC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,WAAAA,KAACC,MAAAA,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAETC,CAAAA,WAAAC,IAACJ,YAAY,CAAAE,SACXC,WAAAC,IAACJ,UAAU,CAAAE,SAAC,QAEbP,EACCQ,WAAAC,IAACJ,cAAc,CAAAE,SACbC,WAAAC,IAACJ,mBAAmB,CAAAE,SAClBC,WAAAC,IAACC,UAAI,CAACC,KAAMH,WAAAA,IAACH,MAAsBO,oBAAKC,MAAOC,UAAWA,cAAKf,KAAeR,QAGhF,OACQ,IAGlB,CACEwB,YAxDmB,eAyDnBF,MAAOG,UAAAA"}

package/components/ProgressLine/ProgressLine.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ICON}from'./constants.mjs';import{Root,Track,Bar,IconBar,IconPosition,StarFillRotated}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const ProgressLine=withMergedProps(forwardRef(((s,r)=>{const{size:o="s",max:e=1,iconProps:i={},sizeXXS:n,sizeXS:a,sizeS:t,sizeM:c,sizeL:m,sizeXL:l,...z}=s;const S={size:o,sizeXXS:n,sizeXS:a,sizeS:t,sizeM:c,sizeL:m,sizeXL:l};const I=Boolean(typeof z.value=='number'&&z.fancy);return jsxs(Root,{...z,...S,role:"progressbar","aria-valuemax":e,"aria-valuenow":z.value,max:e,hasIcon:I,ref:r,children:[jsx(Track,{children:jsx(Bar,{children:" "})}),I&&jsx(IconBar,{children:jsx(IconPosition,{children:jsx(Icon,{icon:jsx(StarFillRotated,{}),sizes:SIZES_ICON,...S,...i})})})]})})),{displayName:'ProgressLine',sizes:SIZES});export{ProgressLine};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ICON}from'./constants.mjs';import{Root,Track,Bar,IconBar,IconPosition,StarFillRotated}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const ProgressLine=withMergedProps(forwardRef(((s,r)=>{const{size:o="s",max:e=1,iconProps:i={},sizeXXS:n,sizeXS:a,sizeS:t,sizeM:c,sizeL:m,sizeXL:l,...z}=s;const S={size:o,sizeXXS:n,sizeXS:a,sizeS:t,sizeM:c,sizeL:m,sizeXL:l};const I=Boolean(typeof z.value=='number'&&z.fancy);return jsxs(Root,{...z,...S,role:"progressbar","aria-valuemax":e,"aria-valuenow":z.value,max:e,hasIcon:I,ref:r,children:[jsx(Track,{children:jsx(Bar,{children:" "})}),I?jsx(IconBar,{children:jsx(IconPosition,{children:jsx(Icon,{icon:jsx(StarFillRotated,{}),sizes:SIZES_ICON,...S,...i})})}):null]})})),{displayName:'ProgressLine',sizes:SIZES});export{ProgressLine};
 //# sourceMappingURL=ProgressLine.mjs.map

package/components/ProgressLine/ProgressLine.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressLine.mjs","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n  ProgressLineProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={restProps.value}\n        max={max}\n        hasIcon={hasIcon}\n        ref={ref}\n      >\n        <Styled.Track>\n          <Styled.Bar>&nbsp;</Styled.Bar>\n        </Styled.Track>\n        {hasIcon && (\n          <Styled.IconBar>\n            <Styled.IconPosition>\n              <Icon icon={<Styled.StarFillRotated />} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n            </Styled.IconPosition>\n          </Styled.IconBar>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","Icon","icon","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"gSAmBMA,MAAAA,aAAmEC,gBAIvEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAE,EAAAC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,KAACC,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAETC,CAAAA,IAACH,MAAY,CAAAE,SACXC,IAACH,IAAU,CAAAE,SAAC,QAEbP,GACCQ,IAACH,QAAc,CAAAE,SACbC,IAACH,aAAmB,CAAAE,SAClBC,IAACC,KAAI,CAACC,KAAMF,IAACH,oBAA2BM,MAAOC,cAAgBb,KAAeR,UAIxE,IAGlB,CACEsB,YAxDmB,eAyDnBF,MAAOG"}
+{"version":3,"file":"ProgressLine.mjs","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n  ProgressLineProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<ProgressLineProps>>((props, ref) => {\n    const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        role='progressbar'\n        aria-valuemax={max}\n        aria-valuenow={restProps.value}\n        max={max}\n        hasIcon={hasIcon}\n        ref={ref}\n      >\n        <Styled.Track>\n          <Styled.Bar>&nbsp;</Styled.Bar>\n        </Styled.Track>\n        {hasIcon ? (\n          <Styled.IconBar>\n            <Styled.IconPosition>\n              <Icon icon={<Styled.StarFillRotated />} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n            </Styled.IconPosition>\n          </Styled.IconBar>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","Icon","icon","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"gSAoBMA,MAAAA,aAAmEC,gBAIvEC,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAE,EAAAC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,KAACC,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAETC,CAAAA,IAACH,MAAY,CAAAE,SACXC,IAACH,IAAU,CAAAE,SAAC,QAEbP,EACCQ,IAACH,QAAc,CAAAE,SACbC,IAACH,aAAmB,CAAAE,SAClBC,IAACC,KAAI,CAACC,KAAMF,IAACH,oBAA2BM,MAAOC,cAAgBb,KAAeR,QAGhF,OACQ,IAGlB,CACEsB,YAxDmB,eAyDnBF,MAAOG"}

package/components/Radio/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../src/components/Radio/Group.tsx"],"sourcesContent":["import { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface RadioGroupProps extends BaseProps {\n  inline?: boolean\n  children?: React.ReactNode\n}\n\nexport function RadioGroup({ children, ...props }: RadioGroupProps) {\n  return <Styled.Group {...props}>{children}</Styled.Group>\n}\n"],"names":["children","props","_jsx","Styled"],"mappings":"4GAQO,EAAoBA,SAAEA,KAAaC,KACjCC,WAAAA,IAACC,MAAAA,MAAY,IAAKF,EAAKD,SAAGA"}
+{"version":3,"file":"Group.js","sources":["../../../../src/components/Radio/Group.tsx"],"sourcesContent":["import type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface RadioGroupProps extends BaseProps {\n  inline?: boolean\n  children?: React.ReactNode\n}\n\nexport function RadioGroup({ children, ...props }: RadioGroupProps) {\n  return <Styled.Group {...props}>{children}</Styled.Group>\n}\n"],"names":["children","props","_jsx","Styled"],"mappings":"4GAQO,EAAoBA,SAAEA,KAAaC,KACjCC,WAAAA,IAACC,MAAAA,MAAY,IAAKF,EAAKD,SAAGA"}

package/components/Radio/Group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Group.mjs","sources":["../../../../src/components/Radio/Group.tsx"],"sourcesContent":["import { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface RadioGroupProps extends BaseProps {\n  inline?: boolean\n  children?: React.ReactNode\n}\n\nexport function RadioGroup({ children, ...props }: RadioGroupProps) {\n  return <Styled.Group {...props}>{children}</Styled.Group>\n}\n"],"names":["RadioGroup","children","props","_jsx","Styled"],"mappings":"kEAQO,SAASA,YAAWC,SAAEA,KAAaC,IACxC,OAAOC,IAACC,MAAY,IAAKF,EAAKD,SAAGA,GACnC"}
+{"version":3,"file":"Group.mjs","sources":["../../../../src/components/Radio/Group.tsx"],"sourcesContent":["import type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface RadioGroupProps extends BaseProps {\n  inline?: boolean\n  children?: React.ReactNode\n}\n\nexport function RadioGroup({ children, ...props }: RadioGroupProps) {\n  return <Styled.Group {...props}>{children}</Styled.Group>\n}\n"],"names":["RadioGroup","children","props","_jsx","Styled"],"mappings":"kEAQO,SAASA,YAAWC,SAAEA,KAAaC,IACxC,OAAOC,IAACC,MAAY,IAAKF,EAAKD,SAAGA,GACnC"}

package/components/Radio/Radio.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var dom=require('../../shared/utils/dom.js');var useClassname=require('../../hooks/useClassname.js');var Group=require('./Group.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var InputRadio=require('../InputRadio/InputRadio.js');function Radio(e){const s=e.checked===void 0;const i=styled.useTheme();const{children:a,disabled:d,error:l,id:t,name:r,size:o,value:u,label:n,className:c,width:m=i.defaultInputControlsWidth,style:p,fluid:R,display:h,...x}=e;const j=useClassname.useClassname(Radio.displayName);const y=dom.concatClassNames(j,c,e.checked&&!s?`${j}--checked`:null);const v=`${j}__label`;return jsxRuntime.jsxs(style.Root,{className:y,style:p,disabled:d,error:l,htmlFor:t||r,size:o,width:m,display:h,fluid:R,children:[jsxRuntime.jsx("input",{...x,id:t||r,name:r,type:"radio",value:u,disabled:d,...s?{defaultChecked:e.defaultChecked}:{checked:e.checked}}),jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[jsxRuntime.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:"#727D8A",strokeWidth:"2",fill:"#fff"}),jsxRuntime.jsx("circle",{cx:"10",cy:"10",r:"5",fill:"#727D8A"})]}),(n||a)&&jsxRuntime.jsx("span",{className:v,children:n||a})]})}Radio.defaultProps={disabled:!1,size:'medium',display:'inline-flex',onChange:e=>console.log(e,e.target.value)},Radio.Input=InputRadio.InputRadio,Radio.Group=Group.RadioGroup,Radio.displayName='Radio',exports.Radio=Radio;
+'use strict';var styled=require('styled-components');var dom=require('../../shared/utils/dom.js');var useClassname=require('../../hooks/useClassname.js');var Group=require('./Group.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var InputRadio=require('../InputRadio/InputRadio.js');function Radio(e){const s=e.checked===void 0;const i=styled.useTheme();const{children:a,disabled:d,error:l,id:t,name:r,size:o,value:u,label:n,className:c,width:m=i.defaultInputControlsWidth,style:p,fluid:R,display:h,...x}=e;const j=useClassname.useClassname(Radio.displayName);const y=dom.concatClassNames(j,c,e.checked&&!s?`${j}--checked`:null);const v=`${j}__label`;return jsxRuntime.jsxs(style.Root,{className:y,style:p,disabled:d,error:l,htmlFor:t||r,size:o,width:m,display:h,fluid:R,children:[jsxRuntime.jsx("input",{...x,id:t||r,name:r,type:"radio",value:u,disabled:d,...s?{defaultChecked:e.defaultChecked}:{checked:e.checked}}),jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[jsxRuntime.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:"#727D8A",strokeWidth:"2",fill:"#fff"}),jsxRuntime.jsx("circle",{cx:"10",cy:"10",r:"5",fill:"#727D8A"})]}),n||a?jsxRuntime.jsx("span",{className:v,children:n||a}):null]})}Radio.defaultProps={disabled:!1,size:'medium',display:'inline-flex',onChange:e=>console.log(e,e.target.value)},Radio.Input=InputRadio.InputRadio,Radio.Group=Group.RadioGroup,Radio.displayName='Radio',exports.Radio=Radio;
 //# sourceMappingURL=Radio.js.map