import{j as t,r as a,k as o,l as n,m as e}from"./p-BxEPsDRj.js";import{n as s,c as r}from"./p-CrMmJdZ6.js";var i=t`
  button {
    border: none;
    background: transparent;
    height: 20px;
    padding: ${({spacing:t})=>t[2]};
    column-gap: ${({spacing:t})=>t[1]};
    border-radius: ${({borderRadius:t})=>t[1]};
    padding: 0 ${({spacing:t})=>t[1]};
    border-radius: ${({spacing:t})=>t[1]};
  }

  /* -- Variants --------------------------------------------------------- */
  button[data-variant='accent'] {
    color: ${({tokens:t})=>t.core.textAccentPrimary};
  }

  button[data-variant='secondary'] {
    color: ${({tokens:t})=>t.theme.textSecondary};
  }

  /* -- Focus states --------------------------------------------------- */
  button:focus-visible:enabled {
    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
  }

  button[data-variant='accent']:focus-visible:enabled {
    background-color: ${({tokens:t})=>t.core.foregroundAccent010};
  }

  button[data-variant='secondary']:focus-visible:enabled {
    background-color: ${({tokens:t})=>t.theme.foregroundSecondary};
  }

  /* -- Hover & Active states ----------------------------------------------------------- */
  button[data-variant='accent']:hover:enabled {
    background-color: ${({tokens:t})=>t.core.foregroundAccent010};
  }

  button[data-variant='secondary']:hover:enabled {
    background-color: ${({tokens:t})=>t.theme.foregroundSecondary};
  }

  button[data-variant='accent']:focus-visible {
    background-color: ${({tokens:t})=>t.core.foregroundAccent010};
  }

  button[data-variant='secondary']:focus-visible {
    background-color: ${({tokens:t})=>t.theme.foregroundSecondary};
    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
  }

  button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
  }
`;var c=undefined&&undefined.__decorate||function(t,a,o,n){var e=arguments.length,s=e<3?a:n===null?n=Object.getOwnPropertyDescriptor(a,o):n,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,a,o,n);else for(var i=t.length-1;i>=0;i--)if(r=t[i])s=(e<3?r(s):e>3?r(a,o,s):r(a,o))||s;return e>3&&s&&Object.defineProperty(a,o,s),s};const d={sm:"sm-medium",md:"md-medium"};const u={accent:"accent-primary",secondary:"secondary"};let b=class t extends n{constructor(){super(...arguments);this.size="md";this.disabled=false;this.variant="accent";this.icon=undefined}render(){return e`
      <button ?disabled=${this.disabled} data-variant=${this.variant}>
        <slot name="iconLeft"></slot>
        <wui-text
          color=${u[this.variant]}
          variant=${d[this.size]}
        >
          <slot></slot>
        </wui-text>
        ${this.iconTemplate()}
      </button>
    `}iconTemplate(){if(!this.icon){return null}return e`<wui-icon name=${this.icon} size="sm"></wui-icon>`}};b.styles=[a,o,i];c([s()],b.prototype,"size",void 0);c([s({type:Boolean})],b.prototype,"disabled",void 0);c([s()],b.prototype,"variant",void 0);c([s()],b.prototype,"icon",void 0);b=c([r("wui-link")],b);
//# sourceMappingURL=p-YV_GhS6X.js.map