import{r as t,_ as a,j as e,h as i}from"./react-B_SyE9nW.js";import{_ as r}from"./history-CBi_mSPs.js";import{g as n,a as o,k as s,s as h,M as l,c as d,e as m}from"./index-DVx3XUkT.js";import{g as u,t as c}from"./cssUtils-C_eak34j.js";import{a as p}from"./colorManipulator-DR3Qv2hV.js";function g(t){return n("MuiSkeleton",t)}o("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"]);const f=["animation","className","component","height","style","variant","width"];let w,b,v,C,k=t=>t;const y=s(w||(w=k`
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
`)),S=s(b||(b=k`
  0% {
    transform: translateX(-100%);
  }

  50% {
    /* +0.5s of delay between each loop */
    transform: translateX(100%);
  }

  100% {
    transform: translateX(100%);
  }
`)),x=h("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(t,a)=>{const{ownerState:e}=t;return[a.root,a[e.variant],!1!==e.animation&&a[e.animation],e.hasChildren&&a.withChildren,e.hasChildren&&!e.width&&a.fitContent,e.hasChildren&&!e.height&&a.heightAuto]}})((({theme:t,ownerState:a})=>{const e=u(t.shape.borderRadius)||"px",i=c(t.shape.borderRadius);return r({display:"block",backgroundColor:t.vars?t.vars.palette.Skeleton.bg:p(t.palette.text.primary,"light"===t.palette.mode?.11:.13),height:"1.2em"},"text"===a.variant&&{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:`${i}${e}/${Math.round(i/.6*10)/10}${e}`,"&:empty:before":{content:'"\\00a0"'}},"circular"===a.variant&&{borderRadius:"50%"},"rounded"===a.variant&&{borderRadius:(t.vars||t).shape.borderRadius},a.hasChildren&&{"& > *":{visibility:"hidden"}},a.hasChildren&&!a.width&&{maxWidth:"fit-content"},a.hasChildren&&!a.height&&{height:"auto"})}),(({ownerState:t})=>"pulse"===t.animation&&l(v||(v=k`
      animation: ${0} 2s ease-in-out 0.5s infinite;
    `),y)),(({ownerState:t,theme:a})=>"wave"===t.animation&&l(C||(C=k`
      position: relative;
      overflow: hidden;

      /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
      -webkit-mask-image: -webkit-radial-gradient(white, black);

      &::after {
        animation: ${0} 2s linear 0.5s infinite;
        background: linear-gradient(
          90deg,
          transparent,
          ${0},
          transparent
        );
        content: '';
        position: absolute;
        transform: translateX(-100%); /* Avoid flash during server-side hydration */
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
      }
    `),S,(a.vars||a).palette.action.hover))),R=t.forwardRef((function(t,n){const o=d({props:t,name:"MuiSkeleton"}),{animation:s="pulse",className:h,component:l="span",height:u,style:c,variant:p="text",width:w}=o,b=a(o,f),v=r({},o,{animation:s,component:l,variant:p,hasChildren:Boolean(b.children)}),C=(t=>{const{classes:a,variant:e,animation:i,hasChildren:r,width:n,height:o}=t;return m({root:["root",e,i,r&&"withChildren",r&&!n&&"fitContent",r&&!o&&"heightAuto"]},g,a)})(v);return e.jsx(x,r({as:l,ref:n,className:i(C.root,h),ownerState:v},b,{style:r({width:w,height:u},c)}))}));export{R as S};