{"version":3,"file":"LoaderStyles.mjs","sources":["../../../packages/loaders/LoaderStyles.tsx"],"sourcesContent":["import styled, { keyframes } from '../utils/styled-components-wrapper.js'\nimport { LoaderColors } from './types.js'\n\nexport const rotation = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const LoaderStyle = styled.div<{\n  $size: number\n  $color: LoaderColors\n}>`\n  margin: 0;\n  padding: 0;\n  line-height: 0;\n  width: ${(props) => props.$size}px;\n  height: ${(props) => props.$size}px;\n  color: ${({ $color }) => `var(--lido-color-${$color})`};\n`\n\nexport const LoaderCircleBgStyle = styled.circle<{ $thickness: number }>`\n  fill: none;\n  stroke: currentcolor;\n  stroke-width: ${(props) => props.$thickness};\n  opacity: 0.2;\n`\n\nexport const LoaderCircleFgStyle = styled.circle<{\n  $thickness: number\n  r: number\n}>`\n  fill: none;\n  stroke: currentcolor;\n  stroke-linecap: round;\n  stroke-width: ${(props) => props.$thickness};\n  stroke-dasharray: ${(props) => {\n    const circumference = 2 * props.r * Math.PI\n    const filledPart = 0.25\n\n    return `${circumference * filledPart} ${circumference * (1 - filledPart)}`\n  }};\n  transform: rotate(0deg);\n  transform-origin: 50% 50%;\n  animation: ${rotation} 1.4s linear infinite;\n`\n"],"names":["rotation","keyframes","LoaderStyle","styled","div","props","$size","_ref","$color","LoaderCircleBgStyle","circle","$thickness","LoaderCircleFgStyle","circumference","r","Math","PI","filledPart"],"mappings":";;;AAGO,MAAMA,QAAQ,GAAGC,SAAS,CAAA;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,WAAW,GAAGC,MAAM,CAACC,GAGhC,CAAA;AACF;AACA;AACA;AACA,SAAA,EAAYC,KAAK,IAAKA,KAAK,CAACC,KAAK,CAAA;AACjC,UAAA,EAAaD,KAAK,IAAKA,KAAK,CAACC,KAAK,CAAA;AAClC,SAAA,EAAWC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAK,CAAA,iBAAA,EAAoBC,MAAM,CAAG,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AACxD,EAAC;AAEYC,MAAAA,mBAAmB,GAAGN,MAAM,CAACO,MAA8B,CAAA;AACxE;AACA;AACA,gBAAA,EAAmBL,KAAK,IAAKA,KAAK,CAACM,UAAU,CAAA;AAC7C;AACA,EAAC;AAEYC,MAAAA,mBAAmB,GAAGT,MAAM,CAACO,MAGxC,CAAA;AACF;AACA;AACA;AACA,gBAAA,EAAmBL,KAAK,IAAKA,KAAK,CAACM,UAAU,CAAA;AAC7C,oBAAA,EAAuBN,KAAK,IAAK;EAC7B,MAAMQ,aAAa,GAAG,CAAC,GAAGR,KAAK,CAACS,CAAC,GAAGC,IAAI,CAACC,EAAE,CAAA;EAC3C,MAAMC,UAAU,GAAG,IAAI,CAAA;EAEvB,OAAO,CAAA,EAAGJ,aAAa,GAAGI,UAAU,CAAA,CAAA,EAAIJ,aAAa,IAAI,CAAC,GAAGI,UAAU,CAAC,CAAE,CAAA,CAAA;AAC5E,CAAC,CAAA;AACH;AACA;AACA,aAAA,EAAejB,QAAQ,CAAA;AACvB;;;;"}