import type { TextFieldProps } from '../../shared';
import type { VisualVariant } from '../../types';
import '../../content/icon/icon';
/** Textarea component properties */
export type OreTextareaEvents = {
    change: Event;
    input: InputEvent;
};
export type OreTextareaProps = TextFieldProps<Exclude<VisualVariant, 'frost' | 'text'>> & {
    /** Allow auto-grow with content */
    'auto-resize'?: boolean;
    /**
     * Shows an inline spinner inside the field and forces the inner `<textarea>` into
     * `disabled` for the duration — use while an async validation/submission request
     * is in flight to prevent double-submits.
     */
    loading?: boolean;
    /** Maximum character count; shows a counter when set */
    maxlength?: number;
    /** Disable a manual resize handle */
    'no-resize'?: boolean;
    /**
     * JS-only callback fired with the inner `<textarea>` element when it mounts,
     * and with `null` when it unmounts. Intended for composed components that
     * need imperative access to the raw element.
     * Set as a JS property: `bitTextarea.ref = (el) => { ... }`.
     */
    ref?: ((el: HTMLTextAreaElement | null) => void) | null;
    /** Resize direction override */
    resize?: 'none' | 'horizontal' | 'both' | 'vertical';
    /** Number of visible text rows */
    rows?: number;
};
/**
 * A multi-line text input with label, helper text, character counter, and auto-resize.
 *
 * @element ore-textarea
 *
 * @attr {string} label - Label text
 * @attr {string} label-placement - 'inset' | 'outside'
 * @attr {string} value - Current value
 * @attr {string} placeholder - Placeholder text
 * @attr {string} name - Form field name
 * @attr {number} rows - Visible row count
 * @attr {number} maxlength - Max character count (shows counter)
 * @attr {string} helper - Helper text below the textarea
 * @attr {string} error - Error message
 * @attr {boolean} disabled - Disable interaction
 * @attr {boolean} readonly - Read-only mode
 * @attr {boolean} required - Required field
 * @attr {boolean} no-resize - Disable manual resize
 * @attr {boolean} auto-resize - Grow with content
 * @attr {boolean} loading - Show an inline spinner and force the field disabled
 * @attr {boolean} success - Show an inline success check icon (suppressed while `error` is set)
 * @attr {string} resize - Resize direction: 'none' | 'horizontal' | 'both' | 'vertical'
 * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
 * @attr {string} variant - Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost'
 * @attr {string} size - Component size: 'sm' | 'md' | 'lg'
 * @attr {string} rounded - Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'
 *
 * @fires input - Fired on every keystroke with current value.
 * @fires change - Fired on blur with changed value.
 *
 * @slot helper - Complex helper content
 *
 * @part status-icon - The inline error/success icon shown inside the field
 * @part spinner - The inline loading spinner shown inside the field while `loading`
 *
 * @cssprop --textarea-bg - Background color
 * @cssprop --textarea-border-color - Border color
 * @cssprop --textarea-placeholder-color - Placeholder text color
 * @cssprop --textarea-radius - Border radius
 * @cssprop --textarea-padding - Inner padding (block inline)
 * @cssprop --textarea-gap - Gap between label and field
 * @cssprop --textarea-font-size - Font size
 * @cssprop --textarea-min-height - Minimum field height
 * @cssprop --textarea-max-height - Maximum field height (none = unlimited)
 * @cssprop --textarea-resize - CSS resize direction ('vertical' | 'horizontal' | 'both' | 'none')
 * @cssprop --textarea-hover-bg - Field background on hover (flat/ghost variants)
 * @cssprop --textarea-hover-border-color - Field border on hover (flat/bordered variants)
 * @cssprop --textarea-focus-bg - Field background when focused (flat variant)
 * @cssprop --textarea-focus-border-color - Field border when focused (flat variant)
 *
 * @part wrapper - Outer wrapper element.
 * @part label - Label element.
 * @part field - Field container.
 * @part textarea - The native `<textarea>` element.
 * @part helper - The helper text element.
 * @part error - The error text element (`role="alert"`).
 *
 * @example
 * ```html
 * <ore-textarea></ore-textarea>
 * <ore-textarea label="Bio" success></ore-textarea>
 * <ore-textarea label="Bio" loading></ore-textarea>
 * ```
 */
export declare const TEXTAREA_TAG: "ore-textarea";
//# sourceMappingURL=textarea.d.ts.map