@als-tp/als-react-ts-ui/dist/components/ALSInput/index.d.ts

A comprehensive React TypeScript UI component library built with Base UI by ALSInnovation

import React from "react";
export type InputVariant = "outlined" | "filled";
export type InputSize = "sm" | "md" | "lg";
export type InputStatus = "default" | "success" | "warning" | "error";
export interface ALSInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
    /** Visual variant of the input */
    variant?: InputVariant;
    /** Size variant */
    size?: InputSize;
    /** Status/validation state */
    status?: InputStatus;
    /** Additional class name */
    className?: string;
    /** Controlled value */
    value?: string;
    /** Default value (uncontrolled) */
    defaultValue?: string;
    /** Callback when value changes */
    onValueChange?: (value: string, eventDetails: {
        reason: "none";
        event: Event;
        cancel: () => void;
        allowPropagation: () => void;
        isCanceled: boolean;
        isPropagationAllowed: boolean;
        trigger: Element | undefined;
    }) => void;
    /** Whether the input is disabled */
    disabled?: boolean;
    /** Whether the input is required */
    required?: boolean;
    /** Placeholder text */
    placeholder?: string;
    /** Input type */
    type?: string;
}
/**
 * ALSInput - A styled input component based on Base UI Input
 *
 * @example
 * ```tsx
 * <ALSInput
 *   variant="outlined"
 *   size="md"
 *   placeholder="Enter text..."
 *   onValueChange={(value) => console.log(value)}
 * />
 * ```
 */
export declare const ALSInput: React.ForwardRefExoticComponent<ALSInputProps & React.RefAttributes<HTMLInputElement>>;
//# sourceMappingURL=index.d.ts.map