https://apps.awatcloud.com/assets/Cr4zvYN-.js

1import{D as e,N as t,b as n,n as r}from"./Ssl5WjxV.js";import{C as i,T as a,d as o}from"./C4CXnTcG.js";import{D as s,O as c,d as l,f as u,h as d,k as f,y as p}from"./CJcG5UPG.js";function m(e){return String(e).match(/[\d.\-+]*\s*(.*)/)[1]||``}function h(e){return parseFloat(e)}var g=t(e());function _(e){return c(`MuiSkeleton`,e)}s(`MuiSkeleton`,[`root`,`text`,`rectangular`,`rounded`,`circular`,`pulse`,`wave`,`withChildren`,`fitContent`,`heightAuto`]);var v=t(n()),y=e=>{let{classes:t,variant:n,animation:r,hasChildren:i,width:a,height:o}=e;return p({root:[`root`,n,r,i&&`withChildren`,i&&!a&&`fitContent`,i&&!o&&`heightAuto`]},_,t)},b=a`
2  0% {
3    opacity: 1;
4  }
5
6  50% {
7    opacity: 0.4;
8  }
9
10  100% {
11    opacity: 1;
12  }
13`,x=a`
14  0% {
15    transform: translateX(-100%);
16  }
17
18  50% {
19    /* +0.5s of delay between each loop */
20    transform: translateX(100%);
21  }
22
23  100% {
24    transform: translateX(100%);
25  }
26`,S=typeof b==`string`?null:i`
27        animation: ${b} 2s ease-in-out 0.5s infinite;
28      `,C=typeof x==`string`?null:i`
29        &::after {
30          animation: ${x} 2s linear 0.5s infinite;
31        }
32      `,w=d(`span`,{name:`MuiSkeleton`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,t[n.variant],n.animation!==!1&&t[n.animation],n.hasChildren&&t.withChildren,n.hasChildren&&!n.width&&t.fitContent,n.hasChildren&&!n.height&&t.heightAuto]}})(u(({theme:e})=>{let t=m(e.shape.borderRadius)||`px`,n=h(e.shape.borderRadius);return{display:`block`,backgroundColor:e.vars?e.vars.palette.Skeleton.bg:o(e.palette.text.primary,e.palette.mode===`light`?.11:.13),height:`1.2em`,variants:[{props:{variant:`text`},style:{marginTop:0,marginBottom:0,height:`auto`,transformOrigin:`0 55%`,transform:`scale(1, 0.60)`,borderRadius:`${n}${t}/${Math.round(n/.6*10)/10}${t}`,"&:empty:before":{content:`"\\00a0"`}}},{props:{variant:`circular`},style:{borderRadius:`50%`}},{props:{variant:`rounded`},style:{borderRadius:(e.vars||e).shape.borderRadius}},{props:({ownerState:e})=>e.hasChildren,style:{"& > *":{visibility:`hidden`}}},{props:({ownerState:e})=>e.hasChildren&&!e.width,style:{maxWidth:`fit-content`}},{props:({ownerState:e})=>e.hasChildren&&!e.height,style:{height:`auto`}},{props:{animation:`pulse`},style:S||{animation:`${b} 2s ease-in-out 0.5s infinite`}},{props:{animation:`wave`},style:{position:`relative`,overflow:`hidden`,WebkitMaskImage:`-webkit-radial-gradient(white, black)`,"&::after":{background:`linear-gradient(
33                90deg,
34                transparent,
35                ${(e.vars||e).palette.action.hover},
36                transparent
37              )`,content:`""`,position:`absolute`,transform:`translateX(-100%)`,bottom:0,left:0,right:0,top:0}}},{props:{animation:`wave`},style:C||{"&::after":{animation:`${x} 2s linear 0.5s infinite`}}}]}})),T=g.forwardRef(function(e,t){let n=l({props:e,name:`MuiSkeleton`}),{animation:r=`pulse`,className:i,component:a=`span`,height:o,style:s,variant:c=`text`,width:u,...d}=n,p={...n,animation:r,component:a,variant:c,hasChildren:!!d.children};return(0,v.jsx)(w,{as:a,ref:t,className:f(y(p).root,i),ownerState:p,...d,style:{width:u,height:o,...s}})}),E=e=>{let{variant:t}=e;return r(T,{variant:t||`rounded`,...e})};export{T as n,E as t};