https://nuxt-shadcn-dashboard-gilt.vercel.app/_nuxt/C7THjO0n.js

1import{d as j,r as k,h as u,g as o,e as t,w as n,y as S,bO as A,o as l,k as i,_ as F,C as V,u as $,F as _,j as y,b as L,i as R,ay as P}from"./C-1-kFfE.js";import{_ as T}from"./Bya5OH7Y.js";import{a as U,_ as q}from"./D2-7tT8v.js";import{_ as E,a as G}from"./C96AMYT2.js";import{_ as H,a as O}from"./6kJ1HTeF.js";import{_ as W}from"./mYP1Z8iO.js";import"./DZZLhYw_.js";import"./CCnmQN_a.js";import"./BW9rZxD1.js";import"./BxnN1vYo.js";const z={class:"flex flex-col gap-4"},D={class:"grid gap-2"},J={class:"flex gap-2"},K={class:"grid gap-4 md:grid-cols-2"},M={class:"min-h-100px w-full flex items-center justify-center gap-4 md:min-h-200px"},Q={class:"min-h-100px w-full flex items-center justify-center gap-4 md:min-h-200px"},ut=j({__name:"pin-input",setup(X){const p=k([]);function b(s){P(`PIN Input : ${s.join("")}`)}const d=k([]);function N(s){P(`PIN Input : ${s.join("")}`)}return(s,e)=>{const m=F,c=T,f=S,x=G,g=E,h=A("PinInputInput"),v=O,w=H,C=q,I=U,B=W;return l(),u("div",z,[o("div",D,[e[4]||(e[4]=o("div",null,[o("h2",{class:"text-2xl font-bold tracking-tight"}," PIN Input "),o("p",{class:"text-muted-foreground"}," Allows users to input a sequence of one-character alphanumeric inputs. ")],-1)),o("div",J,[t(f,{variant:"secondary",class:"rounded-full","as-child":""},{default:n(()=>[t(c,{to:"https://www.shadcn-vue.com/docs/components/pin-input",external:"",target:"_blank"},{default:n(()=>[e[2]||(e[2]=i(" Component Source ",-1)),t(m,{name:"tabler:arrow-up-right"})]),_:1})]),_:1}),t(f,{variant:"secondary",class:"rounded-full","as-child":""},{default:n(()=>[t(c,{to:"https://www.reka-ui.com/docs/components/pin-input",external:"",target:"_blank"},{default:n(()=>[e[3]||(e[3]=i(" API Reference ",-1)),t(m,{name:"tabler:arrow-up-right"})]),_:1})]),_:1})])]),o("div",K,[t(I,{class:"w-full"},{default:n(()=>[t(g,null,{default:n(()=>[t(x,null,{default:n(()=>[...e[5]||(e[5]=[i("Basic",-1)])]),_:1})]),_:1}),t(C,null,{default:n(()=>[o("div",M,[t(w,{id:"pin-input",modelValue:$(p),"onUpdate:modelValue":e[0]||(e[0]=a=>V(p)?p.value=a:null),placeholder:"○",onComplete:b},{default:n(()=>[t(v,null,{default:n(()=>[(l(),u(_,null,y(5,(a,r)=>t(h,{key:a,index:r},null,8,["index"])),64))]),_:1})]),_:1},8,["modelValue"])])]),_:1})]),_:1}),t(I,{class:"w-full"},{default:n(()=>[t(g,null,{default:n(()=>[t(x,null,{default:n(()=>[...e[6]||(e[6]=[i("With Separator",-1)])]),_:1})]),_:1}),t(C,null,{default:n(()=>[o("div",Q,[t(w,{id:"pin-input",modelValue:$(d),"onUpdate:modelValue":e[1]||(e[1]=a=>V(d)?d.value=a:null),placeholder:"○",onComplete:N},{default:n(()=>[t(v,{class:"gap-1"},{default:n(()=>[(l(),u(_,null,y(5,(a,r)=>(l(),u(_,{key:a},[t(h,{class:"border rounded-md",index:r},null,8,["index"]),r!==4?(l(),L(B,{key:0})):R("",!0)],64))),64))]),_:1})]),_:1},8,["modelValue"])])]),_:1})]),_:1})])])}}});export{ut as default};