import{C as c}from"./chevron-down.d9e4ca3d.js";import{_ as u,y as i,o as r,s as _,n as m,t as f,N as a,m as v,l as h}from"./entry.4a1e3e7a.js";const p={components:{ChevronDown:c},props:{id:{type:String,default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{type:String,default:"SelectComponent"},modelValue:{type:String,default:null},invalid:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:e=>["medium","small"].includes(e)},color:{type:String,default:"gray",validator:e=>["gray","white"].includes(e)}},data(){return{untouched:!0}},methods:{isSelected(e){return e.value===this.value},onInput(e){this.untouched=!1,this.$emit("update:modelValue",e.target.value)}}},y={class:"cs-select-wrap"},g=["id","value","required","name","disabled"];function S(e,l,t,C,s,n){const d=i("ChevronDown");return r(),_("div",y,[m("select",{id:t.id,ref:"select",value:t.modelValue,required:t.required,class:a(["cs-select",`cs-select-${t.size}`,`cs-select-${t.color}`,t.invalid&&"cs-select--invalid",s.untouched&&"cs-select--untouched"]),name:t.name,disabled:t.disabled,onInput:l[0]||(l[0]=(...o)=>n.onInput&&n.onInput(...o))},[f(e.$slots,"default",{},void 0,!0)],42,g),v(),h(d,{"aria-hidden":"true",class:a(["cs-select-icon",t.disabled&&"cs-select-icon--disabled"])},null,8,["class"])])}const B=u(p,[["render",S],["__scopeId","data-v-69c637e2"]]);export{B as _};