import type { JsxElementProps } from '@ecopages/jsx';
export type RuiInputGroupProps = JsxElementProps<HTMLDivElement>;
/**
 * Bordered row that groups an input with leading or trailing addons.
 *
 * Place `RuiInput` and `RuiInputGroupAddon` children inside. `RuiField` still
 * discovers the nested `RuiInput` via `data-rui-control`.
 *
 * @cssclass rui-input-group - Control-height bordered row.
 */
export declare function RuiInputGroup({ children, class: className, ...props }: RuiInputGroupProps): import("@ecopages/jsx").JsxRenderable;
export type RuiInputGroupAddonAlign = 'start' | 'end';
export type RuiInputGroupAddonProps = JsxElementProps<HTMLDivElement> & {
    /** Inline edge for the addon. Default: `start`. */
    align?: RuiInputGroupAddonAlign;
};
/**
 * Leading or trailing slot for icons, text, or buttons inside an input group.
 *
 * @cssclass rui-input-group__addon - Addon cell.
 * @cssclass rui-input-group__addon--start - Leading addon (default).
 * @cssclass rui-input-group__addon--end - Trailing addon.
 */
export declare function RuiInputGroupAddon({ children, align, class: className, ...props }: RuiInputGroupAddonProps): import("@ecopages/jsx").JsxRenderable;
export type RuiInputGroupTextProps = JsxElementProps<HTMLSpanElement>;
/**
 * Non-interactive prefix or suffix text inside an addon cell.
 *
 * @cssclass rui-input-group__text - Muted inline text in an addon.
 */
export declare function RuiInputGroupText({ children, class: className, ...props }: RuiInputGroupTextProps): import("@ecopages/jsx").JsxRenderable;