import type { JsxElementProps } from '@ecopages/jsx'; import type { RuiAlertProps, RuiAlertVariant } from './alert.script'; /** Registers `` when the JSX helpers are imported. */ import './alert.script'; export type RuiAlertIconProps = JsxElementProps & { variant?: RuiAlertVariant; }; /** * Default variant icon for `layout="inline"`. Pass `children` to override. * * @cssclass rui-alert__icon - Icon wrapper (`inline` only). * * @remarks Default SVG is `aria-hidden="true"` — convey severity in adjacent * text, not by icon alone. */ export declare function RuiAlertIcon({ variant, class: className, children, ...props }: RuiAlertIconProps): import("@ecopages/jsx").JsxRenderable; export type RuiAlertTitleProps = JsxElementProps; /** * Heading for `layout="banner"` alerts. * * @cssclass rui-alert__title - Banner headline. */ export declare function RuiAlertTitle({ children, class: className, ...props }: RuiAlertTitleProps): import("@ecopages/jsx").JsxRenderable; export type RuiAlertDescriptionProps = JsxElementProps; /** * Body copy for `layout="banner"` alerts. * * @cssclass rui-alert__description - Banner body. */ export declare function RuiAlertDescription({ children, class: className, ...props }: RuiAlertDescriptionProps): import("@ecopages/jsx").JsxRenderable; export type RuiAlertComponentProps = JsxElementProps & RuiAlertProps; /** * Status alert with optional dismiss control. * * @remarks * Importable JSX helper around ``. Owns the `role="alert"` surface and * BEM classes; the host owns dismiss (`rui-close` / `dismiss()`). * * Variant tones map to semantic theme roles (`info`, `success`, `warning`, `error`) * via `.rui-alert--*` — not palette steps. See `alert.css` and DESIGN.md status roles. * * @cssclass rui-alert - Root surface (`role="alert"`). * @cssclass rui-alert--info - Info tone (default). * @cssclass rui-alert--success - Success tone. * @cssclass rui-alert--warning - Warning tone. * @cssclass rui-alert--error - Error tone. * @cssclass rui-alert--inline - Compact row layout (icon + text). * @cssclass rui-alert--banner - Full-width advisory with left accent rail. * @cssclass rui-alert--dismissible - Layout adjustments for the dismiss control. * @cssclass rui-alert__close - Dismiss button when `dismissible` is set. */ export declare function RuiAlert({ children, variant, layout, dismissible, closeLabel, class: className, slot, ...props }: RuiAlertComponentProps): import("@ecopages/jsx").JsxRenderable;