UNPKG

react-loader-spinner

Version:

react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view.

mhnpd.github.io/react-loader-spinner/

mhnpd/react-loader-spinner

85 lines (74 loc) • 64.4 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import be,{keyframes}from'styled-components';import {jsx,jsxs}from'react/jsx-runtime';import {useCallback,useMemo}from'react';import Ce from'tinycolor2';var p="#4fa94d",l={"aria-busy":true,role:"progressbar"};var d=be.div` display: ${t=>t.$visible?"flex":"none"}; `;var c="http://www.w3.org/2000/svg";var Ae=({height:t="100",width:s="100",color:i=p,ariaLabel:r="audio-loading",wrapperStyle:a={},wrapperClass:o,visible:e=true})=>jsx(d,{$visible:e,style:{...a},className:o,"data-testid":"audio-loading","aria-label":r,...l,children:jsxs("svg",{height:`${t}`,width:`${s}`,fill:i,viewBox:"0 0 55 80",xmlns:c,"data-testid":"audio-svg",children:[jsx("title",{children:"Audio Visualization"}),jsx("desc",{children:"Animated representation of audio data"}),jsxs("g",{transform:"matrix(1 0 0 -1 0 80)",children:[jsx("rect",{width:"10",height:"20",rx:"3",children:jsx("animate",{attributeName:"height",begin:"0s",dur:"4.3s",values:"20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20",calcMode:"linear",repeatCount:"indefinite"})}),jsx("rect",{x:"15",width:"10",height:"80",rx:"3",children:jsx("animate",{attributeName:"height",begin:"0s",dur:"2s",values:"80;55;33;5;75;23;73;33;12;14;60;80",calcMode:"linear",repeatCount:"indefinite"})}),jsx("rect",{x:"30",width:"10",height:"50",rx:"3",children:jsx("animate",{attributeName:"height",begin:"0s",dur:"1.4s",values:"50;34;78;23;56;23;34;76;80;54;21;50",calcMode:"linear",repeatCount:"indefinite"})}),jsx("rect",{x:"45",width:"10",height:"30",rx:"3",children:jsx("animate",{attributeName:"height",begin:"0s",dur:"2s",values:"30;45;13;80;56;72;45;76;34;23;67;30",calcMode:"linear",repeatCount:"indefinite"})})]})]})});var xe=({height:t=100,width:s=100,radius:i=5,color:r=p,ariaLabel:a="ball-triangle-loading",wrapperClass:o,wrapperStyle:e,visible:n=true})=>jsx(d,{style:{...e},$visible:n,className:o,"data-testid":"ball-triangle-loading","aria-label":a,...l,children:jsxs("svg",{height:t,width:s,stroke:r,viewBox:"0 0 57 57",xmlns:c,"data-testid":"ball-triangle-svg",children:[jsx("title",{children:"Ball Triangle"}),jsx("desc",{children:"Animated representation of three balls"}),jsx("g",{fill:"none",fillRule:"evenodd",children:jsxs("g",{transform:"translate(1 1)",strokeWidth:"2",children:[jsxs("circle",{cx:"5",cy:"50",r:i,children:[jsx("animate",{attributeName:"cy",begin:"0s",dur:"2.2s",values:"50;5;50;50",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"cx",begin:"0s",dur:"2.2s",values:"5;27;49;5",calcMode:"linear",repeatCount:"indefinite"})]}),jsxs("circle",{cx:"27",cy:"5",r:i,children:[jsx("animate",{attributeName:"cy",begin:"0s",dur:"2.2s",from:"5",to:"5",values:"5;50;50;5",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"cx",begin:"0s",dur:"2.2s",from:"27",to:"27",values:"27;49;5;27",calcMode:"linear",repeatCount:"indefinite"})]}),jsxs("circle",{cx:"49",cy:"50",r:i,children:[jsx("animate",{attributeName:"cy",begin:"0s",dur:"2.2s",values:"50;50;5;50",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"cx",from:"49",to:"49",begin:"0s",dur:"2.2s",values:"49;5;27;49",calcMode:"linear",repeatCount:"indefinite"})]})]})})]})});var ke=({height:t=80,width:s=80,color:i=p,ariaLabel:r="bars-loading",wrapperStyle:a,wrapperClass:o,visible:e=true})=>jsx(d,{$visible:e,style:{...a},className:o,"data-testid":"bars-loading","aria-label":r,...l,children:jsxs("svg",{width:s,height:t,fill:i,viewBox:"0 0 135 140",xmlns:c,"data-testid":"bars-svg",children:[jsxs("rect",{y:"10",width:"15",height:"120",rx:"6",children:[jsx("animate",{attributeName:"height",begin:"0.5s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"y",begin:"0.5s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]}),jsxs("rect",{x:"30",y:"10",width:"15",height:"120",rx:"6",children:[jsx("animate",{attributeName:"height",begin:"0.25s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"y",begin:"0.25s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]}),jsxs("rect",{x:"60",width:"15",height:"140",rx:"6",children:[jsx("animate",{attributeName:"height",begin:"0s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"y",begin:"0s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]}),jsxs("rect",{x:"90",y:"10",width:"15",height:"120",rx:"6",children:[jsx("animate",{attributeName:"height",begin:"0.25s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"y",begin:"0.25s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]}),jsxs("rect",{x:"120",y:"10",width:"15",height:"120",rx:"6",children:[jsx("animate",{attributeName:"height",begin:"0.5s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"y",begin:"0.5s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]})]})});var ge=({colors:t,gradientType:s="linear",gradientAngle:i=0})=>{let r=!!t&&t.length>1,a=useMemo(()=>r?`rls-grad-${Math.random().toString(36).slice(2,8)}`:void 0,[r]),o=useMemo(()=>!r||!a||!t?null:s==="radial"?jsx("radialGradient",{id:a,cx:"50%",cy:"50%",r:"50%",children:t.map((n,g)=>jsx("stop",{offset:`${g/(t.length-1)*100}%`,stopColor:n},n+g))}):jsx("linearGradient",{id:a,x1:"0%",y1:"0%",x2:"100%",y2:"0%",gradientTransform:`rotate(${i})`,children:t.map((n,g)=>jsx("stop",{offset:`${g/(t.length-1)*100}%`,stopColor:n},n+g))}),[t,i,a,s,r]),e=a?`url(#${a})`:void 0;return {isGradient:r,gradientId:a,defs:o,url:e}};var Ne=({height:t=80,width:s=80,color:i=p,colors:r,gradientType:a,gradientAngle:o,ariaLabel:e="circles-loading",wrapperStyle:n,wrapperClass:g,visible:u=true})=>{let{defs:w,url:L}=ge({colors:r,gradientType:a,gradientAngle:o});return jsx(d,{style:n,$visible:u,className:g,"aria-label":e,"data-testid":"circles-loading",...l,children:jsxs("svg",{width:s,height:t,viewBox:"0 0 135 135",xmlns:c,fill:L||i,"data-testid":"circles-svg",children:[w&&jsx("defs",{children:w}),jsx("title",{children:"circles-loading"}),jsx("desc",{children:"Animated representation of circles"}),jsx("path",{d:"M67.447 58c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm9.448 9.447c0 5.523 4.477 10 10 10 5.522 0 10-4.477 10-10s-4.478-10-10-10c-5.523 0-10 4.477-10 10zm-9.448 9.448c-5.523 0-10 4.477-10 10 0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10zM58 67.447c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10z",children:jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 67 67",to:"-360 67 67",dur:"2.5s",repeatCount:"indefinite"})}),jsx("path",{d:"M28.19 40.31c6.627 0 12-5.374 12-12 0-6.628-5.373-12-12-12-6.628 0-12 5.372-12 12 0 6.626 5.372 12 12 12zm30.72-19.825c4.686 4.687 12.284 4.687 16.97 0 4.686-4.686 4.686-12.284 0-16.97-4.686-4.687-12.284-4.687-16.97 0-4.687 4.686-4.687 12.284 0 16.97zm35.74 7.705c0 6.627 5.37 12 12 12 6.626 0 12-5.373 12-12 0-6.628-5.374-12-12-12-6.63 0-12 5.372-12 12zm19.822 30.72c-4.686 4.686-4.686 12.284 0 16.97 4.687 4.686 12.285 4.686 16.97 0 4.687-4.686 4.687-12.284 0-16.97-4.685-4.687-12.283-4.687-16.97 0zm-7.704 35.74c-6.627 0-12 5.37-12 12 0 6.626 5.373 12 12 12s12-5.374 12-12c0-6.63-5.373-12-12-12zm-30.72 19.822c-4.686-4.686-12.284-4.686-16.97 0-4.686 4.687-4.686 12.285 0 16.97 4.686 4.687 12.284 4.687 16.97 0 4.687-4.685 4.687-12.283 0-16.97zm-35.74-7.704c0-6.627-5.372-12-12-12-6.626 0-12 5.373-12 12s5.374 12 12 12c6.628 0 12-5.373 12-12zm-19.823-30.72c4.687-4.686 4.687-12.284 0-16.97-4.686-4.686-12.284-4.686-16.97 0-4.687 4.686-4.687 12.284 0 16.97 4.686 4.687 12.284 4.687 16.97 0z",children:jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 67 67",to:"360 67 67",dur:"8s",repeatCount:"indefinite"})})]})})};var Me=({wrapperStyle:t={},visible:s=true,wrapperClass:i="",height:r=100,width:a=100,color:o=p,outerCircleColor:e,innerCircleColor:n,barColor:g,ariaLabel:u="circles-with-bar-loading"})=>jsx(d,{style:t,$visible:s,className:i,"aria-label":u,...l,"data-testid":"circles-with-bar-wrapper",children:jsxs("svg",{version:"1.1",id:"L1",xmlns:c,x:"0px",y:"0px",height:`${r}`,width:`${a}`,viewBox:"0 0 100 100",enableBackground:"new 0 0 100 100",xmlSpace:"preserve","data-testid":"circles-with-bar-svg",children:[jsx("title",{children:"circles-with-bar-loading"}),jsx("desc",{children:"Animated representation of circles with bar"}),jsx("circle",{fill:"none",stroke:`${e||o}`,strokeWidth:"6",strokeMiterlimit:"15",strokeDasharray:"14.2472,14.2472",cx:"50",cy:"50",r:"47",children:jsx("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"5s",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})}),jsx("circle",{fill:"none",stroke:`${n||o}`,strokeWidth:"1",strokeMiterlimit:"10",strokeDasharray:"10,10",cx:"50",cy:"50",r:"39",children:jsx("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"5s",from:"0 50 50",to:"-360 50 50",repeatCount:"indefinite"})}),jsxs("g",{fill:`${g||o}`,"data-testid":"circles-with-bar-svg-bar",children:[jsx("rect",{x:"30",y:"35",width:"5",height:"30",children:jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.1"})}),jsx("rect",{x:"40",y:"35",width:"5",height:"30",children:jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.2"})}),jsx("rect",{x:"50",y:"35",width:"5",height:"30",children:jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.3"})}),jsx("rect",{x:"60",y:"35",width:"5",height:"30",children:jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.4"})}),jsx("rect",{x:"70",y:"35",width:"5",height:"30",children:jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.5"})})]})]})});var Pe=({height:t=80,width:s=80,radius:i=12.5,color:r=p,ariaLabel:a="grid-loading",wrapperStyle:o,wrapperClass:e,visible:n=true})=>jsx(d,{style:o,$visible:n,className:e,"data-testid":"grid-loading","aria-label":a,...l,children:jsxs("svg",{width:s,height:t,viewBox:"0 0 105 105",fill:r,"data-testid":"grid-svg",children:[jsx("circle",{cx:"12.5",cy:"12.5",r:`${i}`,children:jsx("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})}),jsx("circle",{cx:"12.5",cy:"52.5",r:`${i}`,children:jsx("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})}),jsx("circle",{cx:"52.5",cy:"12.5",r:`${i}`,children:jsx("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})}),jsx("circle",{cx:"52.5",cy:"52.5",r:`${i}`,children:jsx("animate",{attributeName:"fill-opacity",begin:"600ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})}),jsx("circle",{cx:"92.5",cy:"12.5",r:`${i}`,children:jsx("animate",{attributeName:"fill-opacity",begin:"800ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})}),jsx("circle",{cx:"92.5",cy:"52.5",r:`${i}`,children:jsx("animate",{attributeName:"fill-opacity",begin:"400ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})}),jsx("circle",{cx:"12.5",cy:"92.5",r:`${i}`,children:jsx("animate",{attributeName:"fill-opacity",begin:"700ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})}),jsx("circle",{cx:"52.5",cy:"92.5",r:`${i}`,children:jsx("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})}),jsx("circle",{cx:"92.5",cy:"92.5",r:`${i}`,children:jsx("animate",{attributeName:"fill-opacity",begin:"200ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})})]})});var Le=({height:t=80,width:s=80,color:i=p,ariaLabel:r="hearts-loading",wrapperStyle:a,wrapperClass:o,visible:e=true})=>jsx(d,{style:a,$visible:e,className:o,"data-testid":"hearts-loading","aria-label":r,...l,children:jsxs("svg",{width:s,height:t,viewBox:"0 0 140 64",xmlns:"http://www.w3.org/2000/svg",fill:i,"data-testid":"hearts-svg",children:[jsx("path",{d:"M30.262 57.02L7.195 40.723c-5.84-3.976-7.56-12.06-3.842-18.063 3.715-6 11.467-7.65 17.306-3.68l4.52 3.76 2.6-5.274c3.717-6.002 11.47-7.65 17.305-3.68 5.84 3.97 7.56 12.054 3.842 18.062L34.49 56.118c-.897 1.512-2.793 1.915-4.228.9z",attributeName:"fill-opacity",from:"0",to:".5",children:jsx("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1.4s",values:"0.5;1;0.5",calcMode:"linear",repeatCount:"indefinite"})}),jsx("path",{d:"M105.512 56.12l-14.44-24.272c-3.716-6.008-1.996-14.093 3.843-18.062 5.835-3.97 13.588-2.322 17.306 3.68l2.6 5.274 4.52-3.76c5.84-3.97 13.592-2.32 17.307 3.68 3.718 6.003 1.998 14.088-3.842 18.064L109.74 57.02c-1.434 1.014-3.33.61-4.228-.9z",attributeName:"fill-opacity",from:"0",to:".5",children:jsx("animate",{attributeName:"fill-opacity",begin:"0.7s",dur:"1.4s",values:"0.5;1;0.5",calcMode:"linear",repeatCount:"indefinite"})}),jsx("path",{d:"M67.408 57.834l-23.01-24.98c-5.864-6.15-5.864-16.108 0-22.248 5.86-6.14 15.37-6.14 21.234 0L70 16.168l4.368-5.562c5.863-6.14 15.375-6.14 21.235 0 5.863 6.14 5.863 16.098 0 22.247l-23.007 24.98c-1.43 1.556-3.757 1.556-5.188 0z"})]})});var T=242.776657104492,Fe=1.6,We=keyframes` 12.5% { stroke-dasharray: ${T*.14}px, ${T}px; stroke-dashoffset: -${T*.11}px; } 43.75% { stroke-dasharray: ${T*.35}px, ${T}px; stroke-dashoffset: -${T*.35}px; } 100% { stroke-dasharray: ${T*.01}px, ${T}px; stroke-dashoffset: -${T*.99}px; } `,Ie=be.path` stroke-dasharray: ${T*.01}px, ${T}; stroke-dashoffset: 0; animation: ${We} ${Fe}s linear infinite; `,Be=({color:t=p,width:s="200"})=>jsxs("svg",{xmlns:c,width:`${s}`,height:`${Number(s)*.5}`,viewBox:`0 0 ${s} ${Number(200*.5)}`,"data-testid":"infinity-spin",children:[jsx("defs",{children:jsxs("linearGradient",{id:"gradientColor",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[jsx("stop",{offset:"0%",stopColor:"#4fa94d"}),jsx("stop",{offset:"100%",stopColor:"#00BFFF"})]})}),jsx(Ie,{"data-testid":"infinity-spin-path-1",stroke:t,fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",d:"M93.9,46.4c9.3,9.5,13.8,17.9,23.5,17.9s17.5-7.8,17.5-17.5s-7.8-17.6-17.5-17.5c-9.7,0.1-13.3,7.2-22.1,17.1 c-8.9,8.8-15.7,17.9-25.4,17.9s-17.5-7.8-17.5-17.5s7.8-17.5,17.5-17.5S86.2,38.6,93.9,46.4z"}),jsx("path",{"data-testid":"infinity-spin-path-2",opacity:"0.07",fill:"none",stroke:t,strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",d:"M93.9,46.4c9.3,9.5,13.8,17.9,23.5,17.9s17.5-7.8,17.5-17.5s-7.8-17.6-17.5-17.5c-9.7,0.1-13.3,7.2-22.1,17.1 c-8.9,8.8-15.7,17.9-25.4,17.9s-17.5-7.8-17.5-17.5s7.8-17.5,17.5-17.5S86.2,38.6,93.9,46.4z"})]});var Ue=({wrapperStyle:t={},visible:s=true,wrapperClass:i="",height:r=100,width:a=100,color:o=p,ariaLabel:e="line-wave-loading",firstLineColor:n,middleLineColor:g,lastLineColor:u})=>jsx(d,{style:t,$visible:s,className:i,"data-testid":"line-wave-wrapper","aria-label":e,...l,children:jsxs("svg",{version:"1.1",height:`${r}`,width:`${a}`,xmlns:c,x:"0px",y:"0px",viewBox:"0 0 100 100",enableBackground:"new 0 0 0 0",xmlSpace:"preserve","data-testid":"line-wave-svg",children:[jsx("rect",{x:"20",y:"50",width:"4",height:"10",fill:n||o,children:jsx("animateTransform",{attributeType:"xml",attributeName:"transform",type:"translate",values:"0 0; 0 20; 0 0",begin:"0",dur:"0.6s",repeatCount:"indefinite"})}),jsx("rect",{x:"30",y:"50",width:"4",height:"10",fill:g||o,children:jsx("animateTransform",{attributeType:"xml",attributeName:"transform",type:"translate",values:"0 0; 0 20; 0 0",begin:"0.2s",dur:"0.6s",repeatCount:"indefinite"})}),jsx("rect",{x:"40",y:"50",width:"4",height:"10",fill:u||o,children:jsx("animateTransform",{attributeType:"xml",attributeName:"transform",type:"translate",values:"0 0; 0 20; 0 0",begin:"0.4s",dur:"0.6s",repeatCount:"indefinite"})})]})});var Ge=({height:t=90,width:s=80,radius:i=12.5,color:r=p,secondaryColor:a=p,ariaLabel:o="mutating-dots-loading",wrapperStyle:e,wrapperClass:n,visible:g=true})=>jsx(d,{style:e,$visible:g,className:n,"data-testid":"mutating-dots-loading","aria-label":o,...l,children:jsxs("svg",{id:"goo-loader",width:s,height:t,"data-testid":"mutating-dots-svg",children:[jsxs("filter",{id:"fancy-goo",children:[jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"6",result:"blur"}),jsx("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9",result:"goo"}),jsx("feComposite",{in:"SourceGraphic",in2:"goo",operator:"atop"})]}),jsxs("g",{filter:"url(#fancy-goo)",children:[jsx("animateTransform",{id:"mainAnim",attributeName:"transform",attributeType:"XML",type:"rotate",from:"0 50 50",to:"359 50 50",dur:"1.2s",repeatCount:"indefinite"}),jsx("circle",{cx:"50%",cy:"40",r:i,fill:r,children:jsx("animate",{id:"cAnim1",attributeType:"XML",attributeName:"cy",dur:"0.6s",begin:"0;cAnim1.end+0.2s",calcMode:"spline",values:"40;20;40",keyTimes:"0;0.3;1",keySplines:"0.09, 0.45, 0.16, 1;0.09, 0.45, 0.16, 1"})}),jsx("circle",{cx:"50%",cy:"60",r:i,fill:a,children:jsx("animate",{id:"cAnim2",attributeType:"XML",attributeName:"cy",dur:"0.6s",begin:"0.4s;cAnim2.end+0.2s",calcMode:"spline",values:"60;80;60",keyTimes:"0;0.3;1",keySplines:"0.09, 0.45, 0.16, 1;0.09, 0.45, 0.16, 1"})})]})]})});var re=20,ze=t=>["M"+t+" 0c0-9.94-8.06",t,t,t].join("-"),Ve=(t,s,i)=>{let r=Math.max(t,s),a=-i-r/2+1,o=i*2+r;return [a,a,o,o].join(" ")},Oe=({height:t=80,width:s=80,color:i=p,secondaryColor:r=p,ariaLabel:a="oval-loading",wrapperStyle:o,wrapperClass:e,visible:n=true,strokeWidth:g=2,strokeWidthSecondary:u,animationDuration:w=1})=>jsx(d,{style:o,$visible:n,className:e,"data-testid":"oval-loading","aria-label":a,...l,children:jsx("svg",{width:s,height:t,viewBox:Ve(Number(g),Number(u||g),re),xmlns:"http://www.w3.org/2000/svg",stroke:i,"data-testid":"oval-svg",children:jsx("g",{fill:"none",fillRule:"evenodd",children:jsxs("g",{transform:"translate(1 1)",strokeWidth:Number(u||g),"data-testid":"oval-secondary-group",children:[jsx("circle",{strokeOpacity:".5",cx:"0",cy:"0",r:re,stroke:r,strokeWidth:g}),jsx("path",{d:ze(re),children:jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 0 0",to:"360 0 0",dur:`${w}s`,repeatCount:"indefinite"})})]})})})});var Ye=({height:t=80,width:s=80,radius:i=1,color:r=p,ariaLabel:a="puff-loading",wrapperStyle:o,wrapperClass:e,visible:n=true})=>jsx(d,{style:o,$visible:n,className:e,"data-testid":"puff-loading","aria-label":a,...l,children:jsx("svg",{width:s,height:t,viewBox:"0 0 44 44",xmlns:c,stroke:r,"data-testid":"puff-svg",children:jsxs("g",{fill:"none",fillRule:"evenodd",strokeWidth:"2",children:[jsxs("circle",{cx:"22",cy:"22",r:i,children:[jsx("animate",{attributeName:"r",begin:"0s",dur:"1.8s",values:"1; 20",calcMode:"spline",keyTimes:"0; 1",keySplines:"0.165, 0.84, 0.44, 1",repeatCount:"indefinite"}),jsx("animate",{attributeName:"strokeOpacity",begin:"0s",dur:"1.8s",values:"1; 0",calcMode:"spline",keyTimes:"0; 1",keySplines:"0.3, 0.61, 0.355, 1",repeatCount:"indefinite"})]}),jsxs("circle",{cx:"22",cy:"22",r:i,children:[jsx("animate",{attributeName:"r",begin:"-0.9s",dur:"1.8s",values:"1; 20",calcMode:"spline",keyTimes:"0; 1",keySplines:"0.165, 0.84, 0.44, 1",repeatCount:"indefinite"}),jsx("animate",{attributeName:"strokeOpacity",begin:"-0.9s",dur:"1.8s",values:"1; 0",calcMode:"spline",keyTimes:"0; 1",keySplines:"0.3, 0.61, 0.355, 1",repeatCount:"indefinite"})]})]})})});var Xe=({radius:t=45,strokeWidth:s=5,color:i=p,secondaryColor:r,ariaLabel:a="revolving-dot-loading",wrapperStyle:o,wrapperClass:e,visible:n=true})=>jsx(d,{style:o,$visible:n,className:e,"aria-label":a,"data-testid":"revolving-dot-loading",...l,children:jsxs("svg",{version:"1.1",width:`calc(${t} * 2.5)`,height:`calc(${t} * 2.5)`,xmlns:c,x:"0px",y:"0px","data-testid":"revolving-dot-svg",children:[jsx("circle",{fill:"none",stroke:r||i,strokeWidth:s,cx:`calc(${t} * 1.28)`,cy:`calc(${t} * 1.28)`,r:t,style:{opacity:.5}}),jsx("circle",{fill:i,stroke:i,strokeWidth:"3",cx:`calc(${t} * 1.28)`,cy:`calc(${t} / 3.5)`,r:`calc(${t} / 5)`,style:{transformOrigin:"50% 50%"},children:jsx("animateTransform",{attributeName:"transform",dur:"2s",type:"rotate",from:"0",to:"360",repeatCount:"indefinite"})})]})});var Ze=({height:t=80,width:s=80,radius:i=6,color:r=p,ariaLabel:a="rings-loading",wrapperStyle:o,wrapperClass:e,visible:n=true})=>jsx(d,{style:o,$visible:n,className:e,"data-testid":"rings-loading","aria-label":a,...l,children:jsx("svg",{width:s,height:t,viewBox:"0 0 45 45",xmlns:c,stroke:r,"data-testid":"rings-svg",children:jsxs("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[jsxs("circle",{cx:"22",cy:"22",r:i,strokeOpacity:"0",children:[jsx("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),jsxs("circle",{cx:"22",cy:"22",r:i,strokeOpacity:"0",children:[jsx("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"strokeOpacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"strokeWidth",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),jsx("circle",{cx:"22",cy:"22",r:Number(i)+2,children:jsx("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})});var Je=({wrapperClass:t="",color:s=p,height:i=100,width:r=100,strokeWidth:a=4,ariaLabel:o="rotating-square-loading",wrapperStyle:e={},visible:n=true})=>jsx(d,{style:e,$visible:n,className:t,"data-testid":"rotating-square-wrapper","aria-label":o,...l,children:jsxs("svg",{version:"1.1",xmlns:c,x:"0px",y:"0px",viewBox:"0 0 100 100",enableBackground:"new 0 0 100 100",height:`${i}`,width:`${r}`,"data-testid":"rotating-square-svg",xmlSpace:"preserve",children:[jsx("rect",{fill:"none",stroke:s,strokeWidth:a,x:"25",y:"25",width:"50",height:"50",children:jsx("animateTransform",{attributeName:"transform",dur:"0.5s",from:"0 50 50",to:"180 50 50",type:"rotate",id:"strokeBox",attributeType:"XML",begin:"rectBox.end"})}),jsx("rect",{x:"27",y:"27",fill:s,width:"46",height:"50",children:jsx("animate",{attributeName:"height",dur:"1.3s",attributeType:"XML",from:"50",to:"0",id:"rectBox",fill:"freeze",begin:"0s;strokeBox.end"})})]})});var et=[0,30,60,90,120,150,180,210,240,270,300,330],tt=keyframes` to { transform: rotate(360deg); } `,it=be.svg` animation: ${tt} ${t=>String(t.$animationDuration).endsWith("s")?String(t.$animationDuration):`${t.$animationDuration}s`} steps(12, end) infinite; `,rt=be.polyline` stroke-width: ${t=>`${t.$strokeWidth}px`}; stroke-linecap: round; &:nth-child(12n + 0) { stroke-opacity: 0.08; } &:nth-child(12n + 1) { stroke-opacity: 0.17; } &:nth-child(12n + 2) { stroke-opacity: 0.25; } &:nth-child(12n + 3) { stroke-opacity: 0.33; } &:nth-child(12n + 4) { stroke-opacity: 0.42; } &:nth-child(12n + 5) { stroke-opacity: 0.5; } &:nth-child(12n + 6) { stroke-opacity: 0.58; } &:nth-child(12n + 7) { stroke-opacity: 0.66; } &:nth-child(12n + 8) { stroke-opacity: 0.75; } &:nth-child(12n + 9) { stroke-opacity: 0.83; } &:nth-child(12n + 11) { stroke-opacity: 0.92; } `,at=({height:t=96,width:s=96,color:i=p,strokeWidth:r=5,animationDuration:a=.75,strokeColor:o,visible:e=true,ariaLabel:n="rotating-lines-loading",wrapperStyle:g,wrapperClass:u})=>{let w=useCallback(()=>et.map(L=>jsx(rt,{points:"24,12 24,4",$strokeWidth:r,transform:`rotate(${L}, 24, 24)`},L)),[r]);return e?jsx(d,{style:g,$visible:e,className:u,"aria-label":n,"data-testid":"rotating-lines-loading",...l,children:jsx(it,{xmlns:c,viewBox:"0 0 48 48",width:s,height:t,stroke:o!=null?o:i,$animationDuration:a,speed:String(a),"aria-label":n,"data-testid":"rotating-lines-svg",...l,children:w()})}):null};var nt=({height:t=80,width:s=80,strokeWidth:i=2,radius:r=1,color:a=p,ariaLabel:o="tail-spin-loading",wrapperStyle:e,wrapperClass:n,visible:g=true})=>{let u=parseInt(String(i)),w=u+36,L=u/2,ce=L+parseInt(String(r))-1;return jsx(d,{style:e,$visible:g,className:n,"data-testid":"tail-spin-loading","aria-label":o,...l,children:jsxs("svg",{width:s,height:t,viewBox:`0 0 ${w} ${w}`,xmlns:c,"data-testid":"tail-spin-svg",children:[jsx("defs",{children:jsxs("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a",children:[jsx("stop",{stopColor:a,stopOpacity:"0",offset:"0%"}),jsx("stop",{stopColor:a,stopOpacity:".631",offset:"63.146%"}),jsx("stop",{stopColor:a,offset:"100%"})]})}),jsx("g",{fill:"none",fillRule:"evenodd",children:jsxs("g",{transform:`translate(${L} ${L})`,children:[jsx("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:a,strokeWidth:i,children:jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})}),jsx("circle",{fill:"#fff",cx:"36",cy:"18",r:ce,children:jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})})]})})]})})};var st=({wrapperStyle:t={},visible:s=true,wrapperClass:i="",height:r=100,width:a=100,color:o=p,ariaLabel:e="three-circles-loading",outerCircleColor:n,innerCircleColor:g,middleCircleColor:u})=>jsx(d,{style:t,$visible:s,className:i,"data-testid":"three-circles-wrapper","aria-label":e,...l,children:jsxs("svg",{version:"1.1",height:`${r}`,width:`${a}`,xmlns:c,viewBox:"0 0 100 100",enableBackground:"new 0 0 100 100",xmlSpace:"preserve","data-testid":"three-circles-svg",children:[jsx("path",{fill:n||o,d:`M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3 c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z`,children:jsx("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"2s",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})}),jsx("path",{fill:u||o,d:`M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7 c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z`,children:jsx("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"1s",from:"0 50 50",to:"-360 50 50",repeatCount:"indefinite"})}),jsx("path",{fill:g||o,d:`M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5 L82,35.7z`,children:jsx("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"2s",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})})]})});var lt=({height:t=80,width:s=80,radius:i=9,color:r=p,ariaLabel:a="three-dots-loading",wrapperStyle:o,wrapperClass:e,visible:n=true})=>jsx(d,{style:o,$visible:n,className:e,"data-testid":"three-dots-loading","aria-label":a,...l,children:jsxs("svg",{width:s,height:t,viewBox:"0 0 120 30",xmlns:c,fill:r,"data-testid":"three-dots-svg",children:[jsxs("circle",{cx:"15",cy:"15",r:Number(i)+6,children:[jsx("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"fill-opacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})]}),jsxs("circle",{cx:"60",cy:"15",r:i,attributeName:"fill-opacity",from:"1",to:"0.3",children:[jsx("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"fill-opacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;.5",calcMode:"linear",repeatCount:"indefinite"})]}),jsxs("circle",{cx:"105",cy:"15",r:Number(i)+6,children:[jsx("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),jsx("animate",{attributeName:"fill-opacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})]})]})});var ct="-3 -4 39 39",pt="16,0 32,32 0,32",dt=keyframes` to { stroke-dashoffset: 136; } `,gt=be.polygon` stroke-dasharray: 17; animation: ${dt} 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite; `,ut=be.svg` transform-origin: 50% 65%; `,ft=({height:t=80,width:s=80,color:i=p,ariaLabel:r="triangle-loading",wrapperStyle:a,wrapperClass:o,visible:e=true})=>jsx(d,{style:a,$visible:e,className:`${o}`,"data-testid":"triangle-loading","aria-label":r,...l,children:jsx(ut,{id:"triangle",width:s,height:t,xmlns:c,viewBox:ct,"data-testid":"triangle-svg",children:jsx(gt,{fill:"transparent",stroke:i,strokeWidth:"1",points:pt})})});var bt=({height:t=80,width:s=80,radius:i=48,color:r=p,ariaLabel:a="watch-loading",wrapperStyle:o,wrapperClass:e,visible:n=true})=>jsx(d,{style:o,$visible:n,className:e,"data-testid":"watch-loading","aria-label":a,...l,children:jsxs("svg",{width:s,height:t,version:"1.1",id:"L2",xmlns:c,x:"0px",y:"0px",viewBox:"0 0 100 100",enableBackground:"new 0 0 100 100",xmlSpace:"preserve","data-testid":"watch-svg",children:[jsx("circle",{fill:"none",stroke:r,strokeWidth:"4",strokeMiterlimit:"10",cx:"50",cy:"50",r:i}),jsx("line",{fill:"none",strokeLinecap:"round",stroke:r,strokeWidth:"4",strokeMiterlimit:"10",x1:"50",y1:"50",x2:"85",y2:"50.5",children:jsx("animateTransform",{attributeName:"transform",dur:"2s",type:"rotate",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})}),jsx("line",{fill:"none",strokeLinecap:"round",stroke:r,strokeWidth:"4",strokeMiterlimit:"10",x1:"50",y1:"50",x2:"49.5",y2:"74",children:jsx("animateTransform",{attributeName:"transform",dur:"15s",type:"rotate",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})})]})});var yt=({color:t=p,width:s="100",visible:i=true})=>i?jsxs("svg",{xmlns:c,width:s,height:s,viewBox:"0 0 100 100","data-testid":"falling-lines",...l,children:[jsxs("rect",{y:"25",width:"10",height:"50",rx:"4",ry:"4",fill:t,"data-testid":"falling-lines-rect-1",children:[jsx("animate",{attributeName:"x",values:"10;100",dur:"1.2s",repeatCount:"indefinite"}),jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 10 70",to:"-60 100 70",dur:"1.2s",repeatCount:"indefinite"}),jsx("animate",{attributeName:"opacity",values:"0;1;0",dur:"1.2s",repeatCount:"indefinite"})]}),jsxs("rect",{y:"25",width:"10",height:"50",rx:"4",ry:"4",fill:t,opacity:0,children:[jsx("animate",{attributeName:"x",values:"10;100",dur:"1.2s",begin:"0.4s",repeatCount:"indefinite"}),jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 10 70",to:"-60 100 70",dur:"1.2s",begin:"0.4s",repeatCount:"indefinite"}),jsx("animate",{attributeName:"opacity",values:"0;1;0",dur:"1.2s",begin:"0.4s",repeatCount:"indefinite"})]}),jsxs("rect",{y:"25",width:"10",height:"50",rx:"4",ry:"4",fill:t,opacity:0,"data-testid":"falling-lines-rect-2",children:[jsx("animate",{attributeName:"x",values:"10;100",dur:"1.2s",begin:"0.8s",repeatCount:"indefinite"}),jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 10 70",to:"-60 100 70",dur:"1.2s",begin:"0.8s",repeatCount:"indefinite"}),jsx("animate",{attributeName:"opacity",values:"0;1;0",dur:"1.2s",begin:"0.8s",repeatCount:"indefinite"})]})]}):null;var vt=({visible:t=true,height:s="80",width:i="80",ariaLabel:r="vortex-loading",wrapperStyle:a,wrapperClass:o,colors:e=["#1B5299","#EF8354","#DB5461","#1B5299","#EF8354","#DB5461"]})=>t?jsx("svg",{height:s,width:i,xmlns:c,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid","data-testid":"vortex-svg","aria-label":r,style:a,className:o,...l,children:jsx("g",{transform:"translate(50,50)",children:jsx("g",{transform:"scale(0.7)",children:jsx("g",{transform:"translate(-50,-50)",children:jsxs("g",{transform:"rotate(137.831 50 50)",children:[jsx("animateTransform",{attributeName:"transform",type:"rotate",repeatCount:"indefinite",values:"360 50 50;0 50 50",keyTimes:"0;1",dur:"1",keySplines:"0.5 0.5 0.5 0.5",calcMode:"spline"}),jsx("path",{fill:e[0],d:"M30.4,9.7c-7.4,10.9-11.8,23.8-12.3,37.9c0.2,1,0.5,1.9,0.7,2.8c1.4-5.2,3.4-10.3,6.2-15.1 c2.6-4.4,5.6-8.4,9-12c0.7-0.7,1.4-1.4,2.1-2.1c7.4-7,16.4-12,26-14.6C51.5,3.6,40.2,4.9,30.4,9.7z"}),jsx("path",{fill:e[1],d:"M24.8,64.2c-2.6-4.4-4.5-9.1-5.9-13.8c-0.3-0.9-0.5-1.9-0.7-2.8c-2.4-9.9-2.2-20.2,0.4-29.8 C10.6,25.5,6,36,5.3,46.8C11,58.6,20,68.9,31.9,76.3c0.9,0.3,1.9,0.5,2.8,0.8C31,73.3,27.6,69,24.8,64.2z"}),jsx("path",{fill:e[2],d:"M49.6,78.9c-5.1,0-10.1-0.6-14.9-1.8c-1-0.2-1.9-0.5-2.8-0.8c-9.8-2.9-18.5-8.2-25.6-15.2 c2.8,10.8,9.5,20,18.5,26c13.1,0.9,26.6-1.7,38.9-8.3c0.7-0.7,1.4-1.4,2.1-2.1C60.7,78.2,55.3,78.9,49.6,78.9z"}),jsx("path",{fill:e[3],d:"M81.1,49.6c-1.4,5.2-3.4,10.3-6.2,15.1c-2.6,4.4-5.6,8.4-9,12c-0.7,0.7-1.4,1.4-2.1,2.1 c-7.4,7-16.4,12-26,14.6c10.7,3,22.1,1.7,31.8-3.1c7.4-10.9,11.8-23.8,12.3-37.9C81.6,51.5,81.4,50.6,81.1,49.6z"}),jsx("path",{fill:e[4],d:"M75.2,12.9c-13.1-0.9-26.6,1.7-38.9,8.3c-0.7,0.7-1.4,1.4-2.1,2.1c5.2-1.4,10.6-2.2,16.2-2.2 c5.1,0,10.1,0.6,14.9,1.8c1,0.2,1.9,0.5,2.8,0.8c9.8,2.9,18.5,8.2,25.6,15.2C90.9,28.1,84.2,18.9,75.2,12.9z"}),jsx("path",{fill:e[5],d:"M94.7,53.2C89,41.4,80,31.1,68.1,23.7c-0.9-0.3-1.9-0.5-2.8-0.8c3.8,3.8,7.2,8.1,10,13 c2.6,4.4,4.5,9.1,5.9,13.8c0.3,0.9,0.5,1.9,0.7,2.8c2.4,9.9,2.2,20.2-0.4,29.8C89.4,74.5,94,64,94.7,53.2z"})]})})})})}):null;var St=({visible:t=true,height:s="80",width:i="80",wrapperClass:r="",wrapperStyle:a={},ariaLabel:o="rotating-triangle-loading",colors:e=["#1B5299","#EF8354","#DB5461"]})=>t?jsx("svg",{width:i,height:s,xmlns:c,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:r,style:a,"aria-label":o,"data-testid":"rotating-triangle-svg",...l,children:jsx("g",{transform:"translate(50,42)",children:jsx("g",{transform:"scale(0.8)",children:jsxs("g",{transform:"translate(-50,-50)",children:[jsx("polygon",{points:"72.5,50 50,11 27.5,50 50,50",fill:e[0],transform:"rotate(186 50 38.5)",children:jsx("animateTransform",{attributeName:"transform",type:"rotate",calcMode:"linear",values:"0 50 38.5;360 50 38.5",keyTimes:"0;1",dur:"1s",begin:"0s",repeatCount:"indefinite"})}),jsx("polygon",{points:"5,89 50,89 27.5,50",fill:e[1],transform:"rotate(186 27.5 77.5)",children:jsx("animateTransform",{attributeName:"transform",type:"rotate",calcMode:"linear",values:"0 27.5 77.5;360 27.5 77.5",keyTimes:"0;1",dur:"1s",begin:"0s",repeatCount:"indefinite"})}),jsx("polygon",{points:"72.5,50 50,89 95,89",fill:e[2],transform:"rotate(186 72.2417 77.5)",children:jsx("animateTransform",{attributeName:"transform",type:"rotate",calcMode:"linear",values:"0 72.5 77.5;360 72 77.5",keyTimes:"0;1",dur:"1s",begin:"0s",repeatCount:"indefinite"})})]})})})}):null;var At=({visible:t=true,height:s="80",width:i="80",wrapperClass:r="",wrapperStyle:a={},ariaLabel:o="radio-loading",colors:e=[p,p,p]})=>t?jsxs("svg",{width:i,height:s,xmlns:c,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:r,style:a,"aria-label":o,"data-testid":"radio-bar-svg",...l,children:[jsx("circle",{cx:"28",cy:"75",r:"11",fill:e[0],children:jsx("animate",{attributeName:"fill-opacity",calcMode:"linear",values:"0;1;1",keyTimes:"0;0.2;1",dur:"1",begin:"0s",repeatCount:"indefinite"})}),jsx("path",{d:"M28 47A28 28 0 0 1 56 75",fill:"none",strokeWidth:"10",stroke:e[1],children:jsx("animate",{attributeName:"stroke-opacity",calcMode:"linear",values:"0;1;1",keyTimes:"0;0.2;1",dur:"1",begin:"0.1s",repeatCount:"indefinite"})}),jsx("path",{d:"M28 25A50 50 0 0 1 78 75",fill:"none",strokeWidth:"10",stroke:e[2],children:jsx("animate",{attributeName:"stroke-opacity",calcMode:"linear",values:"0;1;1",keyTimes:"0;0.2;1",dur:"1",begin:"0.2s",repeatCount:"indefinite"})})]}):null;var kt=({visible:t=true,height:s="80",width:i="80",wrapperClass:r="",wrapperStyle:a={},ariaLabel:o="progress-bar-loading",borderColor:e="#F4442E",barColor:n="#51E5FF"})=>t?jsxs("svg",{width:i,height:s,xmlns:c,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:r,style:a,"aria-label":o,"data-testid":"progress-bar-svg",...l,children:[jsx("defs",{children:jsx("clipPath",{x:"0",y:"0",width:"100",height:"100",id:"lds-progress-cpid-5009611b8a418",children:jsxs("rect",{x:"0",y:"0",width:"66.6667",height:"100",children:[jsx("animate",{attributeName:"width",calcMode:"linear",values:"0;100;100",keyTimes:"0;0.5;1",dur:"1",begin:"0s",repeatCount:"indefinite"}),jsx("animate",{attributeName:"x",calcMode:"linear",values:"0;0;100",keyTimes:"0;0.5;1",dur:"1",begin:"0s",repeatCount:"indefinite"})]})})}),jsx("path",{fill:"none",strokeWidth:"2.7928",d:"M82,63H18c-7.2,0-13-5.8-13-13v0c0-7.2,5.8-13,13-13h64c7.2,0,13,5.8,13,13v0C95,57.2,89.2,63,82,63z",stroke:e}),jsx("path",{d:"M81.3,58.7H18.7c-4.8,0-8.7-3.9-8.7-8.7v0c0-4.8,3.9-8.7,8.7-8.7h62.7c4.8,0,8.7,3.9,8.7,8.7v0C90,54.8,86.1,58.7,81.3,58.7z",fill:n,clipPath:"url(#lds-progress-cpid-5009611b8a418)"})]}):null;var Nt=({visible:t=true,height:s="80",width:i="80",wrapperClass:r="",wrapperStyle:a={},ariaLabel:o="magnifying-glass-loading",glassColor:e="#c0efff",color:n="#e15b64"})=>t?jsx("svg",{width:i,height:s,xmlns:c,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:r,style:a,"aria-label":o,"data-testid":"magnifying-glass-svg",...l,children:jsx("g",{transform:"translate(50,50)",children:jsx("g",{transform:"scale(0.82)",children:jsx("g",{transform:"translate(-50,-50)",children:jsxs("g",{transform:"translate(16.3636 -20)",children:[jsx("animateTransform",{attributeName:"transform",type:"translate",calcMode:"linear",values:"-20 -20;20 -20;0 20;-20 -20",keyTimes:"0;0.33;0.66;1",dur:"1s",begin:"0s",repeatCount:"indefinite"}),jsx("path",{d:"M44.19,26.158c-4.817,0-9.345,1.876-12.751,5.282c-3.406,3.406-5.282,7.934-5.282,12.751 c0,4.817,1.876,9.345,5.282,12.751c3.406,3.406,7.934,5.282,12.751,5.282s9.345-1.876,12.751-5.282 c3.406-3.406,5.282-7.934,5.282-12.751c0-4.817-1.876-9.345-5.282-12.751C53.536,28.033,49.007,26.158,44.19,26.158z",fill:e}),jsx("path",{d:"M78.712,72.492L67.593,61.373l-3.475-3.475c1.621-2.352,2.779-4.926,3.475-7.596c1.044-4.008,1.044-8.23,0-12.238 c-1.048-4.022-3.146-7.827-6.297-10.979C56.572,22.362,50.381,20,44.19,20C38,20,31.809,22.362,27.085,27.085 c-9.447,9.447-9.447,24.763,0,34.21C31.809,66.019,38,68.381,44.19,68.381c4.798,0,9.593-1.425,13.708-4.262l9.695,9.695 l4.899,4.899C73.351,79.571,74.476,80,75.602,80s2.251-0.429,3.11-1.288C80.429,76.994,80.429,74.209,78.712,72.492z M56.942,56.942 c-3.406,3.406-7.934,5.282-12.751,5.282s-9.345-1.876-12.751-5.282c-3.406-3.406-5.282-7.934-5.282-12.751 c0-4.817,1.876-9.345,5.282-12.751c3.406-3.406,7.934-5.282,12.751-5.282c4.817,0,9.345,1.876,12.751,5.282 c3.406,3.406,5.282,7.934,5.282,12.751C62.223,49.007,60.347,53.536,56.942,56.942z",fill:n})]})})})})}):null;var Mt=({width:t="80",height:s="80",backgroundColor:i=p,ballColors:r=["#fc636b","#6a67ce","#ffb900"],wrapperClass:a="",wrapperStyle:o={},ariaLabel:e="fidget-spinner-loader",visible:n=true})=>n?jsx("svg",{width:t,height:s,xmlns:c,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:a,style:o,"aria-label":e,"data-testid":"fidget-spinner-svg",...l,children:jsxs("g",{transform:"rotate(6 50 50)",children:[jsx("g",{transform:"translate(50 50)",children:jsx("g",{transform:"scale(0.9)",children:jsxs("g",{transform:"translate(-50 -58)",children:[jsx("path",{d:"M27.1,79.4c-1.1,0.6-2.4,1-3.7,1c-2.6,0-5.1-1.4-6.4-3.7c-2-3.5-0.8-8,2.7-10.1c1.1-0.6,2.4-1,3.7-1c2.6,0,5.1,1.4,6.4,3.7 C31.8,72.9,30.6,77.4,27.1,79.4z",fill:r[0]}),jsx("path",{d:"M72.9,79.4c1.1,0.6,2.4,1,3.7,1c2.6,0,5.1-1.4,6.4-3.7c2-3.5,0.8-8-2.7-10.1c-1.1-0.6-2.4-1-3.7-1c-2.6,0-5.1,1.4-6.4,3.7 C68.2,72.9,69.4,77.4,72.9,79.4z",fill:r[1]}),jsx("circle",{cx:"50",cy:"27",r:"7.4",fill:r[2]}),jsx("path",{d:"M86.5,57.5c-3.1-1.9-6.4-2.8-9.8-2.8c-0.5,0-0.9,0-1.4,0c-0.4,0-0.8,0-1.1,0c-2.1,0-4.2-0.4-6.2-1.2 c-0.8-3.6-2.8-6.9-5.4-9.3c0.4-2.5,1.3-4.8,2.7-6.9c2-2.9,3.2-6.5,3.2-10.4c0-10.2-8.2-18.4-18.4-18.4c-0.3,0-0.6,0-0.9,0 C39.7,9,32,16.8,31.6,26.2c-0.2,4.1,1,7.9,3.2,11c1.4,2.1,2.3,4.5,2.7,6.9c-2.6,2.5-4.6,5.7-5.4,9.3c-1.9,0.7-4,1.1-6.1,1.1 c-0.4,0-0.8,0-1.2,0c-0.5,0-0.9-0.1-1.4-0.1c-3.1,0-6.3,0.8-9.2,2.5c-9.1,5.2-12,17-6.3,25.9c3.5,5.4,9.5,8.4,15.6,8.4 c2.9,0,5.8-0.7,8.5-2.1c3.6-1.9,6.3-4.9,8-8.3c1.1-2.3,2.7-4.2,4.6-5.8c1.7,0.5,3.5,0.8,5.4,0.8c1.9,0,3.7-0.3,5.4-0.8 c1.9,1.6,3.5,3.5,4.6,5.7c1.5,3.2,4,6,7.4,8c2.9,1.7,6.1,2.5,9.2,2.5c6.6,0,13.1-3.6,16.4-10C97.3,73.1,94.4,62.5,86.5,57.5z M29.6,83.7c-1.9,1.1-4,1.6-6.1,1.6c-4.2,0-8.4-2.2-10.6-6.1c-3.4-5.9-1.4-13.4,4.5-16.8c1.9-1.1,4-1.6,6.1-1.6 c4.2,0,8.4,2.2,10.6,6.1C37.5,72.8,35.4,80.3,29.6,83.7z M50,39.3c-6.8,0-12.3-5.5-12.3-12.3S43.2,14.7,50,14.7 c6.8,0,12.3,5.5,12.3,12.3S56.8,39.3,50,39.3z M87.2,79.2c-2.3,3.9-6.4,6.1-10.6,6.1c-2.1,0-4.2-0.5-6.1-1.6 c-5.9-3.4-7.9-10.9-4.5-16.8c2.3-3.9,6.4-6.1,10.6-6.1c2.1,0,4.2,0.5,6.1,1.6C88.6,65.8,90.6,73.3,87.2,79.2z",fill:i})]})})}),jsx("animateTransform",{attributeName:"transform",type:"rotate",calcMode:"linear",values:"0 50 50;360 50 50",keyTimes:"0;1",dur:"1s",begin:"0s",repeatCount:"indefinite"})]})}):null;var Pt=({visible:t=true,width:s="80",height:i="80",wrapperClass:r="",wrapperStyle:a={},ariaLabel:o="dna-loading",dnaColorOne:e="rgba(233, 12, 89, 0.51)",dnaColorTwo:n="#46dff0"})=>{let g=Ce(e).lighten(15).setAlpha(1).toRgbString(),u=Ce(n).desaturate(60).setAlpha(.15).toRgbString();return t?jsxs("svg",{xmlns:c,width:s,height:i,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",className:r,style:a,"aria-label":o,"data-testid":"dna-svg",...l,children:[jsxs("circle",{cx:"6.451612903225806",cy:"60.6229",r:"3.41988",fill:e,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-0.5s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"0s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${e};${g};${e}`,dur:"2s",repeatCount:"indefinite",begin:"-0.5s"})]}),jsxs("circle",{cx:"6.451612903225806",cy:"39.3771",r:"2.58012",fill:n,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-1.5s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-1s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${n};${u};${n}`,dur:"2s",repeatCount:"indefinite",begin:"-0.5s"})]}),jsxs("circle",{cx:"16.129032258064512",cy:"68.1552",r:"3.17988",fill:e,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-0.7s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-0.2s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${e};${g};${e}`,dur:"2s",repeatCount:"indefinite",begin:"-0.7s"})]}),jsxs("circle",{cx:"16.129032258064512",cy:"31.8448",r:"2.82012",fill:n,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-1.7s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-1.2s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${n};${u};${n}`,dur:"2s",repeatCount:"indefinite",begin:"-0.7s"})]}),jsxs("circle",{cx:"25.806451612903224",cy:"69.3634",r:"2.93988",fill:e,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-0.9s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-0.4s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${e};${g};${e}`,dur:"2s",repeatCount:"indefinite",begin:"-0.9s"})]}),jsxs("circle",{cx:"25.806451612903224",cy:"30.6366",r:"3.06012",fill:n,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-1.9s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-1.4s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${n};${u};${n}`,dur:"2s",repeatCount:"indefinite",begin:"-0.9s"})]}),jsxs("circle",{cx:"35.48387096774193",cy:"65.3666",r:"2.69988",fill:e,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-1.1s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-0.6s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${e};${g};${e}`,dur:"2s",repeatCount:"indefinite",begin:"-1.1s"})]}),jsxs("circle",{cx:"35.48387096774193",cy:"34.6334",r:"3.30012",fill:n,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-2.1s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-1.6s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${n};${u};${n}`,dur:"2s",repeatCount:"indefinite",begin:"-1.1s"})]}),jsxs("circle",{cx:"45.16129032258064",cy:"53.8474",r:"2.45988",fill:e,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-1.3s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-0.8s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${e};${g};${e}`,dur:"2s",repeatCount:"indefinite",begin:"-1.3s"})]}),jsxs("circle",{cx:"45.16129032258064",cy:"46.1526",r:"3.54012",fill:n,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-2.3s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-1.8s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${n};${u};${n}`,dur:"2s",repeatCount:"indefinite",begin:"-1.3s"})]}),jsxs("circle",{cx:"54.838709677419345",cy:"39.3771",r:"2.58012",fill:e,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-1.5s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-1s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${e};${g};${e}`,dur:"2s",repeatCount:"indefinite",begin:"-1.5s"})]}),jsxs("circle",{cx:"54.838709677419345",cy:"60.6229",r:"3.41988",fill:n,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-2.5s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-2s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${n};${u};${n}`,dur:"2s",repeatCount:"indefinite",begin:"-1.5s"})]}),jsxs("circle",{cx:"64.51612903225805",cy:"31.8448",r:"2.82012",fill:e,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-1.7s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-1.2s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("animate",{attributeName:"fill",keyTimes:"0;0.5;1",values:`${e};${g};${e}`,dur:"2s",repeatCount:"indefinite",begin:"-1.7s"})]}),jsxs("circle",{cx:"64.51612903225805",cy:"68.1552",r:"3.17988",fill:n,children:[jsx("animate",{attributeName:"r",keyTimes:"0;0.5;1",values:"2.4000000000000004;3.5999999999999996;2.4000000000000004",dur:"2s",repeatCount:"indefinite",begin:"-2.7s"}),jsx("animate",{attributeName:"cy",keyTimes:"0;0.5;1",values:"30.5;69.5;30.5",dur:"2s",repeatCount:"indefinite",begin:"-2.2s",keySplines:"0.5 0 0.5 1;0.5 0 0.5 1",calcMode:"spline"}),jsx("