@safe-stars/components/dist/index-CKpCHYPu.cjs

React component library for buying Telegram Stars in Telegram Mini Apps via Safe Stars.

"use strict";const d=require("./index-CtZaCMo8.cjs"),i=require("./if-defined-MmHKu2JE.cjs"),g=d.i`
  :host {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-color: var(--wui-color-gray-glass-020);
    border-radius: var(--local-border-radius);
    border: var(--local-border);
    box-sizing: content-box;
    width: var(--local-size);
    height: var(--local-size);
    min-height: var(--local-size);
    min-width: var(--local-size);
  }

  @supports (background: color-mix(in srgb, white 50%, black)) {
    :host {
      background-color: color-mix(in srgb, var(--local-bg-value) var(--local-bg-mix), transparent);
    }
  }
`;var e=function(u,t,n,l){var a=arguments.length,r=a<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,n):l,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(u,t,n,l);else for(var s=u.length-1;s>=0;s--)(c=u[s])&&(r=(a<3?c(r):a>3?c(t,n,r):c(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r};let o=class extends d.i$1{constructor(){super(...arguments),this.size="md",this.backgroundColor="accent-100",this.iconColor="accent-100",this.background="transparent",this.border=!1,this.borderColor="wui-color-bg-125",this.icon="copy"}render(){const t=this.iconSize||this.size,n=this.size==="lg",l=this.size==="xl",a=n?"12%":"16%",r=n?"xxs":l?"s":"3xl",c=this.background==="gray",s=this.background==="opaque",h=this.backgroundColor==="accent-100"&&s||this.backgroundColor==="success-100"&&s||this.backgroundColor==="error-100"&&s||this.backgroundColor==="inverse-100"&&s;let b=`var(--wui-color-${this.backgroundColor})`;return h?b=`var(--wui-icon-box-bg-${this.backgroundColor})`:c&&(b=`var(--wui-color-gray-${this.backgroundColor})`),this.style.cssText=`
       --local-bg-value: ${b};
       --local-bg-mix: ${h||c?"100%":a};
       --local-border-radius: var(--wui-border-radius-${r});
       --local-size: var(--wui-icon-box-size-${this.size});
       --local-border: ${this.borderColor==="wui-color-bg-125"?"2px":"1px"} solid ${this.border?`var(--${this.borderColor})`:"transparent"}
   `,d.x` <wui-icon color=${this.iconColor} size=${t} name=${this.icon}></wui-icon> `}};o.styles=[d.resetStyles,d.elementStyles,g];e([i.n()],o.prototype,"size",void 0);e([i.n()],o.prototype,"backgroundColor",void 0);e([i.n()],o.prototype,"iconColor",void 0);e([i.n()],o.prototype,"iconSize",void 0);e([i.n()],o.prototype,"background",void 0);e([i.n({type:Boolean})],o.prototype,"border",void 0);e([i.n()],o.prototype,"borderColor",void 0);e([i.n()],o.prototype,"icon",void 0);o=e([i.customElement("wui-icon-box")],o);
//# sourceMappingURL=index-CKpCHYPu.cjs.map