import{d as r,aT as p,Q as u,bK as f,b3 as c,aD as _,u as o,bZ as b,W as x,aF as i,b_ as y}from"./vendor-reka-Edfq1EPl.js";import{c as d}from"./registry-DyIszw9-.js";const I=r({__name:"InputOtp",props:{class:{},modelValue:{},defaultValue:{},placeholder:{},mask:{type:Boolean},otp:{type:Boolean},type:{},dir:{},disabled:{type:Boolean},id:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:["update:modelValue","complete"],setup(t,{emit:e}){const s=t,a=e;return(m,n)=>(p(),u(o(b),_(s,{class:o(d)("flex items-center gap-2",s.class),"onUpdate:modelValue":n[0]||(n[0]=l=>a("update:modelValue",l)),onComplete:n[1]||(n[1]=l=>a("complete",l))}),{default:f(()=>[c(m.$slots,"default")]),_:3},16,["class"]))}}),h=r({__name:"InputOtpGroup",props:{class:{}},setup(t){const e=t;return(s,a)=>(p(),x("div",{class:i(o(d)("flex items-center",e.class))},[c(s.$slots,"default")],2))}}),k=r({__name:"InputOtpSlot",props:{index:{},class:{}},setup(t){const e=t;return(s,a)=>(p(),u(o(y),{index:e.index,class:i(o(d)("border-input ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring relative flex h-9 w-9 items-center justify-center border-y border-r text-center text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md focus:z-10 focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50",e.class))},null,8,["index","class"]))}});export{I as _,h as a,k as b};
