@brycks/core-front 0.11.0 → 0.12.1

package/dist/components/form.d.ts

@@ -1,2 +1,889 @@
-export * from './form/index'
-export {}
+import { CSSProperties } from 'react';
+import { FormHTMLAttributes } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { LabelHTMLAttributes } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { SelectHTMLAttributes } from 'react';
+import { TextareaHTMLAttributes } from 'react';
+
+export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Checkbox size */
+    size?: CheckboxSize;
+    /** Label text */
+    label?: ReactNode;
+    /** Description below label */
+    description?: ReactNode;
+    /** Error state */
+    isInvalid?: boolean;
+    /** Indeterminate state */
+    isIndeterminate?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type CheckboxSize = 'sm' | 'md' | 'lg';
+
+export declare const Combobox: ForwardRefExoticComponent<ComboboxProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface ComboboxOption {
+    /** Unique identifier for the option */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Optional description */
+    description?: string;
+    /** Optional icon */
+    icon?: ReactNode;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+}
+
+export declare interface ComboboxProps {
+    /** Available options */
+    options: ComboboxOption[];
+    /** Currently selected value (controlled) */
+    value?: string | null;
+    /** Default selected value (uncontrolled) */
+    defaultValue?: string | null;
+    /** Callback when selection changes */
+    onChange?: (value: string | null) => void;
+    /** Callback when input value changes */
+    onInputChange?: (value: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Component size */
+    size?: ComboboxSize;
+    /** Whether the combobox is disabled */
+    disabled?: boolean;
+    /** Whether the combobox is invalid */
+    isInvalid?: boolean;
+    /** Whether the combobox is required */
+    required?: boolean;
+    /** Whether to allow clearing the selection */
+    clearable?: boolean;
+    /** Label for accessibility */
+    'aria-label'?: string;
+    /** ID of element that labels this combobox */
+    'aria-labelledby'?: string;
+    /** Custom filter function */
+    filterFn?: (option: ComboboxOption, inputValue: string) => boolean;
+    /** Text to show when no options match */
+    emptyText?: string;
+    /** Whether options are being loaded asynchronously */
+    isLoading?: boolean;
+    /** Text to show while loading */
+    loadingText?: string;
+    /** Whether to allow creating new options */
+    creatable?: boolean;
+    /** Callback when creating new option */
+    onCreate?: (inputValue: string) => void;
+    /** Label of the create-option button */
+    createLabel?: (inputValue: string) => ReactNode;
+    /** Accessible label of the clear button */
+    clearLabel?: string;
+    /** Accessible label of the options listbox (when no aria-label is given) */
+    listboxLabel?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type ComboboxSize = 'sm' | 'md' | 'lg';
+
+export declare const DateInput: ForwardRefExoticComponent<DateInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface DateInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Input size */
+    size?: DateInputSize;
+    /** Input variant */
+    variant?: DateInputVariant;
+    /** Type of date input */
+    type?: DateInputType;
+    /** Input label */
+    label?: ReactNode;
+    /** Helper text below input */
+    helperText?: ReactNode;
+    /** Error message */
+    error?: ReactNode;
+    /** Whether the input is invalid */
+    isInvalid?: boolean;
+    /** Icon on the left side */
+    leftIcon?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type DateInputSize = 'sm' | 'md' | 'lg';
+
+export declare type DateInputType = 'date' | 'datetime-local' | 'time' | 'month' | 'week';
+
+export declare type DateInputVariant = 'outline' | 'filled' | 'flushed';
+
+export declare interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+
+export declare const DateRangePicker: ForwardRefExoticComponent<DateRangePickerProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface DateRangePickerProps {
+    /** Current date range value */
+    value?: DateRange;
+    /** Default date range value (uncontrolled) */
+    defaultValue?: DateRange;
+    /** Callback when date range changes */
+    onChange?: (value: DateRange) => void;
+    /** Component size */
+    size?: DateRangePickerSize;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Whether the input is invalid */
+    isInvalid?: boolean;
+    /** Whether to allow clearing */
+    clearable?: boolean;
+    /** Preset date ranges */
+    presets?: DateRangePreset[];
+    /** Date format display */
+    dateFormat?: (date: Date) => string;
+    /** Label for accessibility */
+    'aria-label'?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+/**
+ * DateRangePicker Component
+ *
+ * A date range selection component with calendar UI.
+ * Supports preset ranges and custom date selection.
+ *
+ * @module components/form/DateRangePicker
+ */
+export declare type DateRangePickerSize = 'sm' | 'md' | 'lg';
+
+export declare interface DateRangePreset {
+    label: string;
+    getValue: () => DateRange;
+}
+
+export declare const FieldError: ForwardRefExoticComponent<FieldErrorProps & RefAttributes<HTMLSpanElement>>;
+
+export declare interface FieldErrorProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** Error size */
+    size?: FieldErrorSize;
+    /** Error message */
+    children: ReactNode;
+    /** Whether to show the error icon */
+    showIcon?: boolean;
+    /** Custom icon */
+    icon?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type FieldErrorSize = 'sm' | 'md' | 'lg';
+
+export declare const FileInput: ForwardRefExoticComponent<FileInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange' | 'value'> {
+    /** Input size */
+    size?: FileInputSize;
+    /** Input variant */
+    variant?: FileInputVariant;
+    /** Accepted file types (e.g., "image/*,.pdf") */
+    accept?: string;
+    /** Whether multiple files can be selected */
+    multiple?: boolean;
+    /** Maximum file size in bytes */
+    maxSize?: number;
+    /** Label text */
+    label?: ReactNode;
+    /** Description text inside dropzone */
+    description?: ReactNode;
+    /** Error message */
+    error?: ReactNode;
+    /** Whether the input is invalid */
+    isInvalid?: boolean;
+    /** Callback when files are selected */
+    onChange?: (files: File[]) => void;
+    /** Icon to display in dropzone */
+    icon?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type FileInputSize = 'sm' | 'md' | 'lg';
+
+export declare type FileInputVariant = 'default' | 'dropzone';
+
+export declare interface FileRejection {
+    file: File;
+    reason: FileRejectionReason;
+}
+
+/** Why a file was refused. */
+export declare type FileRejectionReason = 'type' | 'size';
+
+export declare interface FileSelectionResult {
+    accepted: File[];
+    rejected: FileRejection[];
+}
+
+export declare interface FileSelectionRules {
+    accept?: string;
+    maxSize?: number;
+    multiple?: boolean;
+    /** Files already selected — used to enforce `maxFiles` and to append. */
+    current?: File[];
+    maxFiles?: number;
+}
+
+export declare const FileUpload: ForwardRefExoticComponent<FileUploadProps & RefAttributes<HTMLInputElement>>;
+
+/**
+ * Every user-facing string, so the host app supplies its own translations.
+ * The library ships English defaults and stays i18n-free.
+ */
+export declare interface FileUploadLabels {
+    /** Text of the button in the `compact` variant. */
+    trigger?: string;
+    /** Shown next to the trigger while nothing is selected (`compact`). */
+    placeholder?: string;
+    /** Main call to action inside the dropzone. */
+    prompt?: ReactNode;
+    /** Shown while a drag is hovering the dropzone. */
+    dropPrompt?: string;
+    /** Accessible label of the per-file remove button. */
+    remove?: string;
+    /** Error for a file whose type is not accepted. */
+    invalidType?: (fileName: string) => string;
+    /** Error for a file above `maxSize`. */
+    tooLarge?: (fileName: string, maxSizeLabel: string) => string;
+}
+
+export declare interface FileUploadProps {
+    /** Selected files (controlled). */
+    files: File[];
+    /** Called with the next selection whenever files are added or removed. */
+    onFilesChange: (files: File[]) => void;
+    /** Layout. */
+    variant?: FileUploadVariant;
+    /** Size. */
+    size?: FileUploadSize;
+    /** Accepted types, e.g. `".pfx,.p12"` or `"application/pdf"`. */
+    accept?: string;
+    /** Allow selecting more than one file. */
+    multiple?: boolean;
+    /** Cap on the number of files when `multiple`. */
+    maxFiles?: number;
+    /** Maximum size per file, in bytes. Rejections are reported, never silent. */
+    maxSize?: number;
+    /** Helper text under the prompt (e.g. accepted formats). */
+    hint?: ReactNode;
+    /** Error message from the host app (e.g. a failed upload). */
+    error?: ReactNode;
+    /** Render the field as invalid without a message. */
+    isInvalid?: boolean;
+    /** Disable selection and removal. */
+    disabled?: boolean;
+    /** Icon shown in the dropzone. */
+    icon?: ReactNode;
+    /** Notified when files are refused by `accept`/`maxSize`. */
+    onReject?: (rejections: FileRejection[]) => void;
+    /** Overridable user-facing strings. */
+    labels?: FileUploadLabels;
+    /** Id of the underlying input, to pair with an external label. */
+    id?: string;
+    /** Custom class name. */
+    className?: string;
+    /** Test ID. */
+    testId?: string;
+}
+
+export declare type FileUploadSize = 'sm' | 'md' | 'lg';
+
+/**
+ * `dropzone` — generous dashed target, best for documents and images.
+ * `compact` — a single row (button + selected file), fits inline in a form.
+ */
+export declare type FileUploadVariant = 'dropzone' | 'compact';
+
+export declare const Form: ForwardRefExoticComponent<FormProps & RefAttributes<HTMLFormElement>>;
+
+/**
+ * FileUpload — pure helpers
+ *
+ * Framework-free selection logic so it can be reasoned about and tested
+ * without rendering anything.
+ */
+/** Human-readable file size, e.g. `1.4 MB`. */
+export declare function formatBytes(bytes: number): string;
+
+export declare const FormField: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface FormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Field size */
+    size?: FormFieldSize;
+    /** Field label */
+    label?: ReactNode;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Helper text below the field */
+    helperText?: ReactNode;
+    /** Error message (also sets invalid state) */
+    error?: ReactNode;
+    /** Whether the field is invalid */
+    isInvalid?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Custom ID for the field (auto-generated if not provided) */
+    fieldId?: string;
+    /** Field orientation */
+    orientation?: 'vertical' | 'horizontal';
+    /** Label width for horizontal orientation */
+    labelWidth?: number | string;
+    /** Custom class name */
+    className?: string;
+    /** Children (form input) */
+    children: ReactNode | ((props: {
+        id: string;
+        'aria-describedby'?: string;
+        'aria-invalid'?: boolean;
+    }) => ReactNode);
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type FormFieldSize = 'sm' | 'md' | 'lg';
+
+export declare type FormGap = 'sm' | 'md' | 'lg' | 'xl';
+
+export declare const FormGroup: ForwardRefExoticComponent<FormGroupProps & RefAttributes<HTMLDivElement>>;
+
+export declare type FormGroupGap = 'none' | 'xs' | 'sm' | 'md';
+
+export declare interface FormGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Label text for the form field */
+    label?: ReactNode;
+    /** Form field ID - auto-generated if not provided */
+    fieldId?: string;
+    /** Label size */
+    labelSize?: FormLabelSize;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Optional description text below the label */
+    description?: ReactNode;
+    /** Error message to display */
+    error?: ReactNode;
+    /** Helper text to display below the input */
+    helperText?: ReactNode;
+    /** Gap between label and input */
+    gap?: FormGroupGap;
+    /** Children (the form input) */
+    children: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const FormLabel: ForwardRefExoticComponent<FormLabelProps & RefAttributes<HTMLLabelElement>>;
+
+export declare interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /** Label text */
+    children: ReactNode;
+    /** Label size */
+    size?: FormLabelSize;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Optional description text */
+    description?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type FormLabelSize = 'sm' | 'md' | 'lg';
+
+export declare interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
+    /** Gap between form groups */
+    gap?: FormGap;
+    /** Disable the form */
+    disabled?: boolean;
+    /** Form children */
+    children: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** Input size */
+    size?: InputSize;
+    /** Visual variant */
+    variant?: InputVariant;
+    /** Error state */
+    isInvalid?: boolean;
+    /** Left element/icon */
+    leftElement?: ReactNode;
+    /** Right element/icon */
+    rightElement?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type InputSize = 'sm' | 'md' | 'lg';
+
+export declare type InputVariant = 'outline' | 'filled' | 'flushed';
+
+/**
+ * Whether a file satisfies an `accept` string, using the same rules browsers
+ * apply: bare extensions (`.pfx`), exact MIME types (`application/pdf`) and
+ * wildcard MIME groups (`image/*`).
+ */
+export declare function matchesAccept(file: File, accept?: string): boolean;
+
+export declare const MultiSelect: ForwardRefExoticComponent<MultiSelectProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface MultiSelectOption {
+    /** Unique identifier */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Optional description */
+    description?: string;
+    /** Optional icon */
+    icon?: ReactNode;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+    /** Optional group */
+    group?: string;
+}
+
+export declare interface MultiSelectProps {
+    /** Available options */
+    options: MultiSelectOption[];
+    /** Selected values (controlled) */
+    value?: string[];
+    /** Default selected values (uncontrolled) */
+    defaultValue?: string[];
+    /** Callback when selection changes */
+    onChange?: (values: string[]) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Component size */
+    size?: MultiSelectSize;
+    /** Maximum selections allowed */
+    maxSelections?: number;
+    /** Whether the select is searchable */
+    searchable?: boolean;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+    /** Whether the select is invalid */
+    isInvalid?: boolean;
+    /** Whether to allow clearing all */
+    clearable?: boolean;
+    /** Text when no options match search */
+    emptyText?: string;
+    /** Whether to close on select */
+    closeOnSelect?: boolean;
+    /** Label for accessibility */
+    'aria-label'?: string;
+    /** ID of element that labels this select */
+    'aria-labelledby'?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type MultiSelectSize = 'sm' | 'md' | 'lg';
+
+declare type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange' | 'type'>;
+
+export declare const Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLInputElement>>;
+
+export declare function RadioGroup({ name, value: controlledValue, defaultValue, onChange, disabled, size, orientation, gap, children, className, style, }: RadioGroupProps): JSX.Element;
+
+export declare namespace RadioGroup {
+    var displayName: string;
+}
+
+export declare interface RadioGroupProps {
+    /** Radio group name */
+    name: string;
+    /** Current value */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onChange?: (value: string) => void;
+    /** Whether the group is disabled */
+    disabled?: boolean;
+    /** Radio size */
+    size?: RadioSize;
+    /** Orientation */
+    orientation?: 'horizontal' | 'vertical';
+    /** Gap between items */
+    gap?: number;
+    /** Children (Radio components) */
+    children: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    style?: CSSProperties;
+}
+
+export declare interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Radio size */
+    size?: RadioSize;
+    /** Radio label */
+    label?: ReactNode;
+    /** Description below the label */
+    description?: ReactNode;
+    /** Whether the radio is invalid */
+    isInvalid?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type RadioSize = 'sm' | 'md' | 'lg';
+
+export declare const Rating: ForwardRefExoticComponent<RatingProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface RatingProps {
+    /** Current rating value */
+    value?: number;
+    /** Default rating value (uncontrolled) */
+    defaultValue?: number;
+    /** Callback when rating changes */
+    onChange?: (value: number) => void;
+    /** Maximum rating (number of stars) */
+    max?: number;
+    /** Component size */
+    size?: RatingSize;
+    /** Whether to allow half stars */
+    allowHalf?: boolean;
+    /** Whether the rating is read-only */
+    readOnly?: boolean;
+    /** Whether the rating is disabled */
+    disabled?: boolean;
+    /** Whether to allow clearing (clicking same value again) */
+    allowClear?: boolean;
+    /** Custom filled icon */
+    filledIcon?: ReactNode;
+    /** Custom empty icon */
+    emptyIcon?: ReactNode;
+    /** Custom half-filled icon */
+    halfIcon?: ReactNode;
+    /** Color for filled stars */
+    color?: string;
+    /** Label for accessibility */
+    'aria-label'?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type RatingSize = 'sm' | 'md' | 'lg' | 'xl';
+
+export declare const SearchInput: ForwardRefExoticComponent<SearchInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface SearchInputProps extends NativeInputProps {
+    /** Current value (controlled) */
+    value?: string;
+    /** Initial value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when the value changes (typing or clearing) */
+    onValueChange?: (value: string) => void;
+    /** Callback fired when the clear button is pressed */
+    onClear?: () => void;
+    /** Input size */
+    size?: InputSize;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Custom leading element (defaults to a search icon) */
+    leftElement?: ReactNode;
+    /** Accessible label of the clear button */
+    clearLabel?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const Select: ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLSelectElement>>;
+
+/**
+ * Split incoming files into accepted and rejected, applying `accept`,
+ * `maxSize`, `multiple` and `maxFiles`.
+ *
+ * Rejections are returned rather than dropped so the UI can explain what
+ * happened instead of silently ignoring the file.
+ */
+export declare function selectFiles(incoming: File[], { accept, maxSize, multiple, current, maxFiles }: FileSelectionRules): FileSelectionResult;
+
+export declare interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    /** Select size */
+    size?: SelectSize;
+    /** Visual variant */
+    variant?: SelectVariant;
+    /** Error state */
+    isInvalid?: boolean;
+    /** Placeholder option */
+    placeholder?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Children (option elements) */
+    children?: ReactNode;
+}
+
+export declare type SelectSize = 'sm' | 'md' | 'lg';
+
+export declare type SelectVariant = 'outline' | 'filled';
+
+export declare const Slider: ForwardRefExoticComponent<SliderProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange'> {
+    /** Slider size */
+    size?: SliderSize;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Current value (controlled) */
+    value?: number;
+    /** Default value (uncontrolled) */
+    defaultValue?: number;
+    /** Callback when value changes */
+    onChange?: (value: number) => void;
+    /** Whether to show the value label */
+    showValue?: boolean;
+    /** Format the value for display */
+    formatValue?: (value: number) => string;
+    /** Label for the slider */
+    label?: string;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type SliderSize = 'sm' | 'md' | 'lg';
+
+export declare const Switch: ForwardRefExoticComponent<SwitchProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Switch size */
+    size?: SwitchSize;
+    /** Label text */
+    label?: ReactNode;
+    /** Description below label */
+    description?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type SwitchSize = 'sm' | 'md' | 'lg';
+
+export declare const TagInput: ForwardRefExoticComponent<TagInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface TagInputProps {
+    /** Current tags */
+    value?: TagItem[];
+    /** Default tags (uncontrolled) */
+    defaultValue?: TagItem[];
+    /** Callback when tags change */
+    onChange?: (tags: TagItem[]) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Component size */
+    size?: TagInputSize;
+    /** Maximum number of tags */
+    maxTags?: number;
+    /** Whether to allow duplicates */
+    allowDuplicates?: boolean;
+    /** Delimiter keys to create tag (default: Enter, comma) */
+    delimiters?: string[];
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Whether the input is invalid */
+    isInvalid?: boolean;
+    /** Whether the input is read-only */
+    readOnly?: boolean;
+    /** Validation function for new tags */
+    validateTag?: (value: string) => boolean | string;
+    /** Transform function for new tag value */
+    transformTag?: (value: string) => string;
+    /** Suggested tags for autocomplete */
+    suggestions?: TagItem[];
+    /** Custom tag renderer */
+    renderTag?: (tag: TagItem, onRemove: () => void) => ReactNode;
+    /** Message shown when the tag limit is reached */
+    maxTagsMessage?: (maxTags: number) => string;
+    /** Message shown when a duplicate tag is rejected */
+    duplicateMessage?: string;
+    /** Label for accessibility */
+    'aria-label'?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type TagInputSize = 'sm' | 'md' | 'lg';
+
+export declare interface TagItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional color */
+    color?: string;
+}
+
+export declare const Textarea: ForwardRefExoticComponent<TextareaProps & RefAttributes<HTMLTextAreaElement>>;
+
+export declare interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    /** Textarea size */
+    size?: TextareaSize;
+    /** Visual variant */
+    variant?: TextareaVariant;
+    /** Error state */
+    isInvalid?: boolean;
+    /** Auto resize based on content */
+    autoResize?: boolean;
+    /** Minimum rows */
+    minRows?: number;
+    /** Maximum rows */
+    maxRows?: number;
+    /** Show character count */
+    showCount?: boolean;
+    /** Max character length */
+    maxLength?: number;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type TextareaSize = 'sm' | 'md' | 'lg';
+
+export declare type TextareaVariant = 'outline' | 'filled';
+
+export declare const TextField: ForwardRefExoticComponent<TextFieldProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface TextFieldProps extends InputProps {
+    /** Field label */
+    label?: ReactNode;
+    /** Helper text below the input */
+    helperText?: ReactNode;
+    /** Error message (also sets isInvalid) */
+    errorMessage?: ReactNode;
+    /** Whether the field is required */
+    isRequired?: boolean;
+    /** Whether to hide the label visually (still accessible) */
+    hideLabel?: boolean;
+}
+
+export declare type TimeFormat = '12h' | '24h';
+
+export declare const TimePicker: ForwardRefExoticComponent<TimePickerProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface TimePickerProps {
+    /** Current time value */
+    value?: TimeValue | null;
+    /** Default time value (uncontrolled) */
+    defaultValue?: TimeValue | null;
+    /** Callback when time changes */
+    onChange?: (value: TimeValue | null) => void;
+    /** Time format */
+    format?: TimeFormat;
+    /** Component size */
+    size?: TimePickerSize;
+    /** Minute step interval */
+    minuteStep?: number;
+    /** Minimum selectable time */
+    minTime?: TimeValue;
+    /** Maximum selectable time */
+    maxTime?: TimeValue;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Whether the input is invalid */
+    isInvalid?: boolean;
+    /** Whether to allow clearing */
+    clearable?: boolean;
+    /** Label for accessibility */
+    'aria-label'?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+/**
+ * TimePicker Component
+ *
+ * A time selection component with hour, minute, and optional period (AM/PM).
+ * Supports keyboard navigation and manual input.
+ *
+ * @module components/form/TimePicker
+ */
+export declare type TimePickerSize = 'sm' | 'md' | 'lg';
+
+export declare interface TimeValue {
+    /** Hours (0-23 for 24h, 1-12 for 12h) */
+    hours: number;
+    /** Minutes (0-59) */
+    minutes: number;
+    /** Period for 12h format */
+    period?: 'AM' | 'PM';
+}
+
+export { }