import{j as e,l as t,m as i}from"./p-BxEPsDRj.js";import{n as r,c as s}from"./p-CrMmJdZ6.js";var o=e`
  :host {
    display: block;
    background: linear-gradient(
      90deg,
      ${({tokens:e})=>e.theme.foregroundPrimary} 0%,
      ${({tokens:e})=>e.theme.foregroundSecondary} 50%,
      ${({tokens:e})=>e.theme.foregroundPrimary} 100%
    );
    background-size: 200% 100%;
    animation: shimmer 2s linear infinite;
    border-radius: ${({borderRadius:e})=>e[1]};
  }

  :host([data-rounded='true']) {
    border-radius: ${({borderRadius:e})=>e[16]};
  }

  @keyframes shimmer {
    0% {
      background-position: 100% 0;
    }
    100% {
      background-position: -100% 0;
    }
  }
`;var n=undefined&&undefined.__decorate||function(e,t,i,r){var s=arguments.length,o=s<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,i,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])o=(s<3?n(o):s>3?n(t,i,o):n(t,i))||o;return s>3&&o&&Object.defineProperty(t,i,o),o};let d=class e extends t{constructor(){super(...arguments);this.width="";this.height="";this.variant="default";this.rounded=false}render(){this.style.cssText=`\n      width: ${this.width};\n      height: ${this.height};\n    `;this.dataset["rounded"]=this.rounded?"true":"false";return i`<slot></slot>`}};d.styles=[o];n([r()],d.prototype,"width",void 0);n([r()],d.prototype,"height",void 0);n([r()],d.prototype,"variant",void 0);n([r({type:Boolean})],d.prototype,"rounded",void 0);d=n([s("wui-shimmer")],d);
//# sourceMappingURL=p-08zq6pz3.js.map