import{r as o,c as t,h as a}from"./p-890a2f7e.js";const s=class{constructor(a){o(this,a),this.smoothlySelected=t(this,"smoothlySelected",7)}async onInput(o){return o.target&&o.target.value&&(this.checked=o.target.checked)&&this.smoothlySelected.emit({name:this.name,value:this.value}),!0}render(){return[a("input",{type:"radio",name:this.name,id:this.value,tabindex:this.tabIndex,checked:this.checked,value:this.value,onChange:o=>this.onInput(o)}),a("label",{htmlFor:this.value},a("slot",null))]}};s.style=".sc-smoothly-radio-h{display:block;position:relative}[hidden].sc-smoothly-radio-h{display:none}label.sc-smoothly-radio{display:block;width:calc(100% - 2 * 0.4em);padding:0.2em 0.4em 0.2em 0.4em}input[type=radio].sc-smoothly-radio{position:absolute;left:0;top:0;width:calc(100%);height:100%;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type=radio].sc-smoothly-radio~label.sc-smoothly-radio{border:1px solid rgb(var(--smoothly-default-color));color:rgba(var(--smoothly-default-contrast), 0.5);background:rgb(var(--smoothly-default-color))}input[type=radio].sc-smoothly-radio:checked~label.sc-smoothly-radio{background-color:rgb(var(--smoothly-default-shade));color:rgb(var(--smoothly-default-contrast))}";export{s as smoothly_radio}