import type { Readable } from '@vielzeug/ripple';
export type AutoResizeOptions = {
    /** Gates growth; omit for an always-on composer field, or pass a signal for a toggleable `auto-resize` attribute. */
    enabled?: Readable<boolean | undefined>;
};
export type AutoResizeControl = {
    /** Recomputes height from the wired element's current content. No-ops when `enabled` is false or nothing is wired. */
    recompute: () => void;
    /** Wire onto the raw `<textarea>` when it mounts. Returns a detach function to call on unmount. */
    wire: (el: HTMLTextAreaElement) => () => void;
};
/**
 * Grows a `<textarea>`'s height to fit its content, shared by every component that offers
 * auto-resize (`ore-textarea`, `ore-message-composer`) instead of each reimplementing it.
 *
 * Owns only height — manual-resize cursor/direction is a per-component styling concern, not
 * shared behavior, so it stays local to whichever component renders a resize handle.
 *
 * @example
 * ```ts
 * const autoResize = createAutoResize({ enabled: props['auto-resize'] });
 *
 * onElement(textareaRef, (el) => autoResize.wire(el));
 * // after a programmatic value change that doesn't fire a native `input` event:
 * autoResize.recompute();
 * ```
 */
export declare const createAutoResize: (options?: AutoResizeOptions) => AutoResizeControl;
//# sourceMappingURL=auto-resize.d.ts.map