feat: add InputOTP component for OTP input functionality

[lightyfr]

This pull request introduces a new InputOTP component, along with its associated styles, to the once-ui library. The most important changes include adding the InputOTP component, defining its styles, and updating the component exports.

New InputOTP component:

• src/once-ui/components/InputOTP.tsx: Added the InputOTP component, which allows users to input a one-time password (OTP) with validation and focus management.

Styling for InputOTP:

• src/once-ui/components/InputOTP.module.scss: Added styles for the InputOTP component, including focus and filled animations, and layout adjustments.

Component export updates:

• src/once-ui/components/index.ts: Exported the new InputOTP component for use in other parts of the application.

Prop OnComplete and OnError integrates with Toaster

Ex.

 const [toasts, setToasts] = useState<Toast[]>([]);
  const removeToast = (id: string) => {
    setToasts((prev) => prev.filter((toast) => toast.id !== id));
  };

  const addToast = (message: string, variant: "success" | "danger") => {
    const newToast = {
      id: uuidv4(),
      message,
      variant,
    };
    setToasts((prev) => [...prev, newToast]);
  };

<Toaster toasts={toasts} removeToast={removeToast} />

<InputOTP
        onComplete={(code) => {
          console.log("Complete:", code);
          addToast("OTP verified successfully!", "success");
        }}
        onError={(message) => {
          addToast(message, "danger");
        }}
      />

Demo

Note that the card below the InputOTP is not part of the design but now that i think idea it may look better lol
https://github.com/user-attachments/assets/422a499c-010d-404b-b801-e80b7191e2f4

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
once-ui-starter	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 9, 2024 2:57am

[zsofiakm]

Thanks very much for this new component, @lightyfr! We'll be adding to the upcoming v0.5 release this month.