@foxford/ui 2.39.0-beta-cbc88d8-20240820 → 2.39.0-beta-22709eb-20240820

package/components/PopoverComponent/style.js

@@ -1 +1,2 @@
 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var responsiveSize=require('../../mixins/responsive-size.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardPopoverComponentProp=style.createShouldForwardProp((o=>!['orientation','controlsDirection','black','contrast','elevated'].includes(o)));const MediaLandscape=styled__default.default.div.withConfig({displayName:"PopoverComponent__MediaLandscape",componentId:"ui__sc-hvg57g-0"})(["box-sizing:border-box;flex-shrink:0;width:45%;margin-right:1.6em;"]);const Media=styled__default.default.div.withConfig({shouldForwardProp:o=>o!=='aspectRatio'}).withConfig({displayName:"PopoverComponent__Media",componentId:"ui__sc-hvg57g-1"})(["",""],(o=>`\n    box-sizing: border-box;\n    position: relative;\n    height: 0;\n    padding-bottom: ${o.aspectRatio==='16:9'?'56.25%':'100%'};\n    border-radius: 8px;\n\n    & > * {\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    & img,\n    & video {\n      border-radius: inherit;\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }  \n  `));const Footer=styled__default.default.div.withConfig({displayName:"PopoverComponent__Footer",componentId:"ui__sc-hvg57g-2"})(["display:flex;flex-wrap:wrap;margin-top:1.6em;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardPopoverComponentProp}).attrs((o=>({dynamicSizeDeclaration:(e,n)=>({fontSize:typeof e=='string'?e:`${e}${n}`,width:o.orientation==='portrait'?'28em':'40em',padding:'1.6em',borderRadius:16})}))).withConfig({displayName:"PopoverComponent__Root",componentId:"ui__sc-hvg57g-3"})(["box-sizing:border-box;display:inline-flex;isolation:isolate;position:relative;"," "," ",""],(o=>`\n    flex-direction: ${o.orientation==='landscape'?'row':'column'};\n    & ${Footer} {\n      flex-direction: ${o.controlsDirection};\n    }\n  `),(o=>{return`\n  color: ${(e={color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}).color};\n  background-color: ${e.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${e.shadowColor});\n\n  & ${Media} img,\n  & ${Media} video {\n    background-color: ${e.mediaPlaceholderColor};\n  }\n`;var e}),responsiveSize.responsiveSize);const Container=styled__default.default.div.withConfig({displayName:"PopoverComponent__Container",componentId:"ui__sc-hvg57g-4"})(["box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;"]);const Header=styled__default.default.div.withConfig({displayName:"PopoverComponent__Header",componentId:"ui__sc-hvg57g-5"})(["box-sizing:border-box;display:flex;align-items:center;margin-right:20px;"]);const Content=styled__default.default.div.withConfig({displayName:"PopoverComponent__Content",componentId:"ui__sc-hvg57g-6"})(["box-sizing:border-box;word-break:break-word;& > *:not(:last-child){margin-bottom:1.6em;}"]);const Video=styled__default.default.video.withConfig({displayName:"PopoverComponent__Video",componentId:"ui__sc-hvg57g-7"})(["",""],focus.focus);const CloseButton=styled__default.default.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"PopoverComponent__CloseButton",componentId:"ui__sc-hvg57g-8"})(["box-sizing:border-box;position:absolute;top:10px;right:10px;appearance:none;padding:2px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:",";"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(e={closeColor:o.theme.colors['content-onmain-tertiary'],closeBackgroundColor:o.theme.colors.transparent,closeColorHover:o.theme.colors['content-onmain-primary'],closeBackgroundColorHover:tinycolor.default(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),closeColorActive:o.theme.colors['content-onmain-primary'],closeBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],closeColorDisabled:o.theme.colors['content-disabled'],closeBackgroundColorDisabled:o.theme.colors.transparent,...o.palette}).closeColor};\n  background-color: ${e.closeBackgroundColor};\n  &:hover {\n    color: ${e.closeColorHover};\n    background-color: ${e.closeBackgroundColorHover};\n  }\n  &:active {\n    color: ${e.closeColorActive};\n    background-color: ${e.closeBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${e.closeColorDisabled};\n    background-color: ${e.closeBackgroundColorDisabled};\n  }\n`;var e}),focus.focus);exports.CloseButton=CloseButton,exports.Container=Container,exports.Content=Content,exports.Footer=Footer,exports.Header=Header,exports.Media=Media,exports.MediaLandscape=MediaLandscape,exports.Root=Root,exports.Video=Video;
+//# sourceMappingURL=style.js.map

package/components/PopoverComponent/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/PopoverComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type {\n  PopoverComponentPalette,\n  StyledPopoverComponentProps,\n  StyledPopoverComponentCloseProps,\n  StyledPopoverComponentMediaProps,\n} from './types'\n\nconst shouldForwardPopoverComponentProp = createShouldForwardProp(\n  (propKey) => !['orientation', 'controlsDirection', 'black', 'contrast', 'elevated'].includes(propKey)\n)\n\nexport const MediaLandscape = styled.div`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 45%;\n  margin-right: 1.6em;\n`\n\nexport const Media = styled.div.withConfig<StyledPopoverComponentMediaProps>({\n  shouldForwardProp: (propKey) => propKey !== 'aspectRatio',\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    position: relative;\n    height: 0;\n    padding-bottom: ${props.aspectRatio === '16:9' ? '56.25%' : '100%'};\n    border-radius: 8px;\n\n    & > * {\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    & img,\n    & video {\n      border-radius: inherit;\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }  \n  `}\n`\n\nexport const Footer = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 1.6em;\n`\n\nconst template = (\n  palette: Pick<PopoverComponentPalette, 'color' | 'backgroundColor' | 'shadowColor' | 'mediaPlaceholderColor'>\n) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n\n  & ${Media} img,\n  & ${Media} video {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst closeTemplate = (\n  palette: Pick<\n    PopoverComponentPalette,\n    | 'closeColor'\n    | 'closeBackgroundColor'\n    | 'closeColorHover'\n    | 'closeBackgroundColorHover'\n    | 'closeColorActive'\n    | 'closeBackgroundColorActive'\n    | 'closeColorDisabled'\n    | 'closeBackgroundColorDisabled'\n  >\n) => `\n  color: ${palette.closeColor};\n  background-color: ${palette.closeBackgroundColor};\n  &:hover {\n    color: ${palette.closeColorHover};\n    background-color: ${palette.closeBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.closeColorActive};\n    background-color: ${palette.closeBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.closeColorDisabled};\n    background-color: ${palette.closeBackgroundColorDisabled};\n  }\n`\n\nexport const Root = styled.div\n  .withConfig<StyledPopoverComponentProps>({\n    shouldForwardProp: shouldForwardPopoverComponentProp,\n  })\n  .attrs<StyledPopoverComponentProps>(\n    (props): Required<Pick<StyledPopoverComponentProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.orientation === 'portrait' ? '28em' : '40em',\n        padding: '1.6em',\n        borderRadius: 16,\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  display: inline-flex;\n  isolation: isolate;\n  position: relative;\n\n  ${(props) => `\n    flex-direction: ${props.orientation === 'landscape' ? 'row' : 'column'};\n    & ${Footer} {\n      flex-direction: ${props.controlsDirection};\n    }\n  `}\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n      mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n`\n\nexport const Container = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n`\n\nexport const Header = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  margin-right: 20px;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  word-break: break-word;\n\n  & > *:not(:last-child) {\n    margin-bottom: 1.6em;\n  }\n`\n\nexport const Video = styled.video`\n  ${focus}\n`\n\nexport const CloseButton = styled.button.withConfig<StyledPopoverComponentCloseProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  appearance: none;\n  padding: 2px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\n  ${(props) =>\n    closeTemplate({\n      closeColor: props.theme.colors['content-onmain-tertiary'],\n      closeBackgroundColor: props.theme.colors.transparent,\n      closeColorHover: props.theme.colors['content-onmain-primary'],\n      closeBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover']).lighten(20).toString() as CSSColor,\n      closeColorActive: props.theme.colors['content-onmain-primary'],\n      closeBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      closeColorDisabled: props.theme.colors['content-disabled'],\n      closeBackgroundColorDisabled: props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["shouldForwardPopoverComponentProp","createShouldForwardProp","propKey","includes","MediaLandscape","styled","div","withConfig","displayName","componentId","Media","shouldForwardProp","props","aspectRatio","Footer","Root","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","orientation","padding","borderRadius","controlsDirection","template","palette","color","theme","colors","backgroundColor","shadowColor","elevated","transparent","mediaPlaceholderColor","responsiveSize","Container","Header","Content","Video","video","focus","CloseButton","button","disabled","closeTemplate","closeColor","closeBackgroundColor","closeColorHover","closeBackgroundColorHover","tinycolor","default","lighten","toString","closeColorActive","closeBackgroundColorActive","closeColorDisabled","closeBackgroundColorDisabled"],"mappings":"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"}

package/components/PopoverComponent/style.mjs

@@ -1 +1,2 @@
 import styled from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardPopoverComponentProp=createShouldForwardProp((o=>!['orientation','controlsDirection','black','contrast','elevated'].includes(o)));const MediaLandscape=styled.div.withConfig({displayName:"PopoverComponent__MediaLandscape",componentId:"ui__sc-hvg57g-0"})(["box-sizing:border-box;flex-shrink:0;width:45%;margin-right:1.6em;"]);const Media=styled.div.withConfig({shouldForwardProp:o=>o!=='aspectRatio'}).withConfig({displayName:"PopoverComponent__Media",componentId:"ui__sc-hvg57g-1"})(["",""],(o=>`\n    box-sizing: border-box;\n    position: relative;\n    height: 0;\n    padding-bottom: ${o.aspectRatio==='16:9'?'56.25%':'100%'};\n    border-radius: 8px;\n\n    & > * {\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    & img,\n    & video {\n      border-radius: inherit;\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }  \n  `));const Footer=styled.div.withConfig({displayName:"PopoverComponent__Footer",componentId:"ui__sc-hvg57g-2"})(["display:flex;flex-wrap:wrap;margin-top:1.6em;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardPopoverComponentProp}).attrs((o=>({dynamicSizeDeclaration:(e,n)=>({fontSize:typeof e=='string'?e:`${e}${n}`,width:o.orientation==='portrait'?'28em':'40em',padding:'1.6em',borderRadius:16})}))).withConfig({displayName:"PopoverComponent__Root",componentId:"ui__sc-hvg57g-3"})(["box-sizing:border-box;display:inline-flex;isolation:isolate;position:relative;"," "," ",""],(o=>`\n    flex-direction: ${o.orientation==='landscape'?'row':'column'};\n    & ${Footer} {\n      flex-direction: ${o.controlsDirection};\n    }\n  `),(o=>{return`\n  color: ${(e={color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}).color};\n  background-color: ${e.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${e.shadowColor});\n\n  & ${Media} img,\n  & ${Media} video {\n    background-color: ${e.mediaPlaceholderColor};\n  }\n`;var e}),responsiveSize);const Container=styled.div.withConfig({displayName:"PopoverComponent__Container",componentId:"ui__sc-hvg57g-4"})(["box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;"]);const Header=styled.div.withConfig({displayName:"PopoverComponent__Header",componentId:"ui__sc-hvg57g-5"})(["box-sizing:border-box;display:flex;align-items:center;margin-right:20px;"]);const Content=styled.div.withConfig({displayName:"PopoverComponent__Content",componentId:"ui__sc-hvg57g-6"})(["box-sizing:border-box;word-break:break-word;& > *:not(:last-child){margin-bottom:1.6em;}"]);const Video=styled.video.withConfig({displayName:"PopoverComponent__Video",componentId:"ui__sc-hvg57g-7"})(["",""],focus);const CloseButton=styled.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"PopoverComponent__CloseButton",componentId:"ui__sc-hvg57g-8"})(["box-sizing:border-box;position:absolute;top:10px;right:10px;appearance:none;padding:2px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:",";"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(e={closeColor:o.theme.colors['content-onmain-tertiary'],closeBackgroundColor:o.theme.colors.transparent,closeColorHover:o.theme.colors['content-onmain-primary'],closeBackgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),closeColorActive:o.theme.colors['content-onmain-primary'],closeBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],closeColorDisabled:o.theme.colors['content-disabled'],closeBackgroundColorDisabled:o.theme.colors.transparent,...o.palette}).closeColor};\n  background-color: ${e.closeBackgroundColor};\n  &:hover {\n    color: ${e.closeColorHover};\n    background-color: ${e.closeBackgroundColorHover};\n  }\n  &:active {\n    color: ${e.closeColorActive};\n    background-color: ${e.closeBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${e.closeColorDisabled};\n    background-color: ${e.closeBackgroundColorDisabled};\n  }\n`;var e}),focus);export{CloseButton,Container,Content,Footer,Header,Media,MediaLandscape,Root,Video};
+//# sourceMappingURL=style.mjs.map

package/components/PopoverComponent/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/PopoverComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type {\n  PopoverComponentPalette,\n  StyledPopoverComponentProps,\n  StyledPopoverComponentCloseProps,\n  StyledPopoverComponentMediaProps,\n} from './types'\n\nconst shouldForwardPopoverComponentProp = createShouldForwardProp(\n  (propKey) => !['orientation', 'controlsDirection', 'black', 'contrast', 'elevated'].includes(propKey)\n)\n\nexport const MediaLandscape = styled.div`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 45%;\n  margin-right: 1.6em;\n`\n\nexport const Media = styled.div.withConfig<StyledPopoverComponentMediaProps>({\n  shouldForwardProp: (propKey) => propKey !== 'aspectRatio',\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    position: relative;\n    height: 0;\n    padding-bottom: ${props.aspectRatio === '16:9' ? '56.25%' : '100%'};\n    border-radius: 8px;\n\n    & > * {\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    & img,\n    & video {\n      border-radius: inherit;\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }  \n  `}\n`\n\nexport const Footer = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 1.6em;\n`\n\nconst template = (\n  palette: Pick<PopoverComponentPalette, 'color' | 'backgroundColor' | 'shadowColor' | 'mediaPlaceholderColor'>\n) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n\n  & ${Media} img,\n  & ${Media} video {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst closeTemplate = (\n  palette: Pick<\n    PopoverComponentPalette,\n    | 'closeColor'\n    | 'closeBackgroundColor'\n    | 'closeColorHover'\n    | 'closeBackgroundColorHover'\n    | 'closeColorActive'\n    | 'closeBackgroundColorActive'\n    | 'closeColorDisabled'\n    | 'closeBackgroundColorDisabled'\n  >\n) => `\n  color: ${palette.closeColor};\n  background-color: ${palette.closeBackgroundColor};\n  &:hover {\n    color: ${palette.closeColorHover};\n    background-color: ${palette.closeBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.closeColorActive};\n    background-color: ${palette.closeBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.closeColorDisabled};\n    background-color: ${palette.closeBackgroundColorDisabled};\n  }\n`\n\nexport const Root = styled.div\n  .withConfig<StyledPopoverComponentProps>({\n    shouldForwardProp: shouldForwardPopoverComponentProp,\n  })\n  .attrs<StyledPopoverComponentProps>(\n    (props): Required<Pick<StyledPopoverComponentProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.orientation === 'portrait' ? '28em' : '40em',\n        padding: '1.6em',\n        borderRadius: 16,\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  display: inline-flex;\n  isolation: isolate;\n  position: relative;\n\n  ${(props) => `\n    flex-direction: ${props.orientation === 'landscape' ? 'row' : 'column'};\n    & ${Footer} {\n      flex-direction: ${props.controlsDirection};\n    }\n  `}\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n      mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n`\n\nexport const Container = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n`\n\nexport const Header = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  margin-right: 20px;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  word-break: break-word;\n\n  & > *:not(:last-child) {\n    margin-bottom: 1.6em;\n  }\n`\n\nexport const Video = styled.video`\n  ${focus}\n`\n\nexport const CloseButton = styled.button.withConfig<StyledPopoverComponentCloseProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  appearance: none;\n  padding: 2px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\n  ${(props) =>\n    closeTemplate({\n      closeColor: props.theme.colors['content-onmain-tertiary'],\n      closeBackgroundColor: props.theme.colors.transparent,\n      closeColorHover: props.theme.colors['content-onmain-primary'],\n      closeBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover']).lighten(20).toString() as CSSColor,\n      closeColorActive: props.theme.colors['content-onmain-primary'],\n      closeBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      closeColorDisabled: props.theme.colors['content-disabled'],\n      closeBackgroundColorDisabled: props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["shouldForwardPopoverComponentProp","createShouldForwardProp","propKey","includes","MediaLandscape","styled","div","withConfig","displayName","componentId","Media","shouldForwardProp","props","aspectRatio","Footer","Root","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","orientation","padding","borderRadius","controlsDirection","template","palette","color","theme","colors","backgroundColor","shadowColor","elevated","transparent","mediaPlaceholderColor","responsiveSize","Container","Header","Content","Video","video","focus","CloseButton","button","disabled","closeTemplate","closeColor","closeBackgroundColor","closeColorHover","closeBackgroundColorHover","tinycolor","lighten","toString","closeColorActive","closeBackgroundColorActive","closeColorDisabled","closeBackgroundColorDisabled"],"mappings":"kTAaA,MAAMA,kCAAoCC,yBACvCC,IAAa,CAAC,cAAe,oBAAqB,QAAS,WAAY,YAAYC,SAASD,WAGlFE,eAAiBC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,mCAAAC,YAAA,mBAAVJ,CAK7B,CAAA,sEAEM,MAAMK,MAAQL,OAAOC,IAAIC,WAA6C,CAC3EI,kBAAoBT,GAAYA,IAAY,gBAC5CK,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAFmBJ,CAEnB,CAAA,GAAA,KACGO,GAAU,+FAIOA,EAAMC,cAAgB,OAAS,SAAW,iVAsBnDC,OAAST,OAAOC,IAAGC,WAAA,CAAAC,YAAA,2BAAAC,YAAA,mBAAVJ,CAIrB,CAAA,kDA4CM,MAAMU,KAAOV,OAAOC,IACxBC,WAAwC,CACvCI,kBAAmBX,oCAEpBgB,OACEJ,IAAkF,CACjFK,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,MAAOT,EAAMU,cAAgB,WAAa,OAAS,OACnDC,QAAS,QACTC,aAAc,SAGnBjB,WAAA,CAAAC,YAAA,yBAAAC,YAAA,mBAbiBJ,CAajB,CAAA,iFAAA,IAAA,IAAA,KAMEO,GAAU,yBACOA,EAAMU,cAAgB,YAAc,MAAQ,oBAC1DR,mCACgBF,EAAMa,kCAIzBb,IACDc,MAnEC,eADHC,EAoEW,CACPC,MAAOhB,EAAMiB,MAAMC,OAAO,0BAC1BC,gBAAiBnB,EAAMiB,MAAMC,OAAO,qBACpCE,YAAapB,EAAMqB,SAAWrB,EAAMiB,MAAMC,OAAO,oBAAsBlB,EAAMiB,MAAMC,OAAOI,YAC1FC,sBAAuBvB,EAAMiB,MAAMC,OAAO,uBACvClB,EAAMe,UAvEIC,+BACGD,EAAQI,sDACKJ,EAAQK,wBAErCtB,mBACAA,wCACkBiB,EAAQQ,gCAR9BR,KA0EI,GAEFS,sBAGSC,UAAYhC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,mBAAVJ,CAMxB,CAAA,8GAEYiC,OAASjC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,2BAAAC,YAAA,mBAAVJ,CAKrB,CAAA,mFAEYkC,QAAUlC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,4BAAAC,YAAA,mBAAVJ,CAOtB,CAAA,mGAEYmC,MAAQnC,OAAOoC,MAAKlC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAAZJ,CAAY,CAAA,GAAA,IAC7BqC,OAGG,MAAMC,YAActC,OAAOuC,OAAOrC,WAA6C,CACpFI,kBAAoBT,IAAa,CAAC,WAAWC,SAASD,KACtDK,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAFyBJ,CAEzB,CAAA,gMAAA,IAAA,IAAA,KAaWO,GAAWA,EAAMiC,SAAW,cAAgB,YAEpDjC,IACDkC,MArGC,eAXHnB,EAgHgB,CACZoB,WAAYnC,EAAMiB,MAAMC,OAAO,2BAC/BkB,qBAAsBpC,EAAMiB,MAAMC,OAAOI,YACzCe,gBAAiBrC,EAAMiB,MAAMC,OAAO,0BACpCoB,0BAA2BC,UAAUvC,EAAMiB,MAAMC,OAAO,qBAAqBsB,QAAQ,IAAIC,WACzFC,iBAAkB1C,EAAMiB,MAAMC,OAAO,0BACrCyB,2BAA4B3C,EAAMiB,MAAMC,OAAO,oBAC/C0B,mBAAoB5C,EAAMiB,MAAMC,OAAO,oBACvC2B,6BAA8B7C,EAAMiB,MAAMC,OAAOI,eAC9CtB,EAAMe,UA7GIoB,oCACGpB,EAAQqB,kDAEjBrB,EAAQsB,2CACGtB,EAAQuB,6DAGnBvB,EAAQ2B,4CACG3B,EAAQ4B,gEAGnB5B,EAAQ6B,8CACG7B,EAAQ8B,uCAxB9B9B,KA0HI,GAEFe"}

package/components/Progress/Progress.js

@@ -1 +1,2 @@
 'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Progress_Circle=require('../Progress.Circle/Progress.Circle.js');var Progress_Segmented=require('../Progress.Segmented/Progress.Segmented.js');function Progress(r){const{className:e,isLoading:s,backgroundColor:o,color:g,percent:t}=r;let i=typeof t=='string'?parseInt(t,10):t||0;return i>100&&(i=100),i<0&&(i=0),require$$0.jsx(style.Root,{className:e,backgroundColor:o,color:g,children:require$$0.jsx(style.Bar,{width:i,isLoading:Boolean(s)})})}Progress.defaultProps={percent:0,color:'green',backgroundColor:'alto',isLoading:!1},Progress.Circle=Progress_Circle.ProgressCircle,Progress.Segmented=Progress_Segmented.ProgressSegmented,Progress.displayName='Progress',exports.Progress=Progress;
+//# sourceMappingURL=Progress.js.map

package/components/Progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport { ProgressSegmented } from 'components/Progress.Segmented'\nimport { ProgressCircle } from 'components/Progress.Circle'\nimport * as Styled from './style'\n\nexport interface ProgressProps extends BaseProps, ColorProperty, ColorProperty<'backgroundColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  isLoading?: boolean\n}\n\nProgress.defaultProps = {\n  percent: 0,\n  color: 'green',\n  backgroundColor: 'alto',\n  isLoading: false,\n}\n\nProgress.Circle = ProgressCircle\nProgress.Segmented = ProgressSegmented\nProgress.displayName = 'Progress'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'backgroundColor'>`](#/Миксины)\n */\nexport function Progress(props: ProgressProps) {\n  const { className, isLoading, backgroundColor, color, percent } = props\n\n  let _percent: number = typeof percent === 'string' ? parseInt(percent, 10) : percent || 0\n\n  if (_percent > 100) _percent = 100\n  if (_percent < 0) _percent = 0\n\n  return (\n    <Styled.Root className={className} backgroundColor={backgroundColor} color={color}>\n      <Styled.Bar width={_percent} isLoading={Boolean(isLoading)} />\n    </Styled.Root>\n  )\n}\n"],"names":["Progress","props","className","isLoading","backgroundColor","color","percent","_percent","parseInt","_jsx","Styled","children","jsx","width","Boolean","defaultProps","Circle","ProgressCircle","Segmented","ProgressSegmented","displayName"],"mappings":"4OA+BO,SAASA,SAASC,GACvB,MAAMC,UAAEA,EAASC,UAAEA,EAASC,gBAAEA,EAAeC,MAAEA,EAAKC,QAAEA,GAAYL,EAElE,IAAIM,SAA0BD,GAAY,SAAWE,SAASF,EAAS,IAAMA,GAAW,EAKxF,OAHIC,EAAW,MAAKA,EAAW,KAC3BA,EAAW,IAAGA,EAAW,GAG3BE,WAAAA,IAACC,MAAAA,KAAW,CAACR,UAAWA,EAAWE,gBAAiBA,EAAiBC,MAAOA,EAAMM,SAChFF,WAAAG,IAACF,UAAU,CAACG,MAAON,EAAUJ,UAAWW,QAAQX,MAGtD,CA9BAH,SAASe,aAAe,CACtBT,QAAS,EACTD,MAAO,QACPD,gBAAiB,OACjBD,WAAW,GAGbH,SAASgB,OAASC,gBAAAA,eAClBjB,SAASkB,UAAYC,mBAAAA,kBACrBnB,SAASoB,YAAc"}

package/components/Progress/Progress.mjs

@@ -1 +1,2 @@
 import{Root,Bar}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{ProgressCircle}from'../Progress.Circle/Progress.Circle.mjs';import{ProgressSegmented}from'../Progress.Segmented/Progress.Segmented.mjs';function Progress(r){const{className:e,isLoading:o,backgroundColor:s,color:g,percent:t}=r;let n=typeof t=='string'?parseInt(t,10):t||0;return n>100&&(n=100),n<0&&(n=0),jsx(Root,{className:e,backgroundColor:s,color:g,children:jsx(Bar,{width:n,isLoading:Boolean(o)})})}Progress.defaultProps={percent:0,color:'green',backgroundColor:'alto',isLoading:!1},Progress.Circle=ProgressCircle,Progress.Segmented=ProgressSegmented,Progress.displayName='Progress';export{Progress};
+//# sourceMappingURL=Progress.mjs.map

package/components/Progress/Progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.mjs","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport { ProgressSegmented } from 'components/Progress.Segmented'\nimport { ProgressCircle } from 'components/Progress.Circle'\nimport * as Styled from './style'\n\nexport interface ProgressProps extends BaseProps, ColorProperty, ColorProperty<'backgroundColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  isLoading?: boolean\n}\n\nProgress.defaultProps = {\n  percent: 0,\n  color: 'green',\n  backgroundColor: 'alto',\n  isLoading: false,\n}\n\nProgress.Circle = ProgressCircle\nProgress.Segmented = ProgressSegmented\nProgress.displayName = 'Progress'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'backgroundColor'>`](#/Миксины)\n */\nexport function Progress(props: ProgressProps) {\n  const { className, isLoading, backgroundColor, color, percent } = props\n\n  let _percent: number = typeof percent === 'string' ? parseInt(percent, 10) : percent || 0\n\n  if (_percent > 100) _percent = 100\n  if (_percent < 0) _percent = 0\n\n  return (\n    <Styled.Root className={className} backgroundColor={backgroundColor} color={color}>\n      <Styled.Bar width={_percent} isLoading={Boolean(isLoading)} />\n    </Styled.Root>\n  )\n}\n"],"names":["Progress","props","className","isLoading","backgroundColor","color","percent","_percent","parseInt","_jsx","Styled","children","width","Boolean","defaultProps","Circle","ProgressCircle","Segmented","ProgressSegmented","displayName"],"mappings":"oNA+BO,SAASA,SAASC,GACvB,MAAMC,UAAEA,EAASC,UAAEA,EAASC,gBAAEA,EAAeC,MAAEA,EAAKC,QAAEA,GAAYL,EAElE,IAAIM,SAA0BD,GAAY,SAAWE,SAASF,EAAS,IAAMA,GAAW,EAKxF,OAHIC,EAAW,MAAKA,EAAW,KAC3BA,EAAW,IAAGA,EAAW,GAG3BE,IAACC,KAAW,CAACR,UAAWA,EAAWE,gBAAiBA,EAAiBC,MAAOA,EAAMM,SAChFF,IAACC,IAAU,CAACE,MAAOL,EAAUJ,UAAWU,QAAQV,MAGtD,CA9BAH,SAASc,aAAe,CACtBR,QAAS,EACTD,MAAO,QACPD,gBAAiB,OACjBD,WAAW,GAGbH,SAASe,OAASC,eAClBhB,SAASiB,UAAYC,kBACrBlB,SAASmB,YAAc"}

package/components/Progress/style.js

@@ -1 +1,2 @@
 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var color=require('../../mixins/color.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const move=styled.keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const bgColor=o=>styled.css(["background-color:",";"],tinycolor.default(o).setAlpha(.6).toString());const isLoading=styled.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__default.default.div.withConfig({displayName:"Progress__Root",componentId:"ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],(o=>o.backgroundColor?color.color(o.backgroundColor,bgColor):null),(o=>o.color?color.color(o.color):null));const Bar=styled__default.default.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?styled.css(["width:","%;"],o.width):styled.css(["width:0%;"])));exports.Bar=Bar,exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/Progress/style.js.map

@@ -0,0 +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":"iTAKA,MAAMA,KAAOC,OAASA,UAOrB,CAAA,qEAED,MAAMC,QAAWC,GAAkBC,OAAAA,IAAG,CAAA,oBAAA,KAChBC,kBAAUF,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"}

package/components/Progress/style.mjs

@@ -1 +1,2 @@
 import styled,{keyframes,css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';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

@@ -0,0 +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":"kMAKA,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"}

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

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

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

@@ -0,0 +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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"}

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

@@ -1 +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};
+//# sourceMappingURL=Progress.Circle.mjs.map

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

@@ -0,0 +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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"}

package/components/Progress.Circle/style.js

@@ -1 +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;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +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"}

package/components/Progress.Circle/style.mjs

@@ -1 +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};
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +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"}

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

@@ -1 +1,2 @@
 'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');function ProgressSegmented(e){const{percent:r,segments:s,className:t,style:o,percentColor:a,separatorColor:l,haveCircle:n,isActive:c}=e;return require$$0.jsxs(style.Root,{className:t,style:o,percent:r,haveCircle:n,percentColor:a,isActive:c,children:[require$$0.jsx(style.Progress,{percent:r,percentColor:a}),require$$0.jsx(style.Separators,{children:Array.from(new Array(s+1).keys()).map(((e,r)=>require$$0.jsx(style.Separator,{separatorColor:l},r)))})]})}ProgressSegmented.defaultProps={percent:0,percentColor:'#7fc92e',separatorColor:'#ffffff',segments:9,haveCircle:!0},ProgressSegmented.displayName='Progress.Segmented',exports.ProgressSegmented=ProgressSegmented;
+//# sourceMappingURL=Progress.Segmented.js.map

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

@@ -0,0 +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"}

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

@@ -1 +1,2 @@
 import{Root,Progress,Separators,Separator}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';function ProgressSegmented(e){const{percent:r,segments:s,className:o,style:t,percentColor:a,separatorColor:n,haveCircle:c,isActive:p}=e;return jsxs(Root,{className:o,style:t,percent:r,haveCircle:c,percentColor:a,isActive:p,children:[jsx(Progress,{percent:r,percentColor:a}),jsx(Separators,{children:Array.from(new Array(s+1).keys()).map(((e,r)=>jsx(Separator,{separatorColor:n},r)))})]})}ProgressSegmented.defaultProps={percent:0,percentColor:'#7fc92e',separatorColor:'#ffffff',segments:9,haveCircle:!0},ProgressSegmented.displayName='Progress.Segmented';export{ProgressSegmented};
+//# sourceMappingURL=Progress.Segmented.mjs.map

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

@@ -0,0 +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"}

package/components/Progress.Segmented/style.js

@@ -1 +1,2 @@
 'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var colors=require('../../theme/colors.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const Progress=styled__default.default.div.withConfig({displayName:"ProgressSegmented__Progress",componentId:"ui__sc-10x2wrn-0"})(["height:100%;border-radius:10px;width:",";",";"],(e=>`${e.percent||0}%`),(e=>color.color(e.percentColor?e.percentColor:colors.DefaultColorNames.atlantis,'background')));const Separators=styled__default.default.div.withConfig({displayName:"ProgressSegmented__Separators",componentId:"ui__sc-10x2wrn-1"})(["position:absolute;top:0;display:flex;justify-content:space-between;width:100%;height:4px;z-index:3;"]);const Separator=styled__default.default.div.withConfig({displayName:"ProgressSegmented__Separator",componentId:"ui__sc-10x2wrn-2"})(["width:2px;height:100%;&:first-child,&:last-child{width:0;}",""],(e=>color.color(e.separatorColor?e.separatorColor:colors.DefaultColorNames.white,'background')));const isEmpty=styled.css(["& ","{&:first-child{&:before{background:rgba(0,0,0,0.1);}}}"],Separator);const Root=styled__default.default.div.withConfig({displayName:"ProgressSegmented__Root",componentId:"ui__sc-10x2wrn-3"})(["position:relative;height:4px;background:rgba(0,0,0,0.1);border-radius:10px;"," "," ",""],(e=>e.haveCircle?(e=>styled.css(["margin-left:8px;border-radius:0 10px 10px 0;& ","{border-radius:0 10px 10px 0;}& ","{&:first-child{position:relative;&:before{position:absolute;display:block;content:'';left:-8px;top:-2px;width:8px;height:8px;border-radius:50%;background:",";}}}"],Progress,Separator,color.getColor(e.percentColor||colors.DefaultColorNames.atlantis,e)))(e):null),(e=>e.percent===100?(e=>styled.css(["& ","{&:last-child{position:relative;&:before{position:absolute;top:-6px;right:-6px;display:block;content:'';background:"," url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K') center no-repeat;width:16px;height:16px;border-radius:50%;}}}"],Separator,color.getColor(e.percentColor||colors.DefaultColorNames.atlantis,e)))(e):null),(e=>e.percent===0?isEmpty:null));exports.Progress=Progress,exports.Root=Root,exports.Separator=Separator,exports.Separators=Separators;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +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"}

package/components/Progress.Segmented/style.mjs

@@ -1 +1,2 @@
 import styled,{css}from'styled-components';import{color,getColor}from'../../mixins/color.mjs';import{DefaultColorNames}from'../../theme/colors.mjs';const Progress=styled.div.withConfig({displayName:"ProgressSegmented__Progress",componentId:"ui__sc-10x2wrn-0"})(["height:100%;border-radius:10px;width:",";",";"],(o=>`${o.percent||0}%`),(o=>color(o.percentColor?o.percentColor:DefaultColorNames.atlantis,'background')));const Separators=styled.div.withConfig({displayName:"ProgressSegmented__Separators",componentId:"ui__sc-10x2wrn-1"})(["position:absolute;top:0;display:flex;justify-content:space-between;width:100%;height:4px;z-index:3;"]);const Separator=styled.div.withConfig({displayName:"ProgressSegmented__Separator",componentId:"ui__sc-10x2wrn-2"})(["width:2px;height:100%;&:first-child,&:last-child{width:0;}",""],(o=>color(o.separatorColor?o.separatorColor:DefaultColorNames.white,'background')));const isEmpty=css(["& ","{&:first-child{&:before{background:rgba(0,0,0,0.1);}}}"],Separator);const Root=styled.div.withConfig({displayName:"ProgressSegmented__Root",componentId:"ui__sc-10x2wrn-3"})(["position:relative;height:4px;background:rgba(0,0,0,0.1);border-radius:10px;"," "," ",""],(o=>o.haveCircle?(o=>css(["margin-left:8px;border-radius:0 10px 10px 0;& ","{border-radius:0 10px 10px 0;}& ","{&:first-child{position:relative;&:before{position:absolute;display:block;content:'';left:-8px;top:-2px;width:8px;height:8px;border-radius:50%;background:",";}}}"],Progress,Separator,getColor(o.percentColor||DefaultColorNames.atlantis,o)))(o):null),(o=>o.percent===100?(o=>css(["& ","{&:last-child{position:relative;&:before{position:absolute;top:-6px;right:-6px;display:block;content:'';background:"," url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K') center no-repeat;width:16px;height:16px;border-radius:50%;}}}"],Separator,getColor(o.percentColor||DefaultColorNames.atlantis,o)))(o):null),(o=>o.percent===0?isEmpty:null));export{Progress,Root,Separator,Separators};
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +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"}

package/components/Radio/Group.js

@@ -1 +1,2 @@
 'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');exports.RadioGroup=({children:r,...e})=>require$$0.jsx(style.Group,{...e,children:r});
+//# sourceMappingURL=Group.js.map

package/components/Radio/Group.js.map

@@ -0,0 +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"}

package/components/Radio/Group.mjs

@@ -1 +1,2 @@
 import{Group}from'./style.mjs';import{jsx}from'react/jsx-runtime';function RadioGroup({children:r,...o}){return jsx(Group,{...o,children:r})}export{RadioGroup};
+//# sourceMappingURL=Group.mjs.map

package/components/Radio/Group.mjs.map

@@ -0,0 +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"}

package/components/Radio/Radio.js

@@ -1 +1,2 @@
 'use strict';var cx=require('clsx');var styled=require('styled-components');var useClassname=require('../../hooks/useClassname.js');var Group=require('./Group.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var InputRadio=require('../InputRadio/InputRadio.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var cx__default=_interopDefault(cx);function Radio(e){const s=e.checked===void 0;const r=styled.useTheme();const{children:a,disabled:i,error:l,id:d,name:t,size:u,value:o,label:c,className:n,width:p=r.defaultInputControlsWidth,style:f,fluid:h,display:m,...x}=e;const y=useClassname.useClassname(Radio.displayName);const R=cx__default.default(y,n,e.checked&&!s?`${y}--checked`:null);const $=`${y}__label`;return require$$0.jsxs(style.Root,{className:R,style:f,disabled:i,error:l,htmlFor:d||t,size:u,width:p,display:m,fluid:h,children:[require$$0.jsx("input",{...x,id:d||t,name:t,type:"radio",value:o,disabled:i,...s?{defaultChecked:e.defaultChecked}:{checked:e.checked}}),require$$0.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[require$$0.jsx("circle",{cx:"10",cy:"10",r:"9",stroke:"#727D8A",strokeWidth:"2",fill:"#fff"}),require$$0.jsx("circle",{cx:"10",cy:"10",r:"5",fill:"#727D8A"})]}),(c||a)&&require$$0.jsx("span",{className:$,children:c||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;
+//# sourceMappingURL=Radio.js.map

package/components/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import cx from 'clsx'\nimport { useTheme } from 'styled-components'\nimport { ResponsiveProperty } from 'mixins/responsive-property'\nimport { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { InputRadio } from 'components/InputRadio'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n  /**\n   * Field id\n   */\n  id?: string\n  /**\n   * Field name\n   */\n  name?: string\n  /**\n   * Radio label\n   */\n  label?: string\n  /**\n   * On change handler\n   */\n  onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * A Radio can appear disabled and be unable to change states\n   */\n  disabled?: boolean\n  /**\n   * Field can show the data contains errors\n   */\n  error?: boolean\n  /**\n   * Whether or not Radio is checked\n   */\n  checked?: boolean\n  defaultChecked?: boolean\n  /**\n   * Checkbox size\n   */\n  size?: 'small' | 'medium' | 'large'\n  /**\n   * Value\n   */\n  value?: string | number\n  fluid?: boolean\n  /**\n   * Width of label. Default is `Theme.defaultInputControlsWidth`\n   */\n  width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nRadio.defaultProps = {\n  disabled: false,\n  size: 'medium',\n  display: 'inline-flex',\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Input = InputRadio\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Radio(props: typeof Radio.defaultProps & RadioProps) {\n  const uncontrolled = props.checked === undefined\n  const theme = useTheme()\n\n  const {\n    children,\n    disabled,\n    error,\n    id,\n    name,\n    size,\n    value,\n    label,\n    className,\n    width = theme.defaultInputControlsWidth,\n    style,\n    fluid,\n    display,\n    ...anotherProps\n  } = props\n\n  const baseClassName = useClassname(Radio.displayName)\n  const _className = cx(baseClassName, className, props.checked && !uncontrolled ? `${baseClassName}--checked` : null)\n  const _labelClassName = `${baseClassName}__label`\n\n  const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n  return (\n    <Styled.Root\n      className={_className}\n      style={style}\n      disabled={disabled}\n      error={error}\n      htmlFor={id || name}\n      size={size}\n      width={width}\n      display={display}\n      fluid={fluid}\n    >\n      <input\n        {...anotherProps}\n        id={id || name}\n        name={name}\n        type='radio'\n        value={value}\n        disabled={disabled}\n        {...inputProps}\n      />\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n        <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n        <circle cx='10' cy='10' r='5' fill='#727D8A' />\n      </svg>\n      {(label || children) && <span className={_labelClassName}>{label || children}</span>}\n    </Styled.Root>\n  )\n}\n"],"names":["Radio","props","uncontrolled","checked","undefined","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","baseClassName","useClassname","displayName","_className","cx","default","_labelClassName","_jsxs","Styled","htmlFor","_jsx","jsx","type","defaultChecked","jsxs","xmlns","viewBox","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Input","InputRadio","Group","RadioGroup"],"mappings":"2YA8EO,SAASA,MAAMC,GACpB,MAAMC,EAAeD,EAAME,eAAYC,EACvC,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,SACJA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,GACLA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,UACLA,EAASC,MACTA,EAAQX,EAAMY,gCACdC,EAAKC,MACLA,EAAKC,QACLA,KACGC,GACDpB,EAEJ,MAAMqB,EAAgBC,aAAAA,aAAavB,MAAMwB,aACzC,MAAMC,EAAaC,YAAEC,QAACL,EAAeP,EAAWd,EAAME,UAAYD,EAAe,GAAGoB,aAA2B,MAC/G,MAAMM,EAAkB,GAAGN,WAI3B,OACEO,WAAAA,KAACC,MAAAA,KAAW,CACVf,UAAWU,EACXP,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPsB,QAASrB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EAAMZ,UAEbyB,WAAAC,IAAA,QAAA,IACMZ,EACJX,GAAIA,GAAMC,EACVA,KAAMA,EACNuB,KAAK,QACLrB,MAAOA,EACPL,SAAUA,KApBGN,EAAe,CAAEiC,eAAgBlC,EAAMkC,gBAAmB,CAAEhC,QAASF,EAAME,WAuB1F0B,WAAAO,KAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,YAAW/B,UACzDyB,WAAAC,IAAA,SAAA,CAAQP,GAAG,KAAKa,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpEX,WAAAC,IAAA,SAAA,CAAQP,GAAG,KAAKa,GAAG,KAAKC,EAAE,IAAIG,KAAK,gBAEnC7B,GAASP,IAAayB,WAAAA,IAAA,OAAA,CAAMjB,UAAWa,EAAgBrB,SAAEO,GAASP,MAG1E,CAvEAP,MAAM4C,aAAe,CACnBpC,UAAU,EACVI,KAAM,SACNQ,QAAS,cACTyB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOpC,QAGhFb,MAAMkD,MAAQC,WAAAA,WACdnD,MAAMoD,MAAQC,MAAAA,WACdrD,MAAMwB,YAAc"}

package/components/Radio/Radio.mjs

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

package/components/Radio/Radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.mjs","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import cx from 'clsx'\nimport { useTheme } from 'styled-components'\nimport { ResponsiveProperty } from 'mixins/responsive-property'\nimport { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { InputRadio } from 'components/InputRadio'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n  /**\n   * Field id\n   */\n  id?: string\n  /**\n   * Field name\n   */\n  name?: string\n  /**\n   * Radio label\n   */\n  label?: string\n  /**\n   * On change handler\n   */\n  onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * A Radio can appear disabled and be unable to change states\n   */\n  disabled?: boolean\n  /**\n   * Field can show the data contains errors\n   */\n  error?: boolean\n  /**\n   * Whether or not Radio is checked\n   */\n  checked?: boolean\n  defaultChecked?: boolean\n  /**\n   * Checkbox size\n   */\n  size?: 'small' | 'medium' | 'large'\n  /**\n   * Value\n   */\n  value?: string | number\n  fluid?: boolean\n  /**\n   * Width of label. Default is `Theme.defaultInputControlsWidth`\n   */\n  width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nRadio.defaultProps = {\n  disabled: false,\n  size: 'medium',\n  display: 'inline-flex',\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Input = InputRadio\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Radio(props: typeof Radio.defaultProps & RadioProps) {\n  const uncontrolled = props.checked === undefined\n  const theme = useTheme()\n\n  const {\n    children,\n    disabled,\n    error,\n    id,\n    name,\n    size,\n    value,\n    label,\n    className,\n    width = theme.defaultInputControlsWidth,\n    style,\n    fluid,\n    display,\n    ...anotherProps\n  } = props\n\n  const baseClassName = useClassname(Radio.displayName)\n  const _className = cx(baseClassName, className, props.checked && !uncontrolled ? `${baseClassName}--checked` : null)\n  const _labelClassName = `${baseClassName}__label`\n\n  const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n  return (\n    <Styled.Root\n      className={_className}\n      style={style}\n      disabled={disabled}\n      error={error}\n      htmlFor={id || name}\n      size={size}\n      width={width}\n      display={display}\n      fluid={fluid}\n    >\n      <input\n        {...anotherProps}\n        id={id || name}\n        name={name}\n        type='radio'\n        value={value}\n        disabled={disabled}\n        {...inputProps}\n      />\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n        <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n        <circle cx='10' cy='10' r='5' fill='#727D8A' />\n      </svg>\n      {(label || children) && <span className={_labelClassName}>{label || children}</span>}\n    </Styled.Root>\n  )\n}\n"],"names":["Radio","props","uncontrolled","checked","undefined","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","baseClassName","useClassname","displayName","_className","cx","_labelClassName","_jsxs","Styled","htmlFor","_jsx","type","defaultChecked","xmlns","viewBox","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Input","InputRadio","Group","RadioGroup"],"mappings":"mRA8EO,SAASA,MAAMC,GACpB,MAAMC,EAAeD,EAAME,eAAYC,EACvC,MAAMC,EAAQC,WAEd,MAAMC,SACJA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,GACLA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,UACLA,EAASC,MACTA,EAAQX,EAAMY,0BAAyBC,MACvCA,EAAKC,MACLA,EAAKC,QACLA,KACGC,GACDpB,EAEJ,MAAMqB,EAAgBC,aAAavB,MAAMwB,aACzC,MAAMC,EAAaC,GAAGJ,EAAeP,EAAWd,EAAME,UAAYD,EAAe,GAAGoB,aAA2B,MAC/G,MAAMK,EAAkB,GAAGL,WAI3B,OACEM,KAACC,KAAW,CACVd,UAAWU,EACXP,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPqB,QAASpB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EAAMZ,UAEbwB,IAAA,QAAA,IACMV,EACJX,GAAIA,GAAMC,EACVA,KAAMA,EACNqB,KAAK,QACLnB,MAAOA,EACPL,SAAUA,KApBGN,EAAe,CAAE+B,eAAgBhC,EAAMgC,gBAAmB,CAAE9B,QAASF,EAAME,WAuB1FyB,KAAA,MAAA,CAAKM,MAAM,6BAA6BC,QAAQ,YAAW5B,UACzDwB,IAAA,SAAA,CAAQL,GAAG,KAAKU,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpET,IAAA,SAAA,CAAQL,GAAG,KAAKU,GAAG,KAAKC,EAAE,IAAIG,KAAK,gBAEnC1B,GAASP,IAAawB,IAAA,OAAA,CAAMhB,UAAWY,EAAgBpB,SAAEO,GAASP,MAG1E,CAvEAP,MAAMyC,aAAe,CACnBjC,UAAU,EACVI,KAAM,SACNQ,QAAS,cACTsB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOjC,QAGhFb,MAAM+C,MAAQC,WACdhD,MAAMiD,MAAQC,WACdlD,MAAMwB,YAAc"}

package/components/Radio/style.js

@@ -8,3 +8,4 @@
               margin-top: 15px;
             }
           `):null));exports.Group=Group,exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/Radio/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Radio/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { screenMaxS } from 'mixins/screen'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport { display } from 'mixins/display'\nimport { RadioGroupProps } from './Group'\nimport { RadioProps } from './Radio'\n\nconst sizeRadio = (size = 14) => css`\n  font-size: ${size}px;\n  svg {\n    width: ${size}px;\n    height: ${size}px;\n  }\n`\n\nconst disabled = css`\n  cursor: not-allowed;\n  color: #d4d4d4;\n  svg {\n    circle:nth-child(1) {\n      stroke: #d4d4d4;\n    }\n    circle:nth-child(2) {\n      fill: #d4d4d4;\n    }\n  }\n  & > span {\n    cursor: not-allowed;\n  }\n`\n\nconst error = css`\n  svg {\n    circle {\n      fill: #ffeef0;\n      stroke: #ffa3a3;\n    }\n    circle:nth-child(2) {\n      fill: #ffa3a3;\n    }\n  }\n`\n\nexport const Root = styled.label.withConfig<RadioProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor'].includes(prop),\n})`\n  align-items: baseline;\n  user-select: none;\n  cursor: pointer;\n  width: auto;\n  svg {\n    position: relative;\n    top: 2px;\n    flex-shrink: 0;\n    circle:nth-child(2) {\n      opacity: 0;\n      transition: all 0.2s ease;\n    }\n  }\n  & + & {\n    margin-left: 15px;\n  }\n  input {\n    display: none;\n    appearance: none;\n    &:checked + svg {\n      circle:nth-child(2) {\n        opacity: 1;\n        transform: scale(1);\n      }\n      ${(props) =>\n        !props.error\n          ? css`\n              circle:not(:disabled) {\n                stroke: #48a1e6;\n              }\n              circle:not(:disabled):last-child {\n                fill: #48a1e6;\n              }\n            `\n          : null}\n    }\n  }\n  > span {\n    margin-left: 10px;\n    cursor: pointer;\n  }\n  ${(props) => (props.size === 'small' ? sizeRadio(14) : null)}\n  ${(props) => (props.size === 'medium' ? sizeRadio(16) : null)}\n  ${(props) => (props.size === 'large' ? sizeRadio(18) : null)}\n  ${(props) => (props.disabled ? disabled : null)}\n  ${(props) => (props.error ? error : null)}\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) =>\n    responsiveProperty(\n      'width',\n      props.fluid && props.width !== 'auto' && !Array.isArray(props.width) ? 'max-width' : 'width'\n    )}\n  ${(props) =>\n    props.fluid\n      ? css`\n          width: 100%;\n        `\n      : null}\n`\n\nexport const Group = styled.div.withConfig<RadioGroupProps>({\n  shouldForwardProp: (prop) => prop !== 'inline',\n})`\n  display: flex;\n  flex-direction: column;\n  line-height: normal;\n  > ${Root} {\n    margin-left: 0;\n    &:not(:first-child) {\n      margin-top: 15px;\n    }\n  }\n  ${(props) =>\n    props.inline\n      ? css`\n          flex-direction: row;\n          &&& > ${Root} {\n            margin-top: 0;\n          }\n          > ${Root} + ${Root} {\n            margin-left: 15px;\n          }\n          ${screenMaxS()`\n            flex-direction: column;\n            > &{Root} {\n              margin-top: 0;\n            }\n            > ${Root} + ${Root} {\n              margin-left: 0;\n              margin-top: 15px;\n            }\n          `}\n        `\n      : null}\n`\n"],"names":["sizeRadio","size","css","disabled","error","Root","styled","label","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","responsiveProperty","fluid","width","Array","isArray","Group","div","inline","screenMaxS"],"mappings":"oUAOA,MAAMA,UAAYA,CAACC,EAAO,KAAOC,OAAAA,IAAG,CAAA,aAAA,gBAAA,aAAA,QACrBD,EAEFA,EACCA,GAId,MAAME,SAAWD,OAAGA,IAcnB,CAAA,8IAED,MAAME,MAAQF,OAAGA,IAUhB,CAAA,gFAEM,MAAMG,KAAOC,gBAAAA,QAAOC,MAAMC,WAAuB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,WAAWC,SAASD,KAC9DF,WAAA,CAAAI,YAAA,cAAAC,YAAA,oBAFkBP,CAElB,CAAA,qSAAA,6CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAyBOQ,GACAA,EAAMV,MASH,KARAF,WAQA,CAAA,4FAOPY,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,OACpDc,GAAWA,EAAMb,OAAS,SAAWD,UAAU,IAAM,OACrDc,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,OACpDc,GAAWA,EAAMX,SAAWA,SAAW,OACvCW,GAAWA,EAAMV,MAAQA,MAAQ,OACjCU,GAAWA,EAAMC,QAAUA,QAAOA,QAACD,EAAMC,SAAW,OACpDD,GACDE,mBAAkBA,mBAChB,QACAF,EAAMG,OAASH,EAAMI,QAAU,SAAWC,MAAMC,QAAQN,EAAMI,OAAS,YAAc,WAEtFJ,GACDA,EAAMG,MACFf,OAAAA,IAAG,CAAA,gBAGH,OAGD,MAAMmB,MAAQf,gBAAAA,QAAOgB,IAAId,WAA4B,CAC1DC,kBAAoBC,GAASA,IAAS,WACtCF,WAAA,CAAAI,YAAA,eAAAC,YAAA,oBAFmBP,CAEnB,CAAA,2DAAA,wDAAA,IAIID,MAMDS,GACDA,EAAMS,OACFrB,OAAGA,IAEOG,CAAAA,4BAAAA,oBAAAA,MAAAA,sBAAAA,IAAAA,KAGJA,KAAUA,KAGZmB,OAAAA,YAAY;;;;;gBAKRnB,UAAUA;;;;aAMlB"}

package/components/Radio/style.mjs

@@ -8,3 +8,4 @@ import styled,{css}from'styled-components';import{screenMaxS}from'../../mixins/s
               margin-top: 15px;
             }
           `):null));export{Group,Root};
+//# sourceMappingURL=style.mjs.map

package/components/Radio/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Radio/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { screenMaxS } from 'mixins/screen'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport { display } from 'mixins/display'\nimport { RadioGroupProps } from './Group'\nimport { RadioProps } from './Radio'\n\nconst sizeRadio = (size = 14) => css`\n  font-size: ${size}px;\n  svg {\n    width: ${size}px;\n    height: ${size}px;\n  }\n`\n\nconst disabled = css`\n  cursor: not-allowed;\n  color: #d4d4d4;\n  svg {\n    circle:nth-child(1) {\n      stroke: #d4d4d4;\n    }\n    circle:nth-child(2) {\n      fill: #d4d4d4;\n    }\n  }\n  & > span {\n    cursor: not-allowed;\n  }\n`\n\nconst error = css`\n  svg {\n    circle {\n      fill: #ffeef0;\n      stroke: #ffa3a3;\n    }\n    circle:nth-child(2) {\n      fill: #ffa3a3;\n    }\n  }\n`\n\nexport const Root = styled.label.withConfig<RadioProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor'].includes(prop),\n})`\n  align-items: baseline;\n  user-select: none;\n  cursor: pointer;\n  width: auto;\n  svg {\n    position: relative;\n    top: 2px;\n    flex-shrink: 0;\n    circle:nth-child(2) {\n      opacity: 0;\n      transition: all 0.2s ease;\n    }\n  }\n  & + & {\n    margin-left: 15px;\n  }\n  input {\n    display: none;\n    appearance: none;\n    &:checked + svg {\n      circle:nth-child(2) {\n        opacity: 1;\n        transform: scale(1);\n      }\n      ${(props) =>\n        !props.error\n          ? css`\n              circle:not(:disabled) {\n                stroke: #48a1e6;\n              }\n              circle:not(:disabled):last-child {\n                fill: #48a1e6;\n              }\n            `\n          : null}\n    }\n  }\n  > span {\n    margin-left: 10px;\n    cursor: pointer;\n  }\n  ${(props) => (props.size === 'small' ? sizeRadio(14) : null)}\n  ${(props) => (props.size === 'medium' ? sizeRadio(16) : null)}\n  ${(props) => (props.size === 'large' ? sizeRadio(18) : null)}\n  ${(props) => (props.disabled ? disabled : null)}\n  ${(props) => (props.error ? error : null)}\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) =>\n    responsiveProperty(\n      'width',\n      props.fluid && props.width !== 'auto' && !Array.isArray(props.width) ? 'max-width' : 'width'\n    )}\n  ${(props) =>\n    props.fluid\n      ? css`\n          width: 100%;\n        `\n      : null}\n`\n\nexport const Group = styled.div.withConfig<RadioGroupProps>({\n  shouldForwardProp: (prop) => prop !== 'inline',\n})`\n  display: flex;\n  flex-direction: column;\n  line-height: normal;\n  > ${Root} {\n    margin-left: 0;\n    &:not(:first-child) {\n      margin-top: 15px;\n    }\n  }\n  ${(props) =>\n    props.inline\n      ? css`\n          flex-direction: row;\n          &&& > ${Root} {\n            margin-top: 0;\n          }\n          > ${Root} + ${Root} {\n            margin-left: 15px;\n          }\n          ${screenMaxS()`\n            flex-direction: column;\n            > &{Root} {\n              margin-top: 0;\n            }\n            > ${Root} + ${Root} {\n              margin-left: 0;\n              margin-top: 15px;\n            }\n          `}\n        `\n      : null}\n`\n"],"names":["sizeRadio","size","css","disabled","error","Root","styled","label","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","responsiveProperty","fluid","width","Array","isArray","Group","div","inline","screenMaxS"],"mappings":"8MAOA,MAAMA,UAAYA,CAACC,EAAO,KAAOC,IAAG,CAAA,aAAA,gBAAA,aAAA,QACrBD,EAEFA,EACCA,GAId,MAAME,SAAWD,IAchB,CAAA,8IAED,MAAME,MAAQF,IAUb,CAAA,gFAEM,MAAMG,KAAOC,OAAOC,MAAMC,WAAuB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,WAAWC,SAASD,KAC9DF,WAAA,CAAAI,YAAA,cAAAC,YAAA,oBAFkBP,CAElB,CAAA,qSAAA,6CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAyBOQ,GACAA,EAAMV,MASH,KARAF,IAQA,CAAA,4FAOPY,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,OACpDc,GAAWA,EAAMb,OAAS,SAAWD,UAAU,IAAM,OACrDc,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,OACpDc,GAAWA,EAAMX,SAAWA,SAAW,OACvCW,GAAWA,EAAMV,MAAQA,MAAQ,OACjCU,GAAWA,EAAMC,QAAUA,QAAQD,EAAMC,SAAW,OACpDD,GACDE,mBACE,QACAF,EAAMG,OAASH,EAAMI,QAAU,SAAWC,MAAMC,QAAQN,EAAMI,OAAS,YAAc,WAEtFJ,GACDA,EAAMG,MACFf,IAAG,CAAA,gBAGH,OAGD,MAAMmB,MAAQf,OAAOgB,IAAId,WAA4B,CAC1DC,kBAAoBC,GAASA,IAAS,WACtCF,WAAA,CAAAI,YAAA,eAAAC,YAAA,oBAFmBP,CAEnB,CAAA,2DAAA,wDAAA,IAIID,MAMDS,GACDA,EAAMS,OACFrB,IAEUG,CAAAA,4BAAAA,oBAAAA,MAAAA,sBAAAA,IAAAA,KAGJA,KAAUA,KAGZmB,YAAY;;;;;gBAKRnB,UAAUA;;;;aAMlB"}

package/components/Scrollable/Scrollable.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var rcScrollbars=require('rc-scrollbars');var styled=require('styled-components');var require$$0=require('react/jsx-runtime');const withThemeScrollable=styled.withTheme(class Scrollable extends React.PureComponent{static displayName='Scrollable';static defaultProps={autoHide:!1,autoHideTimeout:1e3,autoHideDuration:200,autoHeight:!1,withShadow:!1,shadowHeight:50,shadowOpacity:.15,shadowColor:'mineShaft',thumbColor:'mineShaft',thumbOpacity:.15,thumbBorderRadius:1,thumbWidth:4,trackColor:'#333333',trackOpacity:.15,trackBorderRadius:1,trackWidth:4,disabled:!1,isolate:!0};scrollable=null;ts=0;state={scrollTop:0,scrollHeight:0,clientHeight:0};componentDidMount(){this.scrollable&&this.scrollable.parentNode&&(this.scrollable.parentNode.addEventListener('touchstart',this.handleTouchStart,!1),this.scrollable.parentNode.addEventListener('touchmove',this.handleTouchMove,!1),this.scrollable.parentNode.addEventListener('wheel',this.handleScroll,!1),this.scrollable.parentNode.addEventListener('scroll',this.handleScroll,!1))}componentWillUnmount(){this.scrollable&&this.scrollable.parentNode&&(this.scrollable.parentNode.removeEventListener('touchstart',this.handleTouchStart),this.scrollable.parentNode.removeEventListener('touchmove',this.handleTouchMove),this.scrollable.parentNode.removeEventListener('wheel',this.handleScroll),this.scrollable.parentNode.removeEventListener('scroll',this.handleScroll))}handleTouchStart=e=>{this.ts=e.touches[0].clientY};handleTouchMove=e=>{if(!this.props.isolate||!this.scrollable)return!0;const t=this.scrollable.parentNode;if(!t)return;const r=e.changedTouches[0].clientY;const o=this.ts>r?-1:1;const l=o===1&&t.scrollTop===0;const s=o===-1&&Math.floor(t.scrollTop)===t.scrollHeight-t.clientHeight;return(l||s)&&(e.preventDefault(),this.ts=r),!0};handleScroll=e=>{if(!this.props.isolate||!this.scrollable)return!0;const t=this.scrollable.parentNode;if(!t)return;const r=(e.deltaY||e.detail)<0?1:-1;return(r===1&&t.scrollTop===0||r===-1&&t.scrollTop===t.scrollHeight-t.clientHeight)&&e.preventDefault(),!0};handleUpdate=e=>{const{scrollTop:t,scrollHeight:r,clientHeight:o}=e;this.setState({scrollTop:t,scrollHeight:r,clientHeight:o})};calculateShadowOffset(){const{scrollTop:e,scrollHeight:t,clientHeight:r}=this.state;const{shadowHeight:o=50}=this.props;const l=t-r||0;return Math.floor(o*(e*100/(l<=0?1:l))/100-o)}hexToRgb=e=>{const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null};renderTrack=({style:e,...t},r)=>{const{trackColor:o,trackOpacity:l,trackBorderRadius:s,trackWidth:a}=this.props;const i=o?this.hexToRgb(o):null;const h={background:i?`rgba(${i.r}, ${i.g}, ${i.b}, ${l})`:"rgba(255,255,255,0)",borderRadius:`${s}px`,zIndex:14,...r==='vertical'?{right:4,top:2,bottom:2,width:`${a}px`}:{bottom:4,left:2,right:2,height:`${a}px`}};return require$$0.jsx("div",{style:{...e,...h},...t})};renderThumb=({style:e,...t})=>{const{thumbColor:r,thumbOpacity:o,thumbBorderRadius:l,thumbWidth:s}=this.props;return require$$0.jsx("div",{style:{...e,opacity:o,backgroundColor:this.props.theme.colors[r]||this.props.theme.colors[r],borderRadius:`${l}px`,width:`${s}px`},...t})};render(){const{children:e,withShadow:t,shadowHeight:r,shadowColor:o,shadowOpacity:l,className:s,thumbColor:a,thumbOpacity:i,thumbBorderRadius:h,thumbWidth:c,trackColor:n,trackOpacity:d,trackBorderRadius:u,trackWidth:p,isolate:b,style:m,disabled:g,...$}=this.props;if(g)return require$$0.jsx("div",{children:e});const{scrollHeight:v,clientHeight:T}=this.state;const x=this.calculateShadowOffset();return require$$0.jsxs("div",{style:{...m,position:'relative'},className:s,children:[t&&v>T&&x!==-r&&require$$0.jsx("div",{style:{position:'absolute',display:'block',height:`${r}px`,left:0,right:0,top:`-${r}px`,opacity:l,backgroundImage:`linear-gradient(to bottom, ${this.props.theme.colors[o]} 20%, rgba(255, 255, 255, 0) 100%)`,transform:`translateY(${r+x}px)`,zIndex:10}}),t&&v>T&&x<0&&require$$0.jsx("div",{style:{position:'absolute',display:'block',height:`${r}px`,left:0,right:0,bottom:0,opacity:l,backgroundImage:`linear-gradient(to top, ${this.props.theme.colors[o]} 20%, rgba(255, 255, 255, 0) 100%)`,transform:`translateY(${r+x}px)`,zIndex:10}}),require$$0.jsx(rcScrollbars.Scrollbars,{renderTrackVertical:e=>this.renderTrack({...e},'vertical'),renderTrackHorizontal:e=>this.renderTrack({...e},'horizontal'),renderThumbHorizontal:this.renderThumb,renderThumbVertical:this.renderThumb,onUpdate:this.handleUpdate,hideTracksWhenNotNeeded:!0,...$,children:require$$0.jsx("div",{ref:e=>{this.scrollable=e},children:e})})]})}});withThemeScrollable.displayName='Scrollable',exports.Scrollable=withThemeScrollable;
+//# sourceMappingURL=Scrollable.js.map

package/components/Scrollable/Scrollable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollable.js","sources":["../../../../src/components/Scrollable/Scrollable.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { Scrollbars, ScrollbarsProps } from 'rc-scrollbars'\nimport { DefaultTheme, withTheme } from 'styled-components'\n\nexport interface ScrollableProps extends Partial<ScrollbarsProps> {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode[] | React.ReactNode\n  /**\n   * Enable auto-hide mode\n   * @see See [github docs](https://github.com/sakhnyuk/rc-scrollbars) for description\n   */\n  autoHide?: boolean\n  /**\n   * Hide delay in ms.\n   */\n  autoHideTimeout?: number\n  /**\n   * Duration for hide animation in ms.\n   */\n  autoHideDuration?: number\n  /**\n   * Enable auto-height mode.\n   */\n  autoHeight?: boolean\n  /**\n   * Set a minimum height for auto-height mode\n   */\n  autoHeightMin?: number\n  /**\n   * Set a maximum height for auto-height mode\n   */\n  autoHeightMax?: number\n  /**\n   * Event handler\n   */\n  onScroll?(): void\n  /**\n   * Runs inside the animation frame.\n   */\n  onScrollFrame?(): void\n  /**\n   * Called when scrolling starts\n   */\n  onScrollStart?(): void\n  /**\n   * Called when scrolling stops\n   */\n  onScrollStop?(): void\n  /**\n   * Height of shadow\n   */\n  shadowHeight?: number\n  /**\n   * Show shadow in scrollable component\n   */\n  withShadow?: boolean\n  /**\n   * Color of shadow from #Colors\n   */\n  shadowColor?: string\n  /**\n   * Opacity of shadow\n   */\n  shadowOpacity?: number\n  /**\n   * Color of thumb\n   */\n  thumbColor?: string\n  /**\n   * Opacity of thumb\n   */\n  thumbOpacity?: number\n  /**\n   * Border radius of thumb (px)\n   */\n  thumbBorderRadius?: number\n  /**\n  /**\n   * Border radius of thumb (px)\n   */\n  thumbWidth?: number\n  /**\n   * Color of track (HEX)\n   */\n  trackColor?: string\n  /**\n   * Opacity of track\n   */\n  trackOpacity?: number\n  /**\n   * Border radius of track (px)\n   */\n  trackBorderRadius?: number\n  /**\n  /**\n   * Border radius of track (px)\n   */\n  trackWidth?: number\n  /**\n   * Style for scrollable container\n   */\n  style?: object\n  /**\n   * Classname of scrollable container\n   */\n  className?: string\n  /**\n   * Disable scrollbar and return div\n   */\n  disabled?: boolean\n  /**\n   * Prevent body scrolling when start|end touched\n   */\n  isolate?: boolean\n\n  theme?: DefaultTheme\n}\n\ntype ScrollableState = {\n  scrollTop: number\n  scrollHeight: number\n  clientHeight: number\n}\n\n// eslint-disable-next-line no-use-before-define\nclass Scrollable extends PureComponent<typeof Scrollable.defaultProps & ScrollableProps, ScrollableState> {\n  static displayName = 'Scrollable'\n  static defaultProps = {\n    autoHide: false,\n    autoHideTimeout: 1000,\n    autoHideDuration: 200,\n    autoHeight: false,\n    withShadow: false,\n    shadowHeight: 50,\n    shadowOpacity: 0.15,\n    shadowColor: 'mineShaft',\n    thumbColor: 'mineShaft',\n    thumbOpacity: 0.15,\n    thumbBorderRadius: 1,\n    thumbWidth: 4,\n    trackColor: '#333333',\n    trackOpacity: 0.15,\n    trackBorderRadius: 1,\n    trackWidth: 4,\n    disabled: false,\n    isolate: true,\n  }\n\n  scrollable: HTMLDivElement | null = null\n  ts = 0\n\n  state = {\n    scrollTop: 0,\n    scrollHeight: 0,\n    clientHeight: 0,\n  }\n\n  componentDidMount() {\n    if (!this.scrollable || !this.scrollable.parentNode) return\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('touchstart', this.handleTouchStart, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('touchmove', this.handleTouchMove, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('wheel', this.handleScroll, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener(\n      'scroll',\n      this.handleScroll as (_e: Event) => void,\n      false\n    )\n  }\n\n  componentWillUnmount() {\n    if (!this.scrollable || !this.scrollable.parentNode) return\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('touchstart', this.handleTouchStart)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('touchmove', this.handleTouchMove)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('wheel', this.handleScroll)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener(\n      'scroll',\n      this.handleScroll as (_e: Event) => void\n    )\n  }\n\n  handleTouchStart = (e: TouchEvent) => {\n    this.ts = e.touches[0].clientY\n  }\n\n  handleTouchMove = (e: TouchEvent) => {\n    if (!this.props.isolate || !this.scrollable) return true\n\n    const scrollarea = this.scrollable.parentNode\n\n    if (!scrollarea) return\n\n    const te = e.changedTouches[0].clientY\n    const dir = this.ts > te ? -1 : 1\n\n    const upTouch = dir === 1 && (scrollarea as HTMLDivElement).scrollTop === 0\n    const endTouch =\n      dir === -1 &&\n      Math.floor((scrollarea as HTMLDivElement).scrollTop) ===\n        (scrollarea as HTMLDivElement).scrollHeight - (scrollarea as HTMLDivElement).clientHeight\n\n    if (upTouch || endTouch) {\n      e.preventDefault()\n      this.ts = te\n    }\n\n    return true\n  }\n\n  handleScroll = (e: WheelEvent) => {\n    if (!this.props.isolate || !this.scrollable) return true\n\n    const delta = e.deltaY || e.detail\n\n    const scrollarea = this.scrollable.parentNode\n\n    if (!scrollarea) return\n\n    const dir = delta < 0 ? 1 : -1\n\n    const upTouch = dir === 1 && (scrollarea as HTMLDivElement).scrollTop === 0\n    const endTouch =\n      dir === -1 &&\n      (scrollarea as HTMLDivElement).scrollTop ===\n        (scrollarea as HTMLDivElement).scrollHeight - (scrollarea as HTMLDivElement).clientHeight\n\n    if (upTouch || endTouch) {\n      e.preventDefault()\n    }\n\n    return true\n  }\n\n  handleUpdate = (values: ScrollableState) => {\n    const { scrollTop, scrollHeight, clientHeight } = values\n\n    this.setState({\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    })\n  }\n\n  calculateShadowOffset() {\n    const { scrollTop, scrollHeight, clientHeight } = this.state\n    const { shadowHeight = 50 } = this.props\n\n    const diffH = scrollHeight - clientHeight || 0\n\n    const a = (scrollTop * 100) / (diffH <= 0 ? 1 : diffH)\n    const b = (shadowHeight * a) / 100\n\n    return Math.floor(-shadowHeight + b)\n  }\n\n  hexToRgb = (hex: string) => {\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex)\n\n    return result\n      ? {\n          r: parseInt(result[1], 16),\n          g: parseInt(result[2], 16),\n          b: parseInt(result[3], 16),\n        }\n      : null\n  }\n\n  renderTrack = ({ style, ...props }: { style: React.CSSProperties }, dir: 'vertical' | 'horizontal') => {\n    const { trackColor, trackOpacity, trackBorderRadius, trackWidth } = this.props\n\n    const hex = trackColor ? this.hexToRgb(trackColor) : null\n\n    const trackStyle = {\n      background: hex ? `rgba(${hex.r}, ${hex.g}, ${hex.b}, ${trackOpacity})` : `rgba(255,255,255,0)`,\n      borderRadius: `${trackBorderRadius}px`,\n      zIndex: 14,\n      ...(dir === 'vertical'\n        ? {\n            right: 4,\n            top: 2,\n            bottom: 2,\n            width: `${trackWidth}px`,\n          }\n        : {\n            bottom: 4,\n            left: 2,\n            right: 2,\n            height: `${trackWidth}px`,\n          }),\n    }\n\n    return (\n      <div\n        style={{\n          ...style,\n          ...trackStyle,\n        }}\n        {...props}\n      />\n    )\n  }\n\n  renderThumb = ({ style, ...scrollableProps }: { style: React.CSSProperties }) => {\n    const { thumbColor, thumbOpacity, thumbBorderRadius, thumbWidth } = this.props\n\n    const thumbStyle = {\n      opacity: thumbOpacity,\n      backgroundColor:\n        (this.props.theme as DefaultTheme).colors[thumbColor] || (this.props.theme as DefaultTheme).colors[thumbColor],\n      borderRadius: `${thumbBorderRadius}px`,\n      width: `${thumbWidth}px`,\n    }\n\n    return <div style={{ ...style, ...thumbStyle }} {...scrollableProps} />\n  }\n\n  render() {\n    const {\n      children,\n      withShadow,\n      shadowHeight,\n      shadowColor,\n      shadowOpacity,\n      className,\n      thumbColor, // eslint-disable-line\n      thumbOpacity, // eslint-disable-line\n      thumbBorderRadius, // eslint-disable-line\n      thumbWidth, // eslint-disable-line\n      trackColor, // eslint-disable-line\n      trackOpacity, // eslint-disable-line\n      trackBorderRadius, // eslint-disable-line\n      trackWidth, // eslint-disable-line\n      isolate, // eslint-disable-line\n      style,\n      disabled,\n      ...props\n    } = this.props\n\n    if (disabled) return <div>{children}</div>\n\n    const { scrollHeight, clientHeight } = this.state\n\n    const shadowOffset = this.calculateShadowOffset()\n\n    return (\n      <div\n        style={{\n          ...style,\n          position: 'relative',\n        }}\n        className={className}\n      >\n        {withShadow && scrollHeight > clientHeight && shadowOffset !== -shadowHeight && (\n          <div\n            style={{\n              position: 'absolute',\n              display: 'block',\n              height: `${shadowHeight}px`,\n              left: 0,\n              right: 0,\n              top: `-${shadowHeight}px`,\n              opacity: shadowOpacity,\n              backgroundImage: `linear-gradient(to bottom, ${\n                (this.props.theme as DefaultTheme).colors[shadowColor]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        )}\n\n        {withShadow && scrollHeight > clientHeight && shadowOffset < 0 && (\n          <div\n            style={{\n              position: 'absolute',\n              display: 'block',\n              height: `${shadowHeight}px`,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              opacity: shadowOpacity,\n              backgroundImage: `linear-gradient(to top, ${\n                (this.props.theme as DefaultTheme).colors[shadowColor]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        )}\n\n        <Scrollbars\n          renderTrackVertical={(nodeProps) => this.renderTrack({ ...nodeProps }, 'vertical')}\n          renderTrackHorizontal={(nodeProps) => this.renderTrack({ ...nodeProps }, 'horizontal')}\n          renderThumbHorizontal={this.renderThumb}\n          renderThumbVertical={this.renderThumb}\n          onUpdate={this.handleUpdate}\n          hideTracksWhenNotNeeded\n          {...props}\n        >\n          <div\n            ref={(node) => {\n              this.scrollable = node\n            }}\n          >\n            {children}\n          </div>\n        </Scrollbars>\n      </div>\n    )\n  }\n}\n\n/**\n * Scrollable component for create custom scrollable content\n *\n * Based on https://github.com/sakhnyuk/rc-scrollbars\n */\nconst withThemeScrollable = withTheme(Scrollable)\n\nwithThemeScrollable.displayName = 'Scrollable'\n\nexport { withThemeScrollable as Scrollable }\n"],"names":["withThemeScrollable","withTheme","Scrollable","PureComponent","static","autoHide","autoHideTimeout","autoHideDuration","autoHeight","withShadow","shadowHeight","shadowOpacity","shadowColor","thumbColor","thumbOpacity","thumbBorderRadius","thumbWidth","trackColor","trackOpacity","trackBorderRadius","trackWidth","disabled","isolate","scrollable","ts","state","scrollTop","scrollHeight","clientHeight","componentDidMount","this","parentNode","addEventListener","handleTouchStart","handleTouchMove","handleScroll","componentWillUnmount","removeEventListener","e","touches","clientY","props","scrollarea","te","changedTouches","dir","upTouch","endTouch","Math","floor","preventDefault","deltaY","detail","handleUpdate","values","setState","calculateShadowOffset","diffH","hexToRgb","hex","result","exec","r","parseInt","g","b","renderTrack","style","trackStyle","background","borderRadius","zIndex","right","top","bottom","width","left","height","_jsx","renderThumb","scrollableProps","opacity","backgroundColor","theme","colors","render","children","className","jsx","shadowOffset","_jsxs","position","display","backgroundImage","transform","Scrollbars","renderTrackVertical","nodeProps","renderTrackHorizontal","renderThumbHorizontal","renderThumbVertical","onUpdate","hideTracksWhenNotNeeded","ref","node","displayName"],"mappings":"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"}

package/components/Scrollable/Scrollable.mjs

@@ -1 +1,2 @@
 import{PureComponent}from'react';import{Scrollbars}from'rc-scrollbars';import{withTheme}from'styled-components';import{jsx,jsxs}from'react/jsx-runtime';const withThemeScrollable=withTheme(class Scrollable extends PureComponent{static displayName='Scrollable';static defaultProps={autoHide:!1,autoHideTimeout:1e3,autoHideDuration:200,autoHeight:!1,withShadow:!1,shadowHeight:50,shadowOpacity:.15,shadowColor:'mineShaft',thumbColor:'mineShaft',thumbOpacity:.15,thumbBorderRadius:1,thumbWidth:4,trackColor:'#333333',trackOpacity:.15,trackBorderRadius:1,trackWidth:4,disabled:!1,isolate:!0};scrollable=null;ts=0;state={scrollTop:0,scrollHeight:0,clientHeight:0};componentDidMount(){this.scrollable&&this.scrollable.parentNode&&(this.scrollable.parentNode.addEventListener('touchstart',this.handleTouchStart,!1),this.scrollable.parentNode.addEventListener('touchmove',this.handleTouchMove,!1),this.scrollable.parentNode.addEventListener('wheel',this.handleScroll,!1),this.scrollable.parentNode.addEventListener('scroll',this.handleScroll,!1))}componentWillUnmount(){this.scrollable&&this.scrollable.parentNode&&(this.scrollable.parentNode.removeEventListener('touchstart',this.handleTouchStart),this.scrollable.parentNode.removeEventListener('touchmove',this.handleTouchMove),this.scrollable.parentNode.removeEventListener('wheel',this.handleScroll),this.scrollable.parentNode.removeEventListener('scroll',this.handleScroll))}handleTouchStart=t=>{this.ts=t.touches[0].clientY};handleTouchMove=t=>{if(!this.props.isolate||!this.scrollable)return!0;const e=this.scrollable.parentNode;if(!e)return;const r=t.changedTouches[0].clientY;const o=this.ts>r?-1:1;const l=o===1&&e.scrollTop===0;const s=o===-1&&Math.floor(e.scrollTop)===e.scrollHeight-e.clientHeight;return(l||s)&&(t.preventDefault(),this.ts=r),!0};handleScroll=t=>{if(!this.props.isolate||!this.scrollable)return!0;const e=this.scrollable.parentNode;if(!e)return;const r=(t.deltaY||t.detail)<0?1:-1;return(r===1&&e.scrollTop===0||r===-1&&e.scrollTop===e.scrollHeight-e.clientHeight)&&t.preventDefault(),!0};handleUpdate=t=>{const{scrollTop:e,scrollHeight:r,clientHeight:o}=t;this.setState({scrollTop:e,scrollHeight:r,clientHeight:o})};calculateShadowOffset(){const{scrollTop:t,scrollHeight:e,clientHeight:r}=this.state;const{shadowHeight:o=50}=this.props;const l=e-r||0;return Math.floor(o*(t*100/(l<=0?1:l))/100-o)}hexToRgb=t=>{const e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null};renderTrack=({style:t,...e},r)=>{const{trackColor:o,trackOpacity:l,trackBorderRadius:s,trackWidth:a}=this.props;const i=o?this.hexToRgb(o):null;const h={background:i?`rgba(${i.r}, ${i.g}, ${i.b}, ${l})`:"rgba(255,255,255,0)",borderRadius:`${s}px`,zIndex:14,...r==='vertical'?{right:4,top:2,bottom:2,width:`${a}px`}:{bottom:4,left:2,right:2,height:`${a}px`}};return jsx("div",{style:{...t,...h},...e})};renderThumb=({style:t,...e})=>{const{thumbColor:r,thumbOpacity:o,thumbBorderRadius:l,thumbWidth:s}=this.props;return jsx("div",{style:{...t,opacity:o,backgroundColor:this.props.theme.colors[r]||this.props.theme.colors[r],borderRadius:`${l}px`,width:`${s}px`},...e})};render(){const{children:t,withShadow:e,shadowHeight:r,shadowColor:o,shadowOpacity:l,className:s,thumbColor:a,thumbOpacity:i,thumbBorderRadius:h,thumbWidth:c,trackColor:n,trackOpacity:d,trackBorderRadius:p,trackWidth:u,isolate:b,style:m,disabled:g,...T}=this.props;if(g)return jsx("div",{children:t});const{scrollHeight:f,clientHeight:v}=this.state;const x=this.calculateShadowOffset();return jsxs("div",{style:{...m,position:'relative'},className:s,children:[e&&f>v&&x!==-r&&jsx("div",{style:{position:'absolute',display:'block',height:`${r}px`,left:0,right:0,top:`-${r}px`,opacity:l,backgroundImage:`linear-gradient(to bottom, ${this.props.theme.colors[o]} 20%, rgba(255, 255, 255, 0) 100%)`,transform:`translateY(${r+x}px)`,zIndex:10}}),e&&f>v&&x<0&&jsx("div",{style:{position:'absolute',display:'block',height:`${r}px`,left:0,right:0,bottom:0,opacity:l,backgroundImage:`linear-gradient(to top, ${this.props.theme.colors[o]} 20%, rgba(255, 255, 255, 0) 100%)`,transform:`translateY(${r+x}px)`,zIndex:10}}),jsx(Scrollbars,{renderTrackVertical:t=>this.renderTrack({...t},'vertical'),renderTrackHorizontal:t=>this.renderTrack({...t},'horizontal'),renderThumbHorizontal:this.renderThumb,renderThumbVertical:this.renderThumb,onUpdate:this.handleUpdate,hideTracksWhenNotNeeded:!0,...T,children:jsx("div",{ref:t=>{this.scrollable=t},children:t})})]})}});withThemeScrollable.displayName='Scrollable';export{withThemeScrollable as Scrollable};
+//# sourceMappingURL=Scrollable.mjs.map

package/components/Scrollable/Scrollable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollable.mjs","sources":["../../../../src/components/Scrollable/Scrollable.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { Scrollbars, ScrollbarsProps } from 'rc-scrollbars'\nimport { DefaultTheme, withTheme } from 'styled-components'\n\nexport interface ScrollableProps extends Partial<ScrollbarsProps> {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode[] | React.ReactNode\n  /**\n   * Enable auto-hide mode\n   * @see See [github docs](https://github.com/sakhnyuk/rc-scrollbars) for description\n   */\n  autoHide?: boolean\n  /**\n   * Hide delay in ms.\n   */\n  autoHideTimeout?: number\n  /**\n   * Duration for hide animation in ms.\n   */\n  autoHideDuration?: number\n  /**\n   * Enable auto-height mode.\n   */\n  autoHeight?: boolean\n  /**\n   * Set a minimum height for auto-height mode\n   */\n  autoHeightMin?: number\n  /**\n   * Set a maximum height for auto-height mode\n   */\n  autoHeightMax?: number\n  /**\n   * Event handler\n   */\n  onScroll?(): void\n  /**\n   * Runs inside the animation frame.\n   */\n  onScrollFrame?(): void\n  /**\n   * Called when scrolling starts\n   */\n  onScrollStart?(): void\n  /**\n   * Called when scrolling stops\n   */\n  onScrollStop?(): void\n  /**\n   * Height of shadow\n   */\n  shadowHeight?: number\n  /**\n   * Show shadow in scrollable component\n   */\n  withShadow?: boolean\n  /**\n   * Color of shadow from #Colors\n   */\n  shadowColor?: string\n  /**\n   * Opacity of shadow\n   */\n  shadowOpacity?: number\n  /**\n   * Color of thumb\n   */\n  thumbColor?: string\n  /**\n   * Opacity of thumb\n   */\n  thumbOpacity?: number\n  /**\n   * Border radius of thumb (px)\n   */\n  thumbBorderRadius?: number\n  /**\n  /**\n   * Border radius of thumb (px)\n   */\n  thumbWidth?: number\n  /**\n   * Color of track (HEX)\n   */\n  trackColor?: string\n  /**\n   * Opacity of track\n   */\n  trackOpacity?: number\n  /**\n   * Border radius of track (px)\n   */\n  trackBorderRadius?: number\n  /**\n  /**\n   * Border radius of track (px)\n   */\n  trackWidth?: number\n  /**\n   * Style for scrollable container\n   */\n  style?: object\n  /**\n   * Classname of scrollable container\n   */\n  className?: string\n  /**\n   * Disable scrollbar and return div\n   */\n  disabled?: boolean\n  /**\n   * Prevent body scrolling when start|end touched\n   */\n  isolate?: boolean\n\n  theme?: DefaultTheme\n}\n\ntype ScrollableState = {\n  scrollTop: number\n  scrollHeight: number\n  clientHeight: number\n}\n\n// eslint-disable-next-line no-use-before-define\nclass Scrollable extends PureComponent<typeof Scrollable.defaultProps & ScrollableProps, ScrollableState> {\n  static displayName = 'Scrollable'\n  static defaultProps = {\n    autoHide: false,\n    autoHideTimeout: 1000,\n    autoHideDuration: 200,\n    autoHeight: false,\n    withShadow: false,\n    shadowHeight: 50,\n    shadowOpacity: 0.15,\n    shadowColor: 'mineShaft',\n    thumbColor: 'mineShaft',\n    thumbOpacity: 0.15,\n    thumbBorderRadius: 1,\n    thumbWidth: 4,\n    trackColor: '#333333',\n    trackOpacity: 0.15,\n    trackBorderRadius: 1,\n    trackWidth: 4,\n    disabled: false,\n    isolate: true,\n  }\n\n  scrollable: HTMLDivElement | null = null\n  ts = 0\n\n  state = {\n    scrollTop: 0,\n    scrollHeight: 0,\n    clientHeight: 0,\n  }\n\n  componentDidMount() {\n    if (!this.scrollable || !this.scrollable.parentNode) return\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('touchstart', this.handleTouchStart, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('touchmove', this.handleTouchMove, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('wheel', this.handleScroll, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener(\n      'scroll',\n      this.handleScroll as (_e: Event) => void,\n      false\n    )\n  }\n\n  componentWillUnmount() {\n    if (!this.scrollable || !this.scrollable.parentNode) return\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('touchstart', this.handleTouchStart)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('touchmove', this.handleTouchMove)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('wheel', this.handleScroll)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener(\n      'scroll',\n      this.handleScroll as (_e: Event) => void\n    )\n  }\n\n  handleTouchStart = (e: TouchEvent) => {\n    this.ts = e.touches[0].clientY\n  }\n\n  handleTouchMove = (e: TouchEvent) => {\n    if (!this.props.isolate || !this.scrollable) return true\n\n    const scrollarea = this.scrollable.parentNode\n\n    if (!scrollarea) return\n\n    const te = e.changedTouches[0].clientY\n    const dir = this.ts > te ? -1 : 1\n\n    const upTouch = dir === 1 && (scrollarea as HTMLDivElement).scrollTop === 0\n    const endTouch =\n      dir === -1 &&\n      Math.floor((scrollarea as HTMLDivElement).scrollTop) ===\n        (scrollarea as HTMLDivElement).scrollHeight - (scrollarea as HTMLDivElement).clientHeight\n\n    if (upTouch || endTouch) {\n      e.preventDefault()\n      this.ts = te\n    }\n\n    return true\n  }\n\n  handleScroll = (e: WheelEvent) => {\n    if (!this.props.isolate || !this.scrollable) return true\n\n    const delta = e.deltaY || e.detail\n\n    const scrollarea = this.scrollable.parentNode\n\n    if (!scrollarea) return\n\n    const dir = delta < 0 ? 1 : -1\n\n    const upTouch = dir === 1 && (scrollarea as HTMLDivElement).scrollTop === 0\n    const endTouch =\n      dir === -1 &&\n      (scrollarea as HTMLDivElement).scrollTop ===\n        (scrollarea as HTMLDivElement).scrollHeight - (scrollarea as HTMLDivElement).clientHeight\n\n    if (upTouch || endTouch) {\n      e.preventDefault()\n    }\n\n    return true\n  }\n\n  handleUpdate = (values: ScrollableState) => {\n    const { scrollTop, scrollHeight, clientHeight } = values\n\n    this.setState({\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    })\n  }\n\n  calculateShadowOffset() {\n    const { scrollTop, scrollHeight, clientHeight } = this.state\n    const { shadowHeight = 50 } = this.props\n\n    const diffH = scrollHeight - clientHeight || 0\n\n    const a = (scrollTop * 100) / (diffH <= 0 ? 1 : diffH)\n    const b = (shadowHeight * a) / 100\n\n    return Math.floor(-shadowHeight + b)\n  }\n\n  hexToRgb = (hex: string) => {\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex)\n\n    return result\n      ? {\n          r: parseInt(result[1], 16),\n          g: parseInt(result[2], 16),\n          b: parseInt(result[3], 16),\n        }\n      : null\n  }\n\n  renderTrack = ({ style, ...props }: { style: React.CSSProperties }, dir: 'vertical' | 'horizontal') => {\n    const { trackColor, trackOpacity, trackBorderRadius, trackWidth } = this.props\n\n    const hex = trackColor ? this.hexToRgb(trackColor) : null\n\n    const trackStyle = {\n      background: hex ? `rgba(${hex.r}, ${hex.g}, ${hex.b}, ${trackOpacity})` : `rgba(255,255,255,0)`,\n      borderRadius: `${trackBorderRadius}px`,\n      zIndex: 14,\n      ...(dir === 'vertical'\n        ? {\n            right: 4,\n            top: 2,\n            bottom: 2,\n            width: `${trackWidth}px`,\n          }\n        : {\n            bottom: 4,\n            left: 2,\n            right: 2,\n            height: `${trackWidth}px`,\n          }),\n    }\n\n    return (\n      <div\n        style={{\n          ...style,\n          ...trackStyle,\n        }}\n        {...props}\n      />\n    )\n  }\n\n  renderThumb = ({ style, ...scrollableProps }: { style: React.CSSProperties }) => {\n    const { thumbColor, thumbOpacity, thumbBorderRadius, thumbWidth } = this.props\n\n    const thumbStyle = {\n      opacity: thumbOpacity,\n      backgroundColor:\n        (this.props.theme as DefaultTheme).colors[thumbColor] || (this.props.theme as DefaultTheme).colors[thumbColor],\n      borderRadius: `${thumbBorderRadius}px`,\n      width: `${thumbWidth}px`,\n    }\n\n    return <div style={{ ...style, ...thumbStyle }} {...scrollableProps} />\n  }\n\n  render() {\n    const {\n      children,\n      withShadow,\n      shadowHeight,\n      shadowColor,\n      shadowOpacity,\n      className,\n      thumbColor, // eslint-disable-line\n      thumbOpacity, // eslint-disable-line\n      thumbBorderRadius, // eslint-disable-line\n      thumbWidth, // eslint-disable-line\n      trackColor, // eslint-disable-line\n      trackOpacity, // eslint-disable-line\n      trackBorderRadius, // eslint-disable-line\n      trackWidth, // eslint-disable-line\n      isolate, // eslint-disable-line\n      style,\n      disabled,\n      ...props\n    } = this.props\n\n    if (disabled) return <div>{children}</div>\n\n    const { scrollHeight, clientHeight } = this.state\n\n    const shadowOffset = this.calculateShadowOffset()\n\n    return (\n      <div\n        style={{\n          ...style,\n          position: 'relative',\n        }}\n        className={className}\n      >\n        {withShadow && scrollHeight > clientHeight && shadowOffset !== -shadowHeight && (\n          <div\n            style={{\n              position: 'absolute',\n              display: 'block',\n              height: `${shadowHeight}px`,\n              left: 0,\n              right: 0,\n              top: `-${shadowHeight}px`,\n              opacity: shadowOpacity,\n              backgroundImage: `linear-gradient(to bottom, ${\n                (this.props.theme as DefaultTheme).colors[shadowColor]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        )}\n\n        {withShadow && scrollHeight > clientHeight && shadowOffset < 0 && (\n          <div\n            style={{\n              position: 'absolute',\n              display: 'block',\n              height: `${shadowHeight}px`,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              opacity: shadowOpacity,\n              backgroundImage: `linear-gradient(to top, ${\n                (this.props.theme as DefaultTheme).colors[shadowColor]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        )}\n\n        <Scrollbars\n          renderTrackVertical={(nodeProps) => this.renderTrack({ ...nodeProps }, 'vertical')}\n          renderTrackHorizontal={(nodeProps) => this.renderTrack({ ...nodeProps }, 'horizontal')}\n          renderThumbHorizontal={this.renderThumb}\n          renderThumbVertical={this.renderThumb}\n          onUpdate={this.handleUpdate}\n          hideTracksWhenNotNeeded\n          {...props}\n        >\n          <div\n            ref={(node) => {\n              this.scrollable = node\n            }}\n          >\n            {children}\n          </div>\n        </Scrollbars>\n      </div>\n    )\n  }\n}\n\n/**\n * Scrollable component for create custom scrollable content\n *\n * Based on https://github.com/sakhnyuk/rc-scrollbars\n */\nconst withThemeScrollable = withTheme(Scrollable)\n\nwithThemeScrollable.displayName = 'Scrollable'\n\nexport { withThemeScrollable as Scrollable }\n"],"names":["withThemeScrollable","withTheme","Scrollable","PureComponent","static","autoHide","autoHideTimeout","autoHideDuration","autoHeight","withShadow","shadowHeight","shadowOpacity","shadowColor","thumbColor","thumbOpacity","thumbBorderRadius","thumbWidth","trackColor","trackOpacity","trackBorderRadius","trackWidth","disabled","isolate","scrollable","ts","state","scrollTop","scrollHeight","clientHeight","componentDidMount","this","parentNode","addEventListener","handleTouchStart","handleTouchMove","handleScroll","componentWillUnmount","removeEventListener","e","touches","clientY","props","scrollarea","te","changedTouches","dir","upTouch","endTouch","Math","floor","preventDefault","deltaY","detail","handleUpdate","values","setState","calculateShadowOffset","diffH","hexToRgb","hex","result","exec","r","parseInt","g","b","renderTrack","style","trackStyle","background","borderRadius","zIndex","right","top","bottom","width","left","height","_jsx","renderThumb","scrollableProps","opacity","backgroundColor","theme","colors","render","children","className","shadowOffset","_jsxs","position","display","backgroundImage","transform","Scrollbars","renderTrackVertical","nodeProps","renderTrackHorizontal","renderThumbHorizontal","renderThumbVertical","onUpdate","hideTracksWhenNotNeeded","ref","node","displayName"],"mappings":"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"}

package/components/Section/Section.js

@@ -1 +1,2 @@
 'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');function Section(e){return require$$0.jsx(style.Root,{...e})}Section.displayName='Section',exports.Section=Section;
+//# sourceMappingURL=Section.js.map

package/components/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sources":["../../../../src/components/Section/Section.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SectionProps extends BaseProps, DisplayProperty, ColorProperty, ResponsiveNamedProperty<'padding'> {\n  /**\n   * Paper with shadow\n   */\n  shadow?: boolean\n  /**\n   * This number represents the zDepth of the paper shadow\n   */\n  zDepth?: 1 | 2 | 3 | 4 | 5\n  /**\n   * Section content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Text align\n   */\n  textAlign?: 'left' | 'right' | 'center'\n}\n\nSection.displayName = 'Section'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Section(props: SectionProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Section","props","_jsx","Styled","displayName"],"mappings":"yFAqCO,SAASA,QAAQC,GACtB,OAAOC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,GAC1B,CAXAD,QAAQI,YAAc"}