[{"data":1,"prerenderedAt":44},["ShallowReactive",2],{"$faiqxr3v67vgo":3},{"item":4,"tree":26,"highlightedFiles":39},{"name":5,"description":6,"registryDependencies":7,"files":12,"categories":22,"type":25},"otp-01","A simple OTP verification form.",[8,9,10,11],"button","card","field","input-otp",[13,18],{"path":14,"content":15,"type":16,"target":17},"page.vue","\u003Cscript setup lang=\"ts\">\nimport OTPForm from \"@\u002Fcomponents\u002FOTPForm.vue\"\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"flex min-h-svh w-full items-center justify-center p-6 md:p-10\">\n    \u003Cdiv class=\"w-full max-w-xs\">\n      \u003COTPForm \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","registry:page","pages\u002Fotp\u002Findex.vue",{"path":19,"content":20,"type":21,"target":19},"components\u002FOTPForm.vue","\u003Cscript setup lang=\"ts\">\nimport { Button } from \"@\u002Fcomponents\u002Fui\u002Fbutton\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@\u002Fcomponents\u002Fui\u002Fcard\"\nimport {\n  Field,\n  FieldDescription,\n  FieldGroup,\n  FieldLabel,\n} from \"@\u002Fcomponents\u002Fui\u002Ffield\"\nimport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n} from \"@\u002Fcomponents\u002Fui\u002Finput-otp\"\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CCard>\n    \u003CCardHeader>\n      \u003CCardTitle>Enter verification code\u003C\u002FCardTitle>\n      \u003CCardDescription>We sent a 6-digit code to your email.\u003C\u002FCardDescription>\n    \u003C\u002FCardHeader>\n    \u003CCardContent>\n      \u003Cform>\n        \u003CFieldGroup>\n          \u003CField>\n            \u003CFieldLabel for=\"otp\">\n              Verification code\n            \u003C\u002FFieldLabel>\n            \u003CInputOTP id=\"otp\" :maxlength=\"6\" required>\n              \u003CInputOTPGroup class=\"gap-2.5 *:data-[slot=input-otp-slot]:rounded-md *:data-[slot=input-otp-slot]:border\">\n                \u003CInputOTPSlot :index=\"0\" \u002F>\n                \u003CInputOTPSlot :index=\"1\" \u002F>\n                \u003CInputOTPSlot :index=\"2\" \u002F>\n                \u003CInputOTPSlot :index=\"3\" \u002F>\n                \u003CInputOTPSlot :index=\"4\" \u002F>\n                \u003CInputOTPSlot :index=\"5\" \u002F>\n              \u003C\u002FInputOTPGroup>\n            \u003C\u002FInputOTP>\n            \u003CFieldDescription>\n              Enter the 6-digit code sent to your email.\n            \u003C\u002FFieldDescription>\n          \u003C\u002FField>\n          \u003CFieldGroup>\n            \u003CButton type=\"submit\">\n              Verify\n            \u003C\u002FButton>\n            \u003CFieldDescription class=\"text-center\">\n              Didn't receive the code? \u003Ca href=\"#\">Resend\u003C\u002Fa>\n            \u003C\u002FFieldDescription>\n          \u003C\u002FFieldGroup>\n        \u003C\u002FFieldGroup>\n      \u003C\u002Fform>\n    \u003C\u002FCardContent>\n  \u003C\u002FCard>\n\u003C\u002Ftemplate>\n","registry:component",[23,24],"authentication","otp","registry:block",[27,34],{"name":28,"children":29},"pages",[30],{"name":24,"children":31},[32],{"name":33,"path":17},"index.vue",{"name":35,"children":36},"components",[37],{"name":38,"path":19},"OTPForm.vue",[40,42],{"path":14,"content":15,"type":16,"target":17,"highlightedContent":41},"\u003Cpre class=\"no-scrollbar min-w-0 overflow-x-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent\" style=\"background-color:#ffffff;--shiki-dark-bg:#24292e;color:#1f2328;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Ccode data-line-numbers=\"\">\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> OTPForm \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002FOTPForm.vue\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"flex min-h-svh w-full items-center justify-center p-6 md:p-10\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"w-full max-w-xs\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">OTPForm\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"path":19,"content":20,"type":21,"target":19,"highlightedContent":43},"\u003Cpre class=\"no-scrollbar min-w-0 overflow-x-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent\" style=\"background-color:#ffffff;--shiki-dark-bg:#24292e;color:#1f2328;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Ccode data-line-numbers=\"\">\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> { Button } \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002Fui\u002Fbutton\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  Card,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  CardContent,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  CardDescription,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  CardHeader,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  CardTitle,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002Fui\u002Fcard\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  Field,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  FieldDescription,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  FieldGroup,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  FieldLabel,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002Fui\u002Ffield\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  InputOTP,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  InputOTPGroup,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  InputOTPSlot,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002Fui\u002Finput-otp\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Card\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CardHeader\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CardTitle\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>Enter verification code<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CardTitle\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CardDescription\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>We sent a 6-digit code to your email.<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CardDescription\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CardHeader\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CardContent\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">form\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">FieldGroup\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Field\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">FieldLabel\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> for\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"otp\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              Verification code\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">FieldLabel\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">InputOTP\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> id\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"otp\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">maxlength\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\">6\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> required\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">InputOTPGroup\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"gap-2.5 *:data-[slot=input-otp-slot]:rounded-md *:data-[slot=input-otp-slot]:border\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">InputOTPSlot\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">index\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\">0\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">InputOTPSlot\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">index\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\">1\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">InputOTPSlot\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">index\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\">2\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">InputOTPSlot\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">index\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\">3\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">InputOTPSlot\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">index\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\">4\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">InputOTPSlot\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">index\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\">5\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">InputOTPGroup\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">InputOTP\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">FieldDescription\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              Enter the 6-digit code sent to your email.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">FieldDescription\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Field\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">FieldGroup\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Button\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> type\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"submit\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              Verify\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Button\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">FieldDescription\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"text-center\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              Didn't receive the code? <\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">a\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> href\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"#\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>Resend<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">a\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">FieldDescription\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">FieldGroup\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">FieldGroup\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">form\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CardContent\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Card\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",1788943246903]