https://fancon.ai/assets/Skeleton-BSwQJev5.js

1import{r as v}from"./index-WXg1Ab5K.js";import{b as C,g as b,c as k,a as w}from"./createTheme-DGRhmPzQ.js";import{u as x,s as R,c as S,m as $,e as u,k as c}from"./DefaultPropsProvider-DsZydmfc.js";import{j as U}from"./jsx-runtime-DopPEdDb.js";function M(t){return String(t).match(/[\d.\-+]*\s*(.*)/)[1]||""}function A(t){return parseFloat(t)}function X(t){return C("MuiSkeleton",t)}b("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"]);const j=t=>{const{classes:e,variant:a,animation:n,hasChildren:s,width:i,height:o}=t;return S({root:["root",a,n,s&&"withChildren",s&&!i&&"fitContent",s&&!o&&"heightAuto"]},X,e)},r=c`
2  0% {
3    opacity: 1;
4  }
5
6  50% {
7    opacity: 0.4;
8  }
9
10  100% {
11    opacity: 1;
12  }
13`,l=c`
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`,B=typeof r!="string"?u`
27        animation: ${r} 2s ease-in-out 0.5s infinite;
28      `:null,E=typeof l!="string"?u`
29        &::after {
30          animation: ${l} 2s linear 0.5s infinite;
31        }
32      `:null,K=R("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:a}=t;return[e.root,e[a.variant],a.animation!==!1&&e[a.animation],a.hasChildren&&e.withChildren,a.hasChildren&&!a.width&&e.fitContent,a.hasChildren&&!a.height&&e.heightAuto]}})($(({theme:t})=>{const e=M(t.shape.borderRadius)||"px",a=A(t.shape.borderRadius);return{display:"block",backgroundColor:t.vars?t.vars.palette.Skeleton.bg:w(t.palette.text.primary,t.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:`${a}${e}/${Math.round(a/.6*10)/10}${e}`,"&:empty:before":{content:'"\\00a0"'}}},{props:{variant:"circular"},style:{borderRadius:"50%"}},{props:{variant:"rounded"},style:{borderRadius:(t.vars||t).shape.borderRadius}},{props:({ownerState:n})=>n.hasChildren,style:{"& > *":{visibility:"hidden"}}},{props:({ownerState:n})=>n.hasChildren&&!n.width,style:{maxWidth:"fit-content"}},{props:({ownerState:n})=>n.hasChildren&&!n.height,style:{height:"auto"}},{props:{animation:"pulse"},style:B||{animation:`${r} 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                ${(t.vars||t).palette.action.hover},
36                transparent
37              )`,content:'""',position:"absolute",transform:"translateX(-100%)",bottom:0,left:0,right:0,top:0}}},{props:{animation:"wave"},style:E||{"&::after":{animation:`${l} 2s linear 0.5s infinite`}}}]}})),F=v.forwardRef(function(e,a){const n=x({props:e,name:"MuiSkeleton"}),{animation:s="pulse",className:i,component:o="span",height:p,style:m,variant:f="text",width:g,...h}=n,d={...n,animation:s,component:o,variant:f,hasChildren:!!h.children},y=j(d);return U.jsx(K,{as:o,ref:a,className:k(y.root,i),ownerState:d,...h,style:{width:g,height:p,...m}})});export{F as S};