InputOTP (input-otp.tsx)

Provides styled OTP input field wrapping OTPInput library for authentication codes.

// Source: https://github.com/firecrawl/fire-enrich | License: MIT | Copyright 2024 Mendable AI
// Provided via justclaw.it.com; keep this notice with the code.
"use client"

import * as React from "react"
import { OTPInput, OTPInputContext } from "input-otp"
import { MinusIcon } from "lucide-react"

import { cn } from "@/lib/utils"

function InputOTP({
  className,
  containerClassName,
  ...props
}: React.ComponentProps<typeof OTPInput> & {
  containerClassName?: string
}) {
  return (
    <OTPInput
      data-slot="input-otp"
      containerClassName={cn(
        "flex items-center gap-2 has-disabled:opacity-50",
        containerClassName
      )}
      className={cn("disabled:cursor-not-allowed", className)}
      {...props}
    />
  )
}

function InputOTPGroup({ className, ...props }

... (truncated -- full source via MCP)