react-loadly
Version:
⚛️ React Loadly - Modern React loader, spinner, and skeleton loader components. High-performance loading indicators for React apps with TypeScript support, Next.js compatibility, accessibility, and 30+ customizable animations. Perfect for dashboards, form
1 lines • 67.7 kB
JavaScript
"use strict";var e=require("react");function t(e,t){const a={...e};for(const r in t){const e=t[r];void 0!==e&&(a[r]=e)}return a}function a(e,t="40px"){return void 0===e?t:"number"==typeof e?`${e}px`:e}function r(e,t=1){return`${e/Math.max(t,.1)}ms`}function n(){if("undefined"==typeof window||!window.matchMedia)return!1;try{return window.matchMedia("(prefers-reduced-motion: reduce)").matches}catch(e){return!1}}function l(e=1,t=!0){if("undefined"!=typeof process&&"test"===process.env.NODE_ENV)return{duration:"0ms",playState:"paused",iterationCount:1};const a=t&&n();return{duration:a?"0ms":r(1e3,e),playState:a?"paused":"running",iterationCount:a?1:"infinite"}}function i(e,t,a){return Math.min(Math.max(e,t),a)}function o(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}function s(e="loader"){return`${e}-${Math.random().toString(36).substr(2,9)}`}function d(e){if(null!=e)return"number"==typeof e?`${e}px`:"string"==typeof e?e.replace(/[<>'"]/g,""):void 0}function c(...e){return e.flat().filter(e=>"string"==typeof e&&e.trim()).join(" ")}const u=({size:t=8,color:r="var(--react-loadly-color)",opacity:n=1,className:l="",style:i={},animation:o,animationDuration:s,animationDelay:d,glowIntensity:c=0,"data-testid":u,...p})=>{const m=a(t),y={width:m,height:m,borderRadius:"50%",backgroundColor:r,opacity:n,animation:o?`${o} ${s||"1s"} infinite`:void 0,animationDelay:d,display:"inline-block",boxShadow:c>0?`0 0 ${10*c}px ${r}`:void 0,...i};return e.createElement("div",{className:`react-loadly-dot ${l}`.trim(),style:y,"data-testid":u,...p})},p=({width:t=30,height:r=4,color:n="var(--react-loadly-color)",opacity:l=1,borderRadius:i=2,className:o="",style:s={},animation:c,animationDuration:u,animationDelay:p,orientation:m="horizontal","data-testid":y,...g})=>{const h=a(t),f=a(r),x={width:"vertical"===m?f:h,height:"vertical"===m?h:f,backgroundColor:n,opacity:l,borderRadius:d(i),animation:c?`${c} ${u||"1s"} infinite`:void 0,animationDelay:p,display:"inline-block",...s};return e.createElement("div",{className:`react-loadly-line react-loadly-line-${m} ${o}`.trim(),style:x,"data-testid":y,...g})},m=({width:t=20,height:r=20,color:n="var(--react-loadly-color)",borderColor:l,borderWidth:i=0,borderRadius:o=0,opacity:s=1,className:c="",style:u={},animation:p,animationDuration:m,animationDelay:y,"data-testid":g,...h})=>{const f=a(t),x=a(r),v=d(i),b={width:f,height:x,backgroundColor:l?"transparent":n,border:l?`${v} solid ${l}`:void 0,borderRadius:d(o),opacity:s,animation:p?`${p} ${m||"1s"} infinite`:void 0,animationDelay:y,display:"inline-block",...u};return e.createElement("div",{className:`react-loadly-rectangle ${c}`.trim(),style:b,"data-testid":g,...h})},y=({size:t=20,color:r="var(--react-loadly-color)",borderColor:n,borderWidth:l=0,opacity:i=1,className:o="",style:s={},animation:c,animationDuration:u,animationDelay:p,"data-testid":m,...y})=>{const g=a(t),h=d(l),f={width:g,height:g,borderRadius:"50%",backgroundColor:n?"transparent":r,border:n?`${h} solid ${n}`:void 0,opacity:i,animation:c?`${c} ${u||"1s"} infinite`:void 0,animationDelay:p,display:"inline-block",...s};return e.createElement("div",{className:`react-loadly-circle ${o}`.trim(),style:f,"data-testid":m,...y})},g=({count:t=3,dotSize:n=8,color:l="var(--react-loadly-color)",secondaryColor:i,spacing:o=8,speed:s=1,arrangement:d="linear",className:c="",style:p={},animationType:m="wave","data-testid":y,...g})=>{const h=a(o),f=r(1200,s),x=e=>{if("circular"===d){const a=e/t*2*Math.PI,r=parseInt(h);return{position:"absolute",left:"50%",top:"50%",transform:`translate(-50%, -50%) translate(${Math.cos(a)*r}px, ${Math.sin(a)*r}px)`}}return{}},v=e=>.1*e/s+"s",b={...(()=>{switch(d){case"circular":return{display:"flex",alignItems:"center",justifyContent:"center",position:"relative",width:2*(parseInt(a(n))+parseInt(h))+"px",height:2*(parseInt(a(n))+parseInt(h))+"px"};case"grid":return{display:"grid",gridTemplateColumns:`repeat(${Math.ceil(Math.sqrt(t))}, 1fr)`,gap:h};default:return{display:"flex",alignItems:"center",gap:h}}})(),...p};return e.createElement("div",{className:`react-loadly-dot-cluster react-loadly-dot-cluster-${d} ${c}`.trim(),style:b,"data-testid":y,...g},Array.from({length:t},(t,a)=>e.createElement(u,{key:a,size:n,color:i&&a%2==1?i:l,animation:`react-loadly-${m}`,animationDuration:f,animationDelay:v(a),style:x(a),"data-testid":y?`${y}-dot-${a}`:void 0})))},h=({count:t=5,lineWidth:n=4,lineHeight:l=35,color:i="var(--react-loadly-color)",secondaryColor:o,spacing:s=6,speed:d=1,arrangement:c="parallel",orientation:u="vertical",className:m="",style:y={},animationType:g="wave","data-testid":h,...f})=>{const x=a(s),v=r(1e3,d),b=e=>{if("radial"===c){return{position:"absolute",left:"50%",top:"50%",transformOrigin:"center",transform:`translate(-50%, -50%) rotate(${e/t*2*Math.PI}rad)`}}if("staggered"===c){const r=.3+.7*Math.sin(e/t*Math.PI);return{height:"vertical"===u?parseInt(a(l))*r+"px":a(l)}}return{}},$=e=>.1*e/d+"s",w={...(()=>{switch(c){case"radial":return{display:"flex",alignItems:"center",justifyContent:"center",position:"relative",width:1.5*parseInt(a(l))+"px",height:1.5*parseInt(a(l))+"px"};case"staggered":return{display:"flex",alignItems:"flex-end",justifyContent:"center",gap:x};default:return{display:"flex",alignItems:"center",justifyContent:"center",gap:x}}})(),...y};return e.createElement("div",{className:`react-loadly-line-group react-loadly-line-group-${c} ${m}`.trim(),style:w,"data-testid":h,...f},Array.from({length:t},(t,a)=>e.createElement(p,{key:a,width:"horizontal"===u?n:l,height:"horizontal"===u?l:n,color:o&&a%2==1?o:i,orientation:u,animation:`react-loadly-${g}`,animationDuration:v,animationDelay:$(a),style:b(a),"data-testid":h?`${h}-line-${a}`:void 0})))},f={size:20,color:"var(--react-loadly-color)",speed:1,loading:!0,count:5,"aria-label":"Loading..."},x={size:60,color:"var(--react-loadly-color)",speed:1,loading:!0,fluidity:1,amplitude:1,"aria-label":"Loading..."},v={size:15,color:"var(--react-loadly-color)",speed:1,loading:!0,count:3,"aria-label":"Loading..."},b={size:12,color:"var(--react-loadly-color)",speed:1,loading:!0,count:3,"aria-label":"Loading..."},$={size:60,speed:1,loading:!0,animationType:"spin",glowIntensity:.3,"aria-label":"Loading..."},w=({className:t=""})=>e.createElement("svg",{className:t,fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e.createElement("path",{clipRule:"evenodd",fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z"})),C=({className:t=""})=>e.createElement("svg",{className:t,fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e.createElement("path",{fillRule:"evenodd",d:"M9.243 3.03a1 1 0 01.727 1.213L9.53 6h2.94l.56-2.243a1 1 0 111.94.486L14.53 6H16a1 1 0 110 2h-1.97l-1 4H15a1 1 0 110 2h-2.47l-.56 2.242a1 1 0 11-1.94-.485L10.47 14H7.53l-.56 2.242a1 1 0 11-1.94-.485L5.47 14H4a1 1 0 110-2h1.97l1-4H5a1 1 0 110-2h2.47l.56-2.243a1 1 0 011.213-.727zM9.03 8l-1 4h2.94l1-4H9.03z",clipRule:"evenodd"})),E=({className:t=""})=>e.createElement("svg",{className:t,fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z",clipRule:"evenodd"})),k={size:60,color:"var(--react-loadly-color)",speed:1,loading:!0,fluidity:1,amplitude:1,"aria-label":"Loading..."},N={size:40,color:"var(--react-loadly-color)",speed:1,loading:!0,count:4,"aria-label":"Loading..."},L={size:60,color:"var(--react-loadly-color)",speed:1,loading:!0,fluidity:1,amplitude:1,"aria-label":"Loading..."},I={size:60,speed:1,loading:!0,animationType:"spin",glowIntensity:.3,"aria-label":"Loading...",alt:"Loading"},M={size:40,color:"var(--react-loadly-color)",speed:1,loading:!0,count:3,"aria-label":"Loading..."},z={size:60,color:"var(--react-loadly-color)",speed:1,loading:!0,borderWidth:4,"aria-label":"Loading..."},T={size:15,color:"var(--react-loadly-color)",speed:1,loading:!0,count:2,"aria-label":"Loading..."},D={size:40,speed:1,loading:!0,lines:1,variant:"card",shimmer:!0,color:"#e2e8f0",highlightColor:"#f1f5f9",shimmerColor:"rgba(255, 255, 255, 0.6)",borderRadius:"4px",spacing:"8px",waveWidth:"200px",waveDirection:"left-to-right","aria-label":"Loading content..."},S={size:40,color:"var(--react-loadly-color)",speed:1,loading:!0,borderWidth:4,"aria-label":"Loading..."},R={speed:1,loading:!0,charDelay:100,"aria-label":"Loading...",loop:!0},j={size:40,color:"var(--react-loadly-color)",speed:1,loading:!0,count:5,"aria-label":"Loading..."},W={loading:!0,inheritStyles:!1,shimmer:!0,color:"#e2e8f0",highlightColor:"#f1f5f9",shimmerColor:"rgba(255, 255, 255, 0.6)",waveWidthValue:"200px",waveDirection:"left-to-right","aria-label":"Loading content...",speed:1},B={size:40,color:"var(--react-loadly-color)",speed:1,loading:!0,"aria-label":"Loading...",showText:!1,loadingText:"Loading...",fullscreen:!1};let A={...B};const P={progress:null,thickness:4},H={variant:"blob",speed:1},F={dots:3,gap:8},q={rows:3,cols:5},Y={size:40,color:"var(--react-loadly-color)",speed:1,loading:!0,count:4,"aria-label":"Loading..."},O={size:50,color:"var(--react-loadly-color)",speed:1,loading:!0,count:3,"aria-label":"Loading..."},X={size:35,color:"var(--react-loadly-color)",speed:1,loading:!0,count:5,"aria-label":"Loading..."},Z={size:60,color:"var(--react-loadly-color)",speed:1,loading:!0,count:3,"aria-label":"Loading..."},V={size:50,color:"var(--react-loadly-color)",speed:1,loading:!0,"aria-label":"Loading..."},G={size:50,color:"var(--react-loadly-color)",speed:1,loading:!0,"aria-label":"Loading..."},U={size:60,color:"var(--react-loadly-color)",speed:1,loading:!0,count:6,"aria-label":"Loading..."},_=(t={})=>{const{initialLoading:a=!1,timeout:r,maxRetries:n=3,onLoadingChange:l,onError:i,onProgress:o}=t,[s,d]=e.useState({isLoading:a,progress:0,error:null,retryCount:0}),c=e.useRef(null),u=e.useRef(null);e.useEffect(()=>()=>{c.current&&clearTimeout(c.current),u.current&&clearTimeout(u.current)},[]),e.useEffect(()=>(s.isLoading&&r?c.current=setTimeout(()=>{d(e=>({...e,isLoading:!1,error:"Loading timeout exceeded"})),i?.("Loading timeout exceeded")},r):c.current&&clearTimeout(c.current),()=>{c.current&&clearTimeout(c.current)}),[s.isLoading,r,i]),e.useEffect(()=>{l?.(s.isLoading)},[s.isLoading,l]),e.useEffect(()=>{void 0!==s.progress&&o?.(s.progress)},[s.progress,o]);const p=e.useCallback(e=>{d(t=>({...t,isLoading:e,error:e?null:t.error,progress:e?0:t.progress}))},[]),m=e.useCallback(e=>{const t=Math.min(Math.max(e,0),100);d(e=>({...e,progress:t,isLoading:!(t>=100)&&e.isLoading}))},[]),y=e.useCallback(e=>{d(t=>({...t,error:e,isLoading:!1})),e&&i?.(e)},[i]),g=e.useCallback(()=>{d(e=>{const t=(e.retryCount||0)+1;return t>n?(i?.("Maximum retry attempts exceeded"),{...e,error:"Maximum retry attempts exceeded",isLoading:!1}):{...e,retryCount:t,isLoading:!0,error:null,progress:0}});const e=Math.min(1e3*Math.pow(2,s.retryCount||0),3e4);u.current=setTimeout(()=>{d(e=>({...e,isLoading:!0}))},e)},[s.retryCount,n,i]),h=e.useCallback(()=>{d({isLoading:!1,progress:0,error:null,retryCount:0}),c.current&&clearTimeout(c.current),u.current&&clearTimeout(u.current)},[]);return{state:s,setLoading:p,setProgress:m,setError:y,retry:g,reset:h}};exports.AutoSkeletonLoader=a=>{const r=t(W,a),{component:n,loading:l,inheritStyles:i,styless:o={},shimmer:s,highlightColor:d,waveWidthValue:u,waveDirection:p,color:m,"aria-label":y,className:g="",style:h={},speed:f,...x}=r,v=e=>{const{type:t,props:a}=e,r="100%",n="16px",l="6px";if("string"==typeof t)switch(t){case"h1":return{width:"100%",height:"2.2em",borderRadius:"6px"};case"h2":return{width:"100%",height:"1.8em",borderRadius:"6px"};case"h3":return{width:"100%",height:"1.6em",borderRadius:"6px"};case"p":case"span":if("string"==typeof a.children){const e=a.children.length;return{width:`${Math.min(100,Math.max(30,.5*e))}%`,height:"1em",borderRadius:"6px"}}return{width:"90%",height:"1em",borderRadius:"6px"};case"img":return{width:a.width||"100%",height:a.height||"200px",borderRadius:a.style?.borderRadius||"8px"};case"button":if("string"==typeof a.children){const e=a.children.length;return{width:`${Math.max(80,8*e)}px`,height:"40px",borderRadius:a.style?.borderRadius||"8px"}}return{width:"120px",height:"40px",borderRadius:"8px"};default:return{width:a.style?.width||r,height:a.style?.height||n,borderRadius:a.style?.borderRadius||l}}return{width:e.props?.style?.width||r,height:e.props?.style?.height||n,borderRadius:e.props?.style?.borderRadius||l}},b=(t,a)=>{const r=!t.display||"inline"!==t.display,n=s?{background:`linear-gradient(${"left-to-right"===p?"90deg":"right-to-left"===p?"270deg":"top-to-bottom"===p?"180deg":"0deg"}, ${m} 0%, ${d} 50%, ${m} 100%)`,backgroundSize:`${u} 100%`,animation:`react-loadly-shimmer ${1.5/(f||1)}s ease-in-out infinite`}:{backgroundColor:m},l={display:r?"block":"inline-block",width:t.width,height:t.height,borderRadius:t.borderRadius,margin:t.margin||"6px 0",...n,position:"relative",overflow:"hidden"};return e.createElement("div",{key:String(a),style:l,"aria-hidden":"true",className:"react-loadly-skeleton-block"})},$=(t,a=0)=>{if(null==t||"string"==typeof t||"number"==typeof t)return null;if(Array.isArray(t))return e.createElement(e.Fragment,null,t.map((e,t)=>$(e,t)));if(t.type===e.Fragment){const r=t;return e.createElement(e.Fragment,{key:a},e.Children.map(r.props.children,(e,t)=>$(e,t)))}const r=t,{type:n,props:l}=r;if("string"==typeof n){if(["div","section","article","header","footer","nav","main","ul","ol","li","figure"].includes(n)){const t=i&&l.style?{...l.style}:{};return e.createElement(n,{key:a,...l,style:t},e.Children.map(l.children,(e,t)=>$(e,t)))}let t={...v(r)};return i&&l.style&&(t={...t,...l.style}),o[n]&&(t={...t,...o[n]}),b(t,`${a}-${n}`)}if("function"==typeof n)try{const t=n(l);if(e.isValidElement(t)||Array.isArray(t))return $(t,a)}catch(d){}if(l&&l.children)return e.createElement(e.Fragment,{key:a},e.Children.map(l.children,(e,t)=>$(e,t)));const s=v(r);return b(s,`${a}-fallback`)},w=e.useMemo(()=>$(n),[n,o,i,s,d,u,p,m]);if(!l)try{return e.cloneElement(n)}catch{return e.createElement(e.Fragment,null,n)}return e.createElement("div",{className:c("react-loadly react-loadly-auto-skeleton",g),style:{...h,transition:"opacity 0.2s ease-in-out"},role:"status","aria-label":y,"aria-live":"polite","aria-busy":l,...x},w)},exports.BarsLoader=r=>{const n=t(f,r),{size:i,color:o,secondaryColor:d,speed:u,loading:p,className:m="",style:y={},count:g=5,showText:h,loadingText:x="Loading...","aria-label":v,"data-testid":b,fullscreen:$,screenWidth:w,screenHeight:C,loaderCenter:E,screenBackground:k,...N}=n,L=e.useMemo(()=>s("bars-loader"),[]),I=a(i),M=l(u);if(!p)return null;const z={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...$&&{position:"fixed",top:0,left:0,width:w||"100vw",height:C||"100vh",backgroundColor:k||"var(--react-loadly-background)",zIndex:9999,justifyContent:E?"center":y.justifyContent}},T={width:"4px",height:I,backgroundColor:o,borderRadius:"2px",animation:`react-loadly-bars ${M.duration} ease-in-out infinite`,animationPlayState:M.playState},D=Array.from({length:g}).map((t,a)=>{const r=.1*a+"s",n=.5+a%3*.25,l=d&&a%2==1?d:o;return e.createElement("div",{key:a,style:{...T,animationDelay:r,height:parseFloat(I)*n+"px",backgroundColor:l},"data-testid":b?`${b}-bar-${a}`:void 0})});return e.createElement("div",{className:c("react-loadly react-loadly-bars",m),style:z,role:"status","aria-label":v,"aria-live":"polite","aria-busy":p,"data-testid":b,...N},e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",gap:"4px"}},D),h&&e.createElement("div",{className:"react-loadly-text",id:`${L}-text`,"aria-live":"polite"},x),e.createElement("span",{className:"react-loadly-sr-only"},v))},exports.BlobLoader=n=>{const l=t(x,n),{size:i,color:o,secondaryColor:d,speed:u,loading:p,fluidity:m,amplitude:y,className:g="",style:h={},showText:f,loadingText:v="Loading...","aria-label":b,"data-testid":$,...w}=l,C=e.useMemo(()=>s("blob-loader"),[]),E=a(i),k=r(2500,u);if(!p)return null;const N={display:"inline-flex",flexDirection:"column",alignItems:"center",...h},L={width:E,height:E,background:`linear-gradient(45deg, ${o}, ${d||o})`,borderRadius:"30% 70% 70% 30% / 30% 30% 70% 70%",animation:`blob-morph ${k} ease-in-out infinite`,filter:"blur(1px)",position:"relative"},I={position:"absolute",top:"20%",left:"20%",width:"60%",height:"60%",background:`radial-gradient(circle, ${d||o}, transparent)`,borderRadius:"40% 60% 60% 40% / 40% 40% 60% 60%",animation:`blob-inner ${k} ease-in-out infinite reverse`,opacity:.7};return e.createElement(e.Fragment,null,e.createElement("style",null,`\n @keyframes blob-morph {\n 0%, 100% {\n border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\n transform: scale(1) rotate(0deg);\n }\n 25% {\n border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;\n transform: scale(${1+.1*(y??1)}) rotate(90deg);\n }\n 50% {\n border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;\n transform: scale(${1-.05*(y??1)}) rotate(180deg);\n }\n 75% {\n border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;\n transform: scale(${1+.08*(y??1)}) rotate(270deg);\n }\n }\n \n @keyframes blob-inner {\n 0%, 100% {\n border-radius: 40% 60% 60% 40% / 40% 40% 60% 60%;\n transform: scale(1) rotate(0deg);\n }\n 33% {\n border-radius: 70% 30% 50% 50% / 30% 70% 30% 70%;\n transform: scale(${1.1+.1*(m??1)}) rotate(-120deg);\n }\n 66% {\n border-radius: 30% 70% 40% 60% / 70% 30% 70% 30%;\n transform: scale(${.9+.05*(m??1)}) rotate(-240deg);\n }\n }\n `),e.createElement("div",{className:c("react-loadly react-loadly-blob",g),style:N,role:"status","aria-label":b,"aria-live":"polite","aria-busy":p,"data-testid":$,...w},e.createElement("div",{style:L,"data-testid":$?`${$}-blob`:void 0},e.createElement("div",{style:I})),f&&e.createElement("div",{className:"react-loadly-text",id:`${C}-text`,"aria-live":"polite"},v),e.createElement("span",{className:"react-loadly-sr-only"},b)))},exports.BounceLoader=r=>{const n=t(v,r),{size:i,color:o,secondaryColor:d,speed:u,loading:p,className:m="",style:y={},count:g=3,showText:h,loadingText:f="Loading...","aria-label":x,"data-testid":b,fullscreen:$,screenWidth:w,screenHeight:C,loaderCenter:E,screenBackground:k,...N}=n,L=e.useMemo(()=>s("bounce-loader"),[]),I=a(i),M=l(u);if(!p)return null;const z={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...$&&{position:"fixed",top:0,left:0,width:w||"100vw",height:C||"100vh",backgroundColor:k||"var(--react-loadly-background)",zIndex:9999,justifyContent:E?"center":y.justifyContent}},T={width:I,height:I,borderRadius:"50%",backgroundColor:o,animation:`react-loadly-bounce ${M.duration} ease-in-out infinite`,animationPlayState:M.playState},D=Array.from({length:g}).map((t,a)=>{const r=.1*a+"s",n=d&&a%2==1?d:o;return e.createElement("div",{key:a,style:{...T,animationDelay:r,backgroundColor:n},"data-testid":b?`${b}-ball-${a}`:void 0})});return e.createElement("div",{className:c("react-loadly react-loadly-bounce",m),style:z,role:"status","aria-label":x,"aria-live":"polite","aria-busy":p,"data-testid":b,...N},e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",gap:"8px"}},D),h&&e.createElement("div",{className:"react-loadly-text",id:`${L}-text`,"aria-live":"polite"},f),e.createElement("span",{className:"react-loadly-sr-only"},x))},exports.Circle=y,exports.Dot=u,exports.DotCluster=g,exports.DotsLoader=r=>{const n=t(b,r),{size:i,color:o,secondaryColor:d,speed:u,loading:p,className:m="",style:y={},count:g=3,showText:h,loadingText:f="Loading...","aria-label":x,"data-testid":v,fullscreen:$,screenWidth:w,screenHeight:C,loaderCenter:E,screenBackground:k,...N}=n,L=e.useMemo(()=>s("dots-loader"),[]),I=a(i),M=l(u);if(!p)return null;const z={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...$&&{position:"fixed",top:0,left:0,width:w||"100vw",height:C||"100vh",backgroundColor:k||"var(--react-loadly-background)",zIndex:9999,justifyContent:E?"center":y.justifyContent}},T={width:I,height:I,borderRadius:"50%",backgroundColor:o,animation:`react-loadly-dots ${M.duration} ease-in-out infinite`,animationPlayState:M.playState},D=Array.from({length:g}).map((t,a)=>{const r=.2*a+"s",n=d&&a%2==1?d:o;return e.createElement("div",{key:a,style:{...T,animationDelay:r,backgroundColor:n},"data-testid":v?`${v}-dot-${a}`:void 0})});return e.createElement("div",{className:c("react-loadly react-loadly-dots",m),style:z,role:"status","aria-label":x,"aria-live":"polite","aria-busy":p,"data-testid":v,...N},e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",gap:"6px"}},D),h&&e.createElement("div",{className:"react-loadly-text",id:`${L}-text`,"aria-live":"polite"},f),e.createElement("span",{className:"react-loadly-sr-only"},x))},exports.ElementLoader=a=>{const n=t($,a),{size:l,width:i,height:o,speed:s=1,loading:d,animationType:u,glowIntensity:p,className:m="",style:y={},color:g="var(--react-loadly-color)","aria-label":h,loadingText:f,showText:x,"data-testid":v,fullscreen:b,screenWidth:w,screenHeight:C,loaderCenter:E,screenBackground:k,children:N,...L}=n;if(!d)return null;const I={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...b&&{position:"fixed",top:0,left:0,width:w||"100vw",height:C||"100vh",backgroundColor:k||"var(--react-loadly-background)",zIndex:9999,justifyContent:E?"center":y.justifyContent}},M=i||l,z=o||l,T={width:"number"==typeof M?`${M}px`:M,height:"number"==typeof z?`${z}px`:z,animation:(()=>{switch(u){case"pulse":return`react-loadly-pulse ${r(2e3,s)} infinite`;case"glow":return`react-loadly-glow ${r(2e3,s)} infinite`;case"bounce":return`react-loadly-bounce ${r(2e3,s)} infinite`;case"flip":return`react-loadly-flip ${r(2e3,s)} infinite`;default:return`react-loadly-spin ${r(2e3,s)} infinite`}})(),filter:(p??0)>0?`drop-shadow(0 0 ${20*(p??0)}px ${g})`:void 0,transformStyle:"preserve-3d",willChange:"transform",display:"flex",alignItems:"center",justifyContent:"center",transformOrigin:"center center"};return e.createElement("div",{className:c("react-loadly react-loadly-element-loader",m),style:I,role:"status","aria-label":h,"aria-live":"polite","aria-busy":d,"data-testid":v,...L},e.createElement("div",{style:T,className:"react-loadly-element","data-testid":v?`${v}-element`:void 0},N),x&&e.createElement("div",{className:"react-loadly-text","aria-live":"polite"},f||h),e.createElement("span",{className:"react-loadly-sr-only"},h))},exports.FallbackLoader=({error:t="Something went wrong",onRetry:a,retryLabel:r,showRetry:n=!0,children:l,type:i="error",className:o="",style:s={},fullscreen:d,screenWidth:c,screenHeight:u,loaderCenter:p,screenBackground:m,...y})=>{const g={...s,...d&&{position:"fixed",top:0,left:0,width:c||"100vw",height:u||"100vh",backgroundColor:m||"var(--react-loadly-error-background)",zIndex:9999,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:p?"center":s.justifyContent}};return l?e.createElement("div",{className:`react-loadly-fallback ${o}`.trim(),style:g,...y},l):e.createElement("div",{className:`react-loadly-error ${o}`.trim(),style:g,role:"alert","aria-live":"polite",...y},(()=>{switch(i){case"network":return e.createElement(C,{className:"react-loadly-error-icon"});case"timeout":return e.createElement(E,{className:"react-loadly-error-icon"});default:return e.createElement(w,{className:"react-loadly-error-icon"})}})(),e.createElement("p",{className:"react-loadly-error-message"},(()=>{switch(i){case"network":return t||"Network connection failed. Please check your internet connection.";case"timeout":return t||"Loading timeout. The operation took too long to complete.";default:return t||"Something went wrong. Please try again."}})()),n&&a&&e.createElement("button",{className:"react-loadly-retry-button",onClick:a,type:"button","aria-label":"Retry loading"},r||"Try Again"))},exports.FlowLoader=n=>{const l=t(k,n),{size:i,color:o,secondaryColor:d,speed:u,loading:p,amplitude:m,className:y="",style:g={},showText:h,loadingText:f="Loading...","aria-label":x,"data-testid":v,fullscreen:b,screenWidth:$,screenHeight:w,loaderCenter:C,screenBackground:E,...N}=l,L=e.useMemo(()=>s("flow-loader"),[]),I=a(i),M=parseInt(I),z=Math.max(.4*M,10),T=r(1500,u);if(!p)return null;const D={display:"inline-flex",flexDirection:"column",alignItems:"center",...g,...b&&{position:"fixed",top:0,left:0,width:$||"100vw",height:w||"100vh",backgroundColor:E||"var(--react-loadly-background)",zIndex:9999,justifyContent:C?"center":g.justifyContent}},S={width:I,height:`${z}px`,position:"relative",overflow:"hidden",borderRadius:`${Math.max(.2*M,4)}px`,backgroundColor:"rgba(0, 0, 0, 0.1)"},R=Math.max(Math.floor(M/15),3);return e.createElement(e.Fragment,null,e.createElement("style",null,`\n @keyframes flow-particle-${L} {\n 0% {\n transform: translateX(0) translateY(0) scale(0);\n opacity: 0;\n }\n 10% {\n transform: translateX(${Math.min(.1*M,10)}px) translateY(${Math.sin(.1)*(m??Math.min(5,z/4))}px) scale(1);\n opacity: 0.8;\n }\n 50% {\n transform: translateX(${Math.min(.5*M,.7*M)}px) translateY(${Math.sin(.5)*(m??Math.min(5,z/4))}px) scale(1);\n opacity: 0.8;\n }\n 90% {\n transform: translateX(${Math.min(.9*M,M-10)}px) translateY(${Math.sin(.9)*(m??Math.min(5,z/4))}px) scale(1);\n opacity: 0.8;\n }\n 100% {\n transform: translateX(${M}px) translateY(${Math.sin(1)*(m??Math.min(5,z/4))}px) scale(0);\n opacity: 0;\n }\n }\n `),e.createElement("div",{className:c("react-loadly react-loadly-flow",y),style:D,role:"status","aria-label":x,"aria-live":"polite","aria-busy":p,"data-testid":v,...N},e.createElement("div",{style:S,"data-testid":v?`${v}-container`:void 0},Array.from({length:R},(t,a)=>(t=>{const a=.2*t/(u??1),r=parseFloat(T)+100*t,n=Math.max(M/10,4),l=n+t%3*(n/2);return e.createElement("div",{key:t,style:{position:"absolute",width:`${l}px`,height:`${l}px`,borderRadius:"50%",background:t%2==0?o:d||o,animation:`flow-particle-${L} ${r}ms ease-in-out infinite`,animationDelay:`${a}s`,opacity:.8-.1*t,left:"0px",top:(z-l)/2+t%3*(z/(R+1))+"px"},"data-testid":v?`${v}-particle-${t}`:void 0})})(a))),h&&e.createElement("div",{className:"react-loadly-text",id:`${L}-text`,"aria-live":"polite"},f),e.createElement("span",{className:"react-loadly-sr-only"},x)))},exports.GridLoader=r=>{const n=t(N,r),{size:l,color:i,secondaryColor:o,speed:d=1,loading:u,count:p,className:m="",style:y={},showText:g,loadingText:h="Loading...","aria-label":f,"data-testid":x,fullscreen:v,screenWidth:b,screenHeight:$,loaderCenter:w,screenBackground:C,...E}=n,k=e.useMemo(()=>s("grid-loader"),[]),L=e.useMemo(()=>{const e="number"==typeof l?l:parseInt(a(l)),t=Math.ceil(Math.sqrt(p||4));return Math.max(e/(1.5*t),8)},[l,p]);if(!u)return null;const I={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...v&&{position:"fixed",top:0,left:0,width:b||"100vw",height:$||"100vh",backgroundColor:C||"var(--react-loadly-background)",zIndex:9999,justifyContent:w?"center":y.justifyContent}};return e.createElement("div",{className:c("react-loadly react-loadly-grid",m),style:I,role:"status","aria-label":f,"aria-live":"polite","aria-busy":u,"data-testid":x,...E},e.createElement("div",{className:"react-loadly-grid-container",style:{display:"grid",gridTemplateColumns:`repeat(${Math.ceil(Math.sqrt(p||4))}, 1fr)`,gap:L/3+"px"},"data-testid":x?`${x}-grid`:void 0},Array.from({length:p||4}).map((t,a)=>e.createElement("div",{key:a,className:"react-loadly-grid-item",style:{width:`${L}px`,height:`${L}px`,backgroundColor:a%2==0?i:o||i,borderRadius:"20%",animation:`react-loadly-scale ${1.2/(d||1)}s ease-in-out infinite`,animationDelay:.1*a/(d||1)+"s"}}))),g&&e.createElement("div",{className:"react-loadly-text",id:`${k}-text`,"aria-live":"polite"},h),e.createElement("span",{className:"react-loadly-sr-only"},f))},exports.HashtagLoader=r=>{const n=t(G,r),{size:i,color:o,secondaryColor:d,speed:u,loading:p,className:m="",style:y={},showText:g,loadingText:h="Loading...","aria-label":f,"data-testid":x,fullscreen:v,screenWidth:b,screenHeight:$,loaderCenter:w,screenBackground:C,...E}=n,k=e.useMemo(()=>s("hashtag-loader"),[]),N=a(i),L=l(u),I=parseFloat(N),M=Math.max(I/10,3),z=e.useMemo(()=>{const e=.8*I;return[{d:`M ${e/3} 0 L ${e/3} ${e}`,dashArray:e,dashOffset:2*e},{d:`M 0 ${e/3} L ${e} ${e/3}`,dashArray:e,dashOffset:2*e},{d:`M ${2*e/3} 0 L ${2*e/3} ${e}`,dashArray:e,dashOffset:2*e},{d:`M 0 ${2*e/3} L ${e} ${2*e/3}`,dashArray:e,dashOffset:2*e}]},[I]);if(!p)return null;const T={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...v&&{position:"fixed",top:0,left:0,width:b||"100vw",height:$||"100vh",backgroundColor:C||"var(--react-loadly-background)",zIndex:9999,justifyContent:w?"center":y.justifyContent}},D={position:"relative",display:"inline-flex",justifyContent:"center",alignItems:"center",width:N,height:N};return e.createElement(e.Fragment,null,e.createElement("style",null,`\n @keyframes react-loadly-hashtag-draw-${k} {\n 0% {\n stroke-dashoffset: ${2*I}px;\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity: 1;\n }\n 100% {\n stroke-dashoffset: 0;\n opacity: 0.7;\n }\n }\n `),e.createElement("div",{className:c("react-loadly react-loadly-hashtag",m),style:T,role:"status","aria-label":f,"aria-live":"polite","aria-busy":p,"data-testid":x,...E},e.createElement("div",{style:D},e.createElement("svg",{width:I,height:I,viewBox:`0 0 ${I} ${I}`},z.map((t,a)=>e.createElement("path",{key:a,d:t.d,stroke:d&&a%2==1?d:o,strokeWidth:M,strokeLinecap:"round",strokeLinejoin:"round",fill:"none",style:{strokeDasharray:t.dashArray,strokeDashoffset:t.dashOffset,animation:`react-loadly-hashtag-draw-${k} ${L.duration} ease-in-out infinite`,animationDelay:.2*a+"s",animationPlayState:L.playState},"data-testid":x?`${x}-path-${a}`:void 0})))),g&&e.createElement("div",{className:"react-loadly-text",id:`${k}-text`,"aria-live":"polite"},h),e.createElement("span",{className:"react-loadly-sr-only"},f)))},exports.HeatmapLoader=r=>{const n=t(B,r),{rows:i=3,cols:o=5,size:s=40,color:d="var(--react-loadly-color)",speed:u=1,loading:p=!0,className:m="",style:y={},showText:g,loadingText:h="Loading...","aria-label":f="Loading...","data-testid":x,fullscreen:v,screenWidth:b,screenHeight:$,loaderCenter:w,screenBackground:C,...E}=t(q,n),k=l(u),N=a(s),L=e.useMemo(()=>{const e="number"==typeof s?s:parseInt(a(s));return Math.max(e/o-2,8)},[s,o]),I=e.useMemo(()=>{const e="number"==typeof s?s:parseInt(a(s));return Math.max(e/i-2,8)},[s,i]),M=e.useMemo(()=>Array.from({length:i*o}).map((t,a)=>{const r=Math.floor(a/o),n=a%o,l={width:`${L}px`,height:`${I}px`,backgroundColor:d,margin:"1px",opacity:.3,willChange:"opacity",animation:`react-loadly-pulse ${k.duration} ease-in-out infinite`,animationDelay:.1*(r+n)/u+"s",animationPlayState:k.playState};return e.createElement("div",{key:a,style:l,"data-testid":x?`${x}-cell-${a}`:void 0})}),[i,o,L,I,d,k,u,x]);if(!p)return null;const z={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...v&&{position:"fixed",top:0,left:0,width:b||"100vw",height:$||"100vh",backgroundColor:C||"var(--react-loadly-background)",zIndex:9999,justifyContent:w?"center":y.justifyContent}},T={display:"grid",gridTemplateColumns:`repeat(${o}, 1fr)`,gap:"2px",width:N,height:N,willChange:"transform"};return e.createElement("div",{className:c("react-loadly react-loadly-heatmap",m),style:z,role:"status","aria-label":f,"aria-live":"polite","aria-busy":p,"data-testid":x,...E},e.createElement("div",{style:T,"data-testid":x?`${x}-grid`:void 0},M),g&&e.createElement("div",{className:"react-loadly-text","aria-live":"polite","data-testid":x?`${x}-text`:void 0},h),e.createElement("span",{className:"react-loadly-sr-only"},f))},exports.LIB_DEFAULTS=B,exports.Line=p,exports.LineGroup=h,exports.LiquidLoader=n=>{const l=t(L,n),{size:i,color:o,secondaryColor:d,speed:u,loading:p,amplitude:m,className:y="",style:g={},showText:h,loadingText:f="Loading...","aria-label":x,"data-testid":v,fullscreen:b,screenWidth:$,screenHeight:w,loaderCenter:C,screenBackground:E,...k}=l,N=e.useMemo(()=>s("liquid-loader"),[]),I=a(i),M=r(2e3,u);if(!p)return null;const z={display:"inline-flex",flexDirection:"column",alignItems:"center",...g,...b&&{position:"fixed",top:0,left:0,width:$||"100vw",height:w||"100vh",backgroundColor:E||"var(--react-loadly-background)",zIndex:9999,justifyContent:C?"center":g.justifyContent}},T={width:I,height:I,position:"relative",overflow:"hidden",borderRadius:"50%",backgroundColor:"rgba(0, 0, 0, 0.1)"},D=50-10*(m??1),S={position:"absolute",bottom:0,left:0,width:"200%",height:"200%",background:`linear-gradient(180deg, ${o} 0%, ${d||o} 100%)`,borderRadius:"40%",animation:`react-loadly-liquid-wave ${M} ease-in-out infinite`,transform:"translate(-25%, 50%) rotate(0deg)",animationTimingFunction:"cubic-bezier(0.36, 0.45, 0.63, 0.53)"},R={...S,background:`linear-gradient(180deg, ${d||o} 0%, ${o} 100%)`,animation:`react-loadly-liquid-wave ${M} ease-in-out infinite reverse`,animationDelay:-.5/(u??1)+"s",opacity:.8};return e.createElement(e.Fragment,null,e.createElement("style",null,`\n @keyframes react-loadly-liquid-wave {\n 0%, 100% {\n transform: translate(-25%, 50%) rotate(0deg);\n }\n 50% {\n transform: translate(-25%, ${D}%) rotate(180deg);\n }\n }\n `),e.createElement("div",{className:c("react-loadly react-loadly-liquid",y),style:z,role:"status","aria-label":x,"aria-live":"polite","aria-busy":p,"data-testid":v,...k},e.createElement("div",{style:T,"data-testid":v?`${v}-container`:void 0},e.createElement("div",{style:S}),e.createElement("div",{style:R})),h&&e.createElement("div",{className:"react-loadly-text",id:`${N}-text`,"aria-live":"polite"},f),e.createElement("span",{className:"react-loadly-sr-only"},x)))},exports.LogoSpinLoader=a=>{const n=t(I,a),{src:l,alt:i,size:o,speed:s,loading:d,animationType:u,glowIntensity:p,className:m="",style:y={},color:g="var(--react-loadly-color)","aria-label":h,loadingText:f,showText:x,"data-testid":v,fullscreen:b,screenWidth:$,screenHeight:w,loaderCenter:C,screenBackground:E,...k}=n;if(!d)return null;const N={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...b&&{position:"fixed",top:0,left:0,width:$||"100vw",height:w||"100vh",backgroundColor:E||"var(--react-loadly-background)",zIndex:9999,justifyContent:C?"center":y.justifyContent}},L={width:"number"==typeof o?`${o}px`:o,height:"number"==typeof o?`${o}px`:o,animation:`react-loadly-${u} ${r(2e3,s)} infinite`,filter:(p??0)>0?`drop-shadow(0 0 ${20*(p??0)}px ${g})`:void 0};return e.createElement("div",{className:c("`react-loadly react-loadly-logo-spin",m),style:N,role:"status","aria-label":h,"aria-live":"polite","aria-busy":d,"data-testid":v,...k},e.createElement("img",{src:l,alt:i,style:L,className:"react-loadly-logo","data-testid":v?`${v}-logo`:void 0}),x&&e.createElement("div",{className:"react-loadly-text","aria-live":"polite"},f||h),e.createElement("span",{className:"react-loadly-sr-only"},h))},exports.MorphLoader=r=>{const n=t(B,r),{variant:i="blob",speed:o=1,size:s=40,color:d="var(--react-loadly-color)",loading:u=!0,className:p="",style:m={},showText:y,loadingText:g="Loading...","aria-label":h="Loading...","data-testid":f,fullscreen:x,screenWidth:v,screenHeight:b,loaderCenter:$,screenBackground:w,...C}=t(H,n),E=l(o),k=a(s),N=e.useMemo(()=>{const e="number"==typeof s?s:parseInt(a(s)),t=e/2,r=e/2-4;switch(i){case"soft":return`M ${t},${t-r} \n C ${t+.8*r},${t-r} ${t+r},${t-.8*r} ${t+r},${t}\n C ${t+r},${t+.8*r} ${t+.8*r},${t+r} ${t},${t+r}\n C ${t-.8*r},${t+r} ${t-r},${t+.8*r} ${t-r},${t}\n C ${t-r},${t-.8*r} ${t-.8*r},${t-r} ${t},${t-r}\n Z`;case"sharp":return`M ${t},${t-r} \n L ${t+.7*r},${t-.7*r}\n L ${t+r},${t}\n L ${t+.7*r},${t+.7*r}\n L ${t},${t+r}\n L ${t-.7*r},${t+.7*r}\n L ${t-r},${t}\n L ${t-.7*r},${t-.7*r}\n Z`;default:return`M ${t},${t-r} \n C ${t+.5*r},${t-r} ${t+r},${t-.5*r} ${t+r},${t}\n C ${t+r},${t+.5*r} ${t+.5*r},${t+r} ${t},${t+r}\n C ${t-.5*r},${t+r} ${t-r},${t+.5*r} ${t-r},${t}\n C ${t-r},${t-.5*r} ${t-.5*r},${t-r} ${t},${t-r}\n Z`}},[i,s]);if(!u)return null;const L={display:"inline-flex",flexDirection:"column",alignItems:"center",...m,...x&&{position:"fixed",top:0,left:0,width:v||"100vw",height:b||"100vh",backgroundColor:w||"var(--react-loadly-background)",zIndex:9999,justifyContent:$?"center":m.justifyContent}},I={width:k,height:k,willChange:"transform"},M={transformOrigin:"center",willChange:"transform",animation:`react-loadly-morph ${E.duration} ease-in-out infinite`,animationPlayState:E.playState};return e.createElement("div",{className:c("react-loadly react-loadly-morph",p),style:L,role:"status","aria-label":h,"aria-live":"polite","aria-busy":u,"data-testid":f,...C},e.createElement("svg",{style:I,viewBox:`0 0 ${k} ${k}`,"data-testid":f?`${f}-svg`:void 0},e.createElement("path",{d:N,fill:d,style:M,"data-testid":f?`${f}-shape`:void 0})),y&&e.createElement("div",{className:"react-loadly-text","aria-live":"polite","data-testid":f?`${f}-text`:void 0},g),e.createElement("span",{className:"react-loadly-sr-only"},h))},exports.OrbitLoader=r=>{const n=t(Z,r),{size:i,color:o,secondaryColor:d,speed:u,loading:p,className:m="",style:y={},count:g=3,showText:h,loadingText:f="Loading...","aria-label":x,"data-testid":v,fullscreen:b,screenWidth:$,screenHeight:w,loaderCenter:C,screenBackground:E,...k}=n,N=e.useMemo(()=>s("orbit-loader"),[]),L=a(i),I=l(u);if(!p)return null;const M={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...b&&{position:"fixed",top:0,left:0,width:$||"100vw",height:w||"100vh",backgroundColor:E||"var(--react-loadly-background)",zIndex:9999,justifyContent:C?"center":y.justifyContent}},z={position:"relative",display:"inline-flex",justifyContent:"center",alignItems:"center",width:L,height:L},T={position:"absolute",width:"10px",height:"10px",borderRadius:"50%",backgroundColor:o,zIndex:10,boxShadow:`0 0 8px ${o}`},D=Array.from({length:g}).map((t,a)=>{const r=.25*parseFloat(L),n=8+2*a,l=d&&a%2==1?d:o,i=360/g*a;return e.createElement("div",{key:a,style:{position:"absolute",width:2*r+"px",height:2*r+"px",top:`calc(50% - ${r}px)`,left:`calc(50% - ${r}px)`,animation:`react-loadly-spin ${I.duration} linear infinite`,animationDelay:.2*a+"s",animationPlayState:I.playState,transform:`rotate(${i}deg)`},"data-testid":v?`${v}-orbit-${a}`:void 0},e.createElement("div",{style:{position:"absolute",width:`${n}px`,height:`${n}px`,borderRadius:"50%",backgroundColor:l,top:0,left:"50%",marginLeft:`-${n/2}px`,boxShadow:`0 0 6px ${l}`}}))});return e.createElement("div",{className:c("react-loadly react-loadly-orbit",m),style:M,role:"status","aria-label":x,"aria-live":"polite","aria-busy":p,"data-testid":v,...k},e.createElement("div",{style:z},e.createElement("div",{style:T}),D),h&&e.createElement("div",{className:"react-loadly-text",id:`${N}-text`,"aria-live":"polite"},f),e.createElement("span",{className:"react-loadly-sr-only"},x))},exports.PlaneLoader=r=>{const n=t(V,r),{size:i,color:o,secondaryColor:d,speed:u,loading:p,className:m="",style:y={},showText:g,loadingText:h="Loading...","aria-label":f,"data-testid":x,fullscreen:v,screenWidth:b,screenHeight:$,loaderCenter:w,screenBackground:C,...E}=n,k=e.useMemo(()=>s("plane-loader"),[]),N=a(i),L=l(u);if(!p)return null;const I={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...v&&{position:"fixed",top:0,left:0,width:b||"100vw",height:$||"100vh",backgroundColor:C||"var(--react-loadly-background)",zIndex:9999,justifyContent:w?"center":y.justifyContent}},M={perspective:"200px",display:"inline-flex",justifyContent:"center",alignItems:"center",width:N,height:N},z={width:N,height:N,position:"relative",transformStyle:"preserve-3d",animation:`react-loadly-plane-rotate ${L.duration} ease-in-out infinite`,animationPlayState:L.playState},T={position:"absolute",width:"100%",height:"100%",borderRadius:"8px",border:`2px solid ${o}`,backgroundColor:d||"transparent"};return e.createElement("div",{className:c("react-loadly react-loadly-plane",m),style:I,role:"status","aria-label":f,"aria-live":"polite","aria-busy":p,"data-testid":x,...E},e.createElement("div",{style:M},e.createElement("div",{style:z},e.createElement("div",{style:{...T,transform:"rotateY(0deg) translateZ(10px)"}}),e.createElement("div",{style:{...T,transform:"rotateY(180deg) translateZ(10px)"}}),e.createElement("div",{style:{...T,transform:"rotateY(90deg) translateZ(10px)"}}),e.createElement("div",{style:{...T,transform:"rotateY(-90deg) translateZ(10px)"}}),e.createElement("div",{style:{...T,transform:"rotateX(90deg) translateZ(10px)"}}),e.createElement("div",{style:{...T,transform:"rotateX(-90deg) translateZ(10px)"}}))),g&&e.createElement("div",{className:"react-loadly-text",id:`${k}-text`,"aria-live":"polite"},h),e.createElement("span",{className:"react-loadly-sr-only"},f))},exports.ProgressRingLoader=r=>{const n=t(B,r),{progress:i=1,thickness:o=4,size:s=40,color:d="var(--react-loadly-color)",secondaryColor:u,speed:p=1,loading:m=!0,className:y="",style:g={},showText:h,loadingText:f="Loading...","aria-label":x="Loading...","data-testid":v,fullscreen:b,screenWidth:$,screenHeight:w,loaderCenter:C,screenBackground:E,...k}=t(P,n),N=l(p),L=a(s),I=e.useMemo(()=>{if("number"==typeof s)return s;const e=parseFloat(L);return isNaN(e)?40:e},[s,L]),M=e.useMemo(()=>(I-o)/2,[I,o]),z=e.useMemo(()=>2*Math.PI*M,[M]),T=e.useMemo(()=>{if(null==i)return z;const e=Math.max(0,Math.min(100,i));return z-e/100*z},[i,z]);if(!m)return null;const D={display:"inline-flex",flexDirection:"column",alignItems:"center",...g,...b&&{position:"fixed",top:0,left:0,width:$||"100vw",height:w||"100vh",backgroundColor:E||"var(--react-loadly-background)",zIndex:9999,justifyContent:C?"center":g.justifyContent}},S={width:L,height:L,transform:"rotate(-90deg)",willChange:"transform"},R={fill:"none",stroke:d,strokeWidth:o,strokeLinecap:"round",transformOrigin:"center",willChange:"transform, opacity"},j={...R,stroke:u||"var(--react-loadly-secondary-color, rgba(0,0,0,0.1))",opacity:.2},W={...R,strokeDasharray:z,strokeDashoffset:T||0,transition:null!==i?"stroke-dashoffset 0.3s ease":void 0,animationPlayState:N.playState};return e.createElement("div",{className:c("react-loadly react-loadly-progress-ring",y),style:D,role:"status","aria-label":x,"aria-live":"polite","aria-busy":m,"aria-valuemin":null!==i?0:void 0,"aria-valuemax":null!==i?100:void 0,"aria-valuenow":null!==i?i:void 0,"data-testid":v,...k},e.createElement("svg",{style:S,viewBox:`0 0 ${I} ${I}`,"data-testid":v?`${v}-svg`:void 0,className:"react-loadly-progress-ring-svg"},e.createElement("circle",{cx:I/2,cy:I/2,r:M,style:j,"data-testid":v?`${v}-background-circle`:void 0,className:"react-loadly-progress-ring-background"}),e.createElement("circle",{cx:I/2,cy:I/2,r:M,style:W,"data-testid":v?`${v}-progress-circle`:void 0,className:"react-loadly-progress-ring-progress"})),h&&e.createElement("div",{className:"react-loadly-text","aria-live":"polite","data-testid":v?`${v}-text`:void 0},f),e.createElement("span",{className:"react-loadly-sr-only"},x))},exports.PulseLoader=r=>{const n=t(M,r),{size:l,color:i,secondaryColor:o,speed:d,loading:u,count:p,className:m="",style:y={},showText:h,loadingText:f="Loading...","aria-label":x,"data-testid":v,fullscreen:b,screenWidth:$,screenHeight:w,loaderCenter:C,screenBackground:E,...k}=n,N=e.useMemo(()=>s("pulse-loader"),[]),L=e.useMemo(()=>{const e="number"==typeof l?l:parseInt(a(l));return Math.max(e/5,6)},[l]);if(!u)return null;const I={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...b&&{position:"fixed",top:0,left:0,width:$||"100vw",height:w||"100vh",backgroundColor:E||"var(--react-loadly-background)",zIndex:9999,justifyContent:C?"center":y.justifyContent}};return e.createElement("div",{className:c("react-loadly react-loadly-pulse",m),style:I,role:"status","aria-label":x,"aria-live":"polite","aria-busy":u,"data-testid":v,...k},e.createElement(g,{count:p,dotSize:L,color:i,secondaryColor:o,speed:d,arrangement:"linear",animationType:"pulse",spacing:L/2,"data-testid":v?`${v}-dots`:void 0}),h&&e.createElement("div",{className:"react-loadly-text",id:`${N}-text`,"aria-live":"polite"},f),e.createElement("span",{className:"react-loadly-sr-only"},x))},exports.Rectangle=m,exports.RingLoader=r=>{const n=t(z,r),{size:i,color:o,speed:d,loading:u,className:p="",style:m={},borderWidth:y,showText:g,loadingText:h="Loading...","aria-label":f,"data-testid":x,fullscreen:v,screenWidth:b,screenHeight:$,loaderCenter:w,screenBackground:C,...E}=n,k=e.useRef(s("ring-loader")),N=a(i),L=l(d);if(!u)return null;const I={display:"inline-flex",flexDirection:"column",alignItems:"center",...m,...v&&{position:"fixed",top:0,left:0,width:b||"100vw",height:$||"100vh",backgroundColor:C||"var(--react-loadly-background)",zIndex:9999,justifyContent:w?"center":m.justifyContent}},M={position:"relative",width:N,height:N},T={boxSizing:"border-box",display:"block",position:"absolute",width:N,height:N,border:`${y}px solid transparent`,borderTop:`${y}px solid ${o}`,borderBottom:`${y}px solid ${o}`,borderRadius:"50%",animation:`react-loadly-ring ${L.duration} cubic-bezier(0.5, 0, 0.5, 1) infinite`,animationPlayState:L.playState},D=Array.from({length:4}).map((t,a)=>{const r=90*a+"deg",n=-.15*a+"s";return e.createElement("div",{key:a,style:{...T,transform:`rotate(${r})`,animationDelay:n},"data-testid":x?`${x}-segment-${a}`:void 0})});return e.createElement("div",{className:c("react-loadly react-loadly-ring",p),style:I,role:"status","aria-label":f,"aria-live":"polite","aria-busy":u,"data-testid":x,...E},e.createElement("div",{style:M},D),g&&e.createElement("div",{className:"react-loadly-text",id:`${k.current}-text`,"aria-live":"polite"},h),e.createElement("span",{className:"react-loadly-sr-only"},f))},exports.RippleLoader=r=>{const n=t(O,r),{size:i,color:o,secondaryColor:d,speed:u,loading:p,className:m="",style:y={},count:g=3,showText:h,loadingText:f="Loading...","aria-label":x,"data-testid":v,fullscreen:b,screenWidth:$,screenHeight:w,loaderCenter:C,screenBackground:E,borderWidth:k=2,...N}=n,L=e.useMemo(()=>s("ripple-loader"),[]),I=a(i),M=l(u);if(!p)return null;const z={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...b&&{position:"fixed",top:0,left:0,width:$||"100vw",height:w||"100vh",backgroundColor:E||"var(--react-loadly-background)",zIndex:9999,justifyContent:C?"center":y.justifyContent}},T={position:"relative",display:"inline-flex",justifyContent:"center",alignItems:"center",width:I,height:I},D={position:"absolute",width:"8px",height:"8px",borderRadius:"50%",backgroundColor:o,zIndex:10},S=Array.from({length:g}).map((t,a)=>{const r=.2*a+"s",n=d&&a%2==1?d:o;return e.createElement("div",{key:a,style:{position:"absolute",width:I,height:I,border:`${k}px solid ${n}`,borderRadius:"50%",animation:`react-loadly-ripple ${M.duration} ease-out infinite`,animationDelay:r,animationPlayState:M.playState},"data-testid":v?`${v}-ripple-${a}`:void 0})});return e.createElement("div",{className:c("react-loadly react-loadly-ripple",m),style:z,role:"status","aria-label":x,"aria-live":"polite","aria-busy":p,"data-testid":v,...N},e.createElement("div",{style:T},e.createElement("div",{style:D}),S),h&&e.createElement("div",{className:"react-loadly-text",id:`${L}-text`,"aria-live":"polite"},f),e.createElement("span",{className:"react-loadly-sr-only"},x))},exports.RotateLoader=r=>{const n=t(T,r),{size:i,color:o,secondaryColor:d,speed:u,loading:p,className:m="",style:y={},count:g=2,showText:h,loadingText:f="Loading...","aria-label":x,"data-testid":v,fullscreen:b,screenWidth:$,screenHeight:w,loaderCenter:C,screenBackground:E,...k}=n,N=e.useMemo(()=>s("rotate-loader"),[]),L=a(i),I=l(u);if(!p)return null;const M={display:"inline-flex",flexDirection:"column",alignItems:"center",...y,...b&&{position:"fixed",top:0,left:0,width:$||"100vw",height:w||"100vh",backgroundColor:E||"var(--react-loadly-background)",zIndex:9999,justifyContent:C?"center":y.justifyContent}},z={position:"relative",width:L,height:L},D={position:"absolute",width:L,height:L,border:"2px solid transparent",borderTopColor:o,borderBottomColor:o,borderRadius:"50%",animation:`react-loadly-ring ${I.duration} cubic-bezier(0.5, 0, 0.5, 1) infinite`,animationPlayState:I.playState,transform:"rotate(0deg)"},S=Array.from({length:g}).map((t,a)=>{const r=1-.2*a,n=2+a,l=-.15*a+"s",i=d&&a%2==1?d:o;return e.createElement("div",{key:a,style:{...D,width:parseFloat(L)*r+"px",height:parseFloat(L)*r+"px",borderWidth:`${n}px`,borderTopColor:i,borderBottomColor:i,animationDuration:parseFloat(I.duration)*(1+.5*a)+"ms",animationDelay:l},"data-testid":v?`${v}-element-${a}`:void 0})});return e.createElement("div",{className:c("react-loadly react-loadly-rotate",m),style:M