@snowball-tech/fractal/dist/Loader/Loader.js

Fractal's (Snowball's design system) React component library based on RadixUI and TailwindCSS

import{a as e}from"../constants-CW2-utNH.js";import{r as t}from"../helpers-DBEwVIlX.js";import{DURATION as n,GROUP_NAME as r}from"./Loader.constants.js";import i from"lodash/fp/omit.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({label:s,size:c=`m`,...l})=>{let u={xxs:`h-1 max-h-1 min-h-1 w-1 max-w-1 min-w-1`,xs:`h-3 max-h-3 min-h-3 w-3 max-w-3 min-w-3`,s:`h-4 max-h-4 min-h-4 w-4 max-w-4 min-w-4`,m:`h-6 max-h-6 min-h-6 w-6 max-w-6 min-w-6`,l:`h-12 max-h-12 min-h-12 w-12 max-w-12 min-w-12`,xl:`h-20 max-h-20 min-h-20 w-20 max-w-20 min-w-20`},d=Number.parseFloat(n)/4;return a(`svg`,{"aria-label":s,className:t(`${e}-${r}`,`${e}-${r}--${c}`,u[c],l.className),display:`block`,preserveAspectRatio:`xMidYMid`,style:{background:`0 0`,margin:`auto`},title:s,viewBox:`0 0 100 100`,xmlns:`http://www.w3.org/2000/svg`,...i([`className`],l),children:a(`g`,{transform:`translate(50 50)`,children:o(`g`,{children:[a(`animateTransform`,{attributeName:`transform`,calcMode:`discrete`,dur:n,keyTimes:`0;0.25;0.5;0.75;1`,repeatCount:`indefinite`,type:`rotate`,values:`0;90;180;270;360`}),a(`path`,{d:`M-40 0a40 40 0 1 0 80 0`,fill:`#ffc6e7`,children:a(`animate`,{attributeName:`fill`,calcMode:`discrete`,dur:n,keyTimes:`0;0.24;0.49;0.74;0.99`,repeatCount:`indefinite`,values:`#ffc6e7;#fff29b;#adface;#d9beff;#ffc6e7`})}),a(`path`,{d:`M-40 0a40 40 0 0 1 80 0`,fill:`#fff29b`,children:a(`animate`,{attributeName:`fill`,calcMode:`discrete`,dur:n,keyTimes:`0;0.25;0.5;0.75;1`,repeatCount:`indefinite`,values:`#fff29b;#adface;#d9beff;#ffc6e7;#fff29b`})}),a(`path`,{d:`M-39 0h78`,stroke:`#ff3eae`,strokeWidth:`2`,children:a(`animate`,{attributeName:`stroke`,dur:n,keyTimes:`0;0.124;0.125;0.25;0.374;0.375;0.5;0.624;0.625;0.75;0.874;0.875;1`,repeatCount:`indefinite`,values:`#ffc6e7;#ff3eae;#ffe220;#fff29b;#ffe220;#35f387;#adface;#35f387;#8b38ff;#d9beff;#8b38ff;#ff3eae;#ffc6e7`})}),o(`path`,{d:`M-40 0a40 40 0 0 1 80 0Z`,fill:`#ff3eae`,children:[a(`animate`,{attributeName:`fill`,dur:n,keyTimes:`0;0.124;0.125;0.25;0.374;0.375;0.5;0.624;0.625;0.75;0.874;0.875;1`,repeatCount:`indefinite`,values:`#ffc6e7;#ff3eae;#ffe220;#fff29b;#ffe220;#35f387;#adface;#35f387;#8b38ff;#d9beff;#8b38ff;#ff3eae;#ffc6e7`}),a(`animateTransform`,{attributeName:`transform`,dur:`${d}s`,keyTimes:`0;0.5;0.999;1`,repeatCount:`indefinite`,type:`scale`,values:`1 1;1 0;1 -1;1 1`})]})]})})})};s.displayName=`Loader`;export{s as Loader,s as default};
//# sourceMappingURL=Loader.js.map