Password field

"use client";import { PasswordField } from "@/components/vip-ui/password-field";export function PasswordFieldBasicDemo() {  return (    <PasswordField      label="Password"      name="password"      autoComplete="current-password"      placeholder="Enter your password"      className="max-w-sm"    />  );}

"use client";import { PasswordField } from "@/components/vip-ui/password-field";export function PasswordFieldDisabledDemo() {  return (    <PasswordField      label="Password"      defaultValue="correct-horse-battery"      isDisabled      className="w-full max-w-sm"    />  );}

"use client";import { useState } from "react";import { Button } from "@/components/vip-ui/button";import { Form } from "@/components/vip-ui/form";import { PasswordField } from "@/components/vip-ui/password-field";export function PasswordFieldDemo() {  const [password, setPassword] = useState("");  return (    <Form      className="w-full max-w-sm gap-4"      onSubmit={(event) => {        event.preventDefault();      }}    >      <PasswordField        label="New password"        name="new-password"        autoComplete="new-password"        description="Use 8 or more characters."        placeholder="Choose a password"        value={password}        onChange={setPassword}        isRequired        minLength={8}      />      <Button type="submit">Check password</Button>    </Form>  );}