lightswind/dist/components/ui/form.d.ts

A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.

import * as React from "react";
import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
declare const useFormField: () => {
    invalid: boolean;
    isDirty: boolean;
    isTouched: boolean;
    isValidating: boolean;
    error?: import("react-hook-form").FieldError;
    id: string;
    name: string;
    formItemId: string;
    formDescriptionId: string;
    formMessageId: string;
};
declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
declare const FormLabel: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>>;
declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
declare const FormMessage: React.ForwardRefExoticComponent<Omit<{
    id?: string;
    ref?: React.LegacyRef<HTMLParagraphElement>;
    defaultChecked?: boolean;
    defaultValue?: string | number | readonly string[];
    suppressContentEditableWarning?: boolean;
    suppressHydrationWarning?: boolean;
    accessKey?: string;
    autoCapitalize?: "none" | (string & {}) | "off" | "on" | "sentences" | "words" | "characters";
    autoFocus?: boolean;
    className?: string;
    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only";
    contextMenu?: string;
    dir?: string;
    draggable?: boolean | "true" | "false";
    enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send";
    hidden?: boolean;
    lang?: string;
    nonce?: string;
    slot?: string;
    spellCheck?: boolean | "true" | "false";
    tabIndex?: number;
    title?: string;
    translate?: "yes" | "no";
    radioGroup?: string;
    role?: React.AriaRole;
    about?: string;
    content?: string;
    datatype?: string;
    inlist?: any;
    prefix?: string;
    property?: string;
    rel?: string;
    resource?: string;
    rev?: string;
    typeof?: string;
    vocab?: string;
    autoCorrect?: string;
    autoSave?: string;
    color?: string;
    itemProp?: string;
    itemScope?: boolean;
    itemType?: string;
    itemID?: string;
    itemRef?: string;
    results?: number;
    security?: string;
    unselectable?: "off" | "on";
    inputMode?: "decimal" | "numeric" | "none" | "search" | "text" | "url" | "tel" | "email";
    is?: string;
    exportparts?: string;
    part?: string;
    "aria-activedescendant"?: string;
    "aria-atomic"?: boolean | "true" | "false";
    "aria-autocomplete"?: "none" | "list" | "inline" | "both";
    "aria-braillelabel"?: string;
    "aria-brailleroledescription"?: string;
    "aria-busy"?: boolean | "true" | "false";
    "aria-checked"?: boolean | "true" | "false" | "mixed";
    "aria-colcount"?: number;
    "aria-colindex"?: number;
    "aria-colindextext"?: string;
    "aria-colspan"?: number;
    "aria-controls"?: string;
    "aria-current"?: boolean | "time" | "page" | "step" | "true" | "false" | "location" | "date";
    "aria-describedby"?: string;
    "aria-description"?: string;
    "aria-details"?: string;
    "aria-disabled"?: boolean | "true" | "false";
    "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup";
    "aria-errormessage"?: string;
    "aria-expanded"?: boolean | "true" | "false";
    "aria-flowto"?: string;
    "aria-grabbed"?: boolean | "true" | "false";
    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
    "aria-hidden"?: boolean | "true" | "false";
    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
    "aria-keyshortcuts"?: string;
    "aria-label"?: string;
    "aria-labelledby"?: string;
    "aria-level"?: number;
    "aria-live"?: "off" | "assertive" | "polite";
    "aria-modal"?: boolean | "true" | "false";
    "aria-multiline"?: boolean | "true" | "false";
    "aria-multiselectable"?: boolean | "true" | "false";
    "aria-orientation"?: "horizontal" | "vertical";
    "aria-owns"?: string;
    "aria-placeholder"?: string;
    "aria-posinset"?: number;
    "aria-pressed"?: boolean | "true" | "false" | "mixed";
    "aria-readonly"?: boolean | "true" | "false";
    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
    "aria-required"?: boolean | "true" | "false";
    "aria-roledescription"?: string;
    "aria-rowcount"?: number;
    "aria-rowindex"?: number;
    "aria-rowindextext"?: string;
    "aria-rowspan"?: number;
    "aria-selected"?: boolean | "true" | "false";
    "aria-setsize"?: number;
    "aria-sort"?: "none" | "ascending" | "descending" | "other";
    "aria-valuemax"?: number;
    "aria-valuemin"?: number;
    "aria-valuenow"?: number;
    "aria-valuetext"?: string;
    dangerouslySetInnerHTML?: {
        __html: string | TrustedHTML;
    };
    onCopy?: React.ClipboardEventHandler<HTMLParagraphElement>;
    onCopyCapture?: React.ClipboardEventHandler<HTMLParagraphElement>;
    onCut?: React.ClipboardEventHandler<HTMLParagraphElement>;
    onCutCapture?: React.ClipboardEventHandler<HTMLParagraphElement>;
    onPaste?: React.ClipboardEventHandler<HTMLParagraphElement>;
    onPasteCapture?: React.ClipboardEventHandler<HTMLParagraphElement>;
    onCompositionEnd?: React.CompositionEventHandler<HTMLParagraphElement>;
    onCompositionEndCapture?: React.CompositionEventHandler<HTMLParagraphElement>;
    onCompositionStart?: React.CompositionEventHandler<HTMLParagraphElement>;
    onCompositionStartCapture?: React.CompositionEventHandler<HTMLParagraphElement>;
    onCompositionUpdate?: React.CompositionEventHandler<HTMLParagraphElement>;
    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLParagraphElement>;
    onFocus?: React.FocusEventHandler<HTMLParagraphElement>;
    onFocusCapture?: React.FocusEventHandler<HTMLParagraphElement>;
    onBlur?: React.FocusEventHandler<HTMLParagraphElement>;
    onBlurCapture?: React.FocusEventHandler<HTMLParagraphElement>;
    onChange?: React.FormEventHandler<HTMLParagraphElement>;
    onChangeCapture?: React.FormEventHandler<HTMLParagraphElement>;
    onBeforeInput?: React.InputEventHandler<HTMLParagraphElement>;
    onBeforeInputCapture?: React.FormEventHandler<HTMLParagraphElement>;
    onInput?: React.FormEventHandler<HTMLParagraphElement>;
    onInputCapture?: React.FormEventHandler<HTMLParagraphElement>;
    onReset?: React.FormEventHandler<HTMLParagraphElement>;
    onResetCapture?: React.FormEventHandler<HTMLParagraphElement>;
    onSubmit?: React.FormEventHandler<HTMLParagraphElement>;
    onSubmitCapture?: React.FormEventHandler<HTMLParagraphElement>;
    onInvalid?: React.FormEventHandler<HTMLParagraphElement>;
    onInvalidCapture?: React.FormEventHandler<HTMLParagraphElement>;
    onLoad?: React.ReactEventHandler<HTMLParagraphElement>;
    onLoadCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onError?: React.ReactEventHandler<HTMLParagraphElement>;
    onErrorCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onKeyDown?: React.KeyboardEventHandler<HTMLParagraphElement>;
    onKeyDownCapture?: React.KeyboardEventHandler<HTMLParagraphElement>;
    onKeyPress?: React.KeyboardEventHandler<HTMLParagraphElement>;
    onKeyPressCapture?: React.KeyboardEventHandler<HTMLParagraphElement>;
    onKeyUp?: React.KeyboardEventHandler<HTMLParagraphElement>;
    onKeyUpCapture?: React.KeyboardEventHandler<HTMLParagraphElement>;
    onAbort?: React.ReactEventHandler<HTMLParagraphElement>;
    onAbortCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onCanPlay?: React.ReactEventHandler<HTMLParagraphElement>;
    onCanPlayCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onCanPlayThrough?: React.ReactEventHandler<HTMLParagraphElement>;
    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onDurationChange?: React.ReactEventHandler<HTMLParagraphElement>;
    onDurationChangeCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onEmptied?: React.ReactEventHandler<HTMLParagraphElement>;
    onEmptiedCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onEncrypted?: React.ReactEventHandler<HTMLParagraphElement>;
    onEncryptedCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onEnded?: React.ReactEventHandler<HTMLParagraphElement>;
    onEndedCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onLoadedData?: React.ReactEventHandler<HTMLParagraphElement>;
    onLoadedDataCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onLoadedMetadata?: React.ReactEventHandler<HTMLParagraphElement>;
    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onLoadStart?: React.ReactEventHandler<HTMLParagraphElement>;
    onLoadStartCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onPause?: React.ReactEventHandler<HTMLParagraphElement>;
    onPauseCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onPlay?: React.ReactEventHandler<HTMLParagraphElement>;
    onPlayCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onPlaying?: React.ReactEventHandler<HTMLParagraphElement>;
    onPlayingCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onProgress?: React.ReactEventHandler<HTMLParagraphElement>;
    onProgressCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onRateChange?: React.ReactEventHandler<HTMLParagraphElement>;
    onRateChangeCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onSeeked?: React.ReactEventHandler<HTMLParagraphElement>;
    onSeekedCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onSeeking?: React.ReactEventHandler<HTMLParagraphElement>;
    onSeekingCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onStalled?: React.ReactEventHandler<HTMLParagraphElement>;
    onStalledCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onSuspend?: React.ReactEventHandler<HTMLParagraphElement>;
    onSuspendCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onTimeUpdate?: React.ReactEventHandler<HTMLParagraphElement>;
    onTimeUpdateCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onVolumeChange?: React.ReactEventHandler<HTMLParagraphElement>;
    onVolumeChangeCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onWaiting?: React.ReactEventHandler<HTMLParagraphElement>;
    onWaitingCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onAuxClick?: React.MouseEventHandler<HTMLParagraphElement>;
    onAuxClickCapture?: React.MouseEventHandler<HTMLParagraphElement>;
    onClick?: React.MouseEventHandler<HTMLParagraphElement>;
    onClickCapture?: React.MouseEventHandler<HTMLParagraphElement>;
    onContextMenu?: React.MouseEventHandler<HTMLParagraphElement>;
    onContextMenuCapture?: React.MouseEventHandler<HTMLParagraphElement>;
    onDoubleClick?: React.MouseEventHandler<HTMLParagraphElement>;
    onDoubleClickCapture?: React.MouseEventHandler<HTMLParagraphElement>;
    onDragCapture?: React.DragEventHandler<HTMLParagraphElement>;
    onDragEndCapture?: React.DragEventHandler<HTMLParagraphElement>;
    onDragEnter?: React.DragEventHandler<HTMLParagraphElement>;
    onDragEnterCapture?: React.DragEventHandler<HTMLParagraphElement>;
    onDragExit?: React.DragEventHandler<HTMLParagraphElement>;
    onDragExitCapture?: React.DragEventHandler<HTMLParagraphElement>;
    onDragLeave?: React.DragEventHandler<HTMLParagraphElement>;
    onDragLeaveCapture?: React.DragEventHandler<HTMLParagraphElement>;
    onDragOver?: React.DragEventHandler<HTMLParagraphElement>;
    onDragOverCapture?: React.DragEventHandler<HTMLParagraphElement>;
    onDragStartCapture?: React.DragEventHandler<HTMLParagraphElement>;
    onDrop?: React.DragEventHandler<HTMLParagraphElement>;
    onDropCapture?: React.DragEventHandler<HTMLParagraphElement>;
    onMouseDown?: React.MouseEventHandler<HTMLParagraphElement>;
    onMouseDownCapture?: React.MouseEventHandler<HTMLParagraphElement>;
    onMouseEnter?: React.MouseEventHandler<HTMLParagraphElement>;
    onMouseLeave?: React.MouseEventHandler<HTMLParagraphElement>;
    onMouseMove?: React.MouseEventHandler<HTMLParagraphElement>;
    onMouseMoveCapture?: React.MouseEventHandler<HTMLParagraphElement>;
    onMouseOut?: React.MouseEventHandler<HTMLParagraphElement>;
    onMouseOutCapture?: React.MouseEventHandler<HTMLParagraphElement>;
    onMouseOver?: React.MouseEventHandler<HTMLParagraphElement>;
    onMouseOverCapture?: React.MouseEventHandler<HTMLParagraphElement>;
    onMouseUp?: React.MouseEventHandler<HTMLParagraphElement>;
    onMouseUpCapture?: React.MouseEventHandler<HTMLParagraphElement>;
    onSelect?: React.ReactEventHandler<HTMLParagraphElement>;
    onSelectCapture?: React.ReactEventHandler<HTMLParagraphElement>;
    onTouchCancel?: React.TouchEventHandler<HTMLParagraphElement>;
    onTouchCancelCapture?: React.TouchEventHandler<HTMLParagraphElement>;
    onTouchEnd?: React.TouchEventHandler<HTMLParagraphElement>;
    onTouchEndCapture?: React.TouchEventHandler<HTMLParagraphElement>;
    onTouchMove?: React.TouchEventHandler<HTMLParagraphElement>;
    onTouchMoveCapture?: React.TouchEventHandler<HTMLParagraphElement>;
    onTouchStart?: React.TouchEventHandler<HTMLParagraphElement>;
    onTouchStartCapture?: React.TouchEventHandler<HTMLParagraphElement>;
    onPointerDown?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerDownCapture?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerMove?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerMoveCapture?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerUp?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerUpCapture?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerCancel?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerCancelCapture?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerEnter?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerLeave?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerOver?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerOverCapture?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerOut?: React.PointerEventHandler<HTMLParagraphElement>;
    onPointerOutCapture?: React.PointerEventHandler<HTMLParagraphElement>;
    onGotPointerCapture?: React.PointerEventHandler<HTMLParagraphElement>;
    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement>;
    onLostPointerCapture?: React.PointerEventHandler<HTMLParagraphElement>;
    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement>;
    onScroll?: React.UIEventHandler<HTMLParagraphElement>;
    onScrollCapture?: React.UIEventHandler<HTMLParagraphElement>;
    onWheel?: React.WheelEventHandler<HTMLParagraphElement>;
    onWheelCapture?: React.WheelEventHandler<HTMLParagraphElement>;
    onAnimationStartCapture?: React.AnimationEventHandler<HTMLParagraphElement>;
    onAnimationEnd?: React.AnimationEventHandler<HTMLParagraphElement>;
    onAnimationEndCapture?: React.AnimationEventHandler<HTMLParagraphElement>;
    onAnimationIteration?: React.AnimationEventHandler<HTMLParagraphElement>;
    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLParagraphElement>;
    onTransitionEnd?: React.TransitionEventHandler<HTMLParagraphElement>;
    onTransitionEndCapture?: React.TransitionEventHandler<HTMLParagraphElement>;
    key?: React.Key;
} & import("framer-motion").MotionProps & {
    children?: React.ReactNode;
}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };