import { PinInputProps } from "@chakra-ui/react"; /** The only pin/OTP component exported from the package. */ export type ChakraPinInputProps = Pick & { type?: "alphanumeric" | "number"; /** Square cell size, aligned to CONTROL_SIZES heights (xs 32 · sm 38 · md 40 · lg 48). Defaults to "sm". */ size?: "xs" | "sm" | "md" | "lg"; variant?: "flushed" | "outline" | "filled" | "unstyled"; color?: "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "whiteAlpha" | "blackAlpha" | "primary"; pins: number; label?: string; /** Fallback accessible name (after `label`) for the group and digits; also the base of the message ids. */ id?: string; /** Marks every digit aria-invalid with the error border and shows `errorMessage` in place of `helperText`. */ error?: boolean; /** Shown under the cells while `error` is true; each digit's aria-describedby points at it. */ errorMessage?: string; /** Shown under the cells when there is no error; each digit's aria-describedby points at it. */ helperText?: string; /** Disables every digit cell. */ isDisabled?: boolean; isRequired?: boolean; isInformation?: boolean; informationMessage?: string; };