import '../icon/icon';
export type ChatMessageSender = 'assistant' | 'system' | 'user';
export type ChatMessageStatus = 'error' | 'sending' | 'sent';
/** Events emitted by the chat-message component */
export type OreChatMessageEvents = {
    /** Fired when the retry action is activated on a `status="error"` message */
    retry: {
        originalEvent?: Event;
    };
};
/** Chat message component properties */
export type OreChatMessageProps = {
    /** Error detail shown beneath the bubble; only visible when `status="error"` */
    error?: string;
    /** Display name shown above the bubble (falls back to a generic label per `sender`) */
    name?: string;
    /** Who sent the message — controls alignment and bubble styling */
    sender?: ChatMessageSender;
    /** Delivery status for outgoing messages — shows an inline indicator and, for `"error"`, a retry action */
    status?: ChatMessageStatus;
    /** Append a blinking cursor after the content, for a message still streaming in */
    streaming?: boolean;
    /** ISO 8601 timestamp; rendered as a localized short time in a semantic `<time>` element */
    timestamp?: string;
};
/**
 * A single message bubble for chat/conversation UIs — sender-aware alignment, an optional
 * avatar slot, delivery status (sending/sent/error with retry), and a streaming cursor for
 * assistant messages still generating. Content is provided via the default slot, so any
 * markdown-to-HTML rendering stays the consumer's choice.
 *
 * The default slot's leading/trailing whitespace-only text nodes are trimmed in place once
 * per slot assignment (mount, and again on `slotchange`) — pretty-printed HTML's
 * indentation would otherwise render as blank lines, since the bubble preserves line breaks
 * (`white-space: pre-wrap`) for genuine multi-paragraph replies. This mutates those specific
 * text nodes' `textContent` directly; it never touches nodes appended afterward (e.g. by
 * `el.textContent += token` while streaming), only the ones present at assignment time.
 *
 * @element ore-chat-message
 *
 * @attr {string} sender - Who sent the message: 'user' | 'assistant' | 'system' (default 'assistant')
 * @attr {string} name - Display name shown above the bubble
 * @attr {string} timestamp - ISO 8601 timestamp, rendered as a localized short time
 * @attr {string} status - Delivery status: 'sending' | 'sent' | 'error'
 * @attr {string} error - Error detail shown beneath the bubble when status="error"
 * @attr {boolean} streaming - Append a blinking cursor after the content
 *
 * @fires retry - Fired when the retry action is activated. detail: { originalEvent }
 *
 * @slot - Message content
 * @slot avatar - Avatar element (e.g. `<ore-avatar>`)
 * @slot actions - Action buttons shown beneath the message (copy, regenerate, feedback, …)
 *
 * @cssprop --chat-message-bg - Bubble background color (assistant/system)
 * @cssprop --chat-message-color - Bubble text color (assistant/system)
 * @cssprop --chat-message-user-bg - Bubble background color (user)
 * @cssprop --chat-message-user-color - Bubble text color (user)
 * @cssprop --chat-message-radius - Bubble border radius
 * @cssprop --chat-message-max-width - Maximum bubble width
 *
 * @part row - Root row container (avatar + column)
 * @part avatar - Avatar slot container
 * @part column - Column containing name, bubble, meta, and actions
 * @part name - Sender display name
 * @part bubble - Message bubble container
 * @part content - Content container inside the bubble
 * @part cursor - Blinking streaming cursor
 * @part meta - Row of timestamp, status, and error text below the bubble
 * @part timestamp - Timestamp `<time>` element
 * @part status - Status indicator
 * @part error - Error text
 * @part retry - Retry button (status="error" only)
 * @part actions - Actions slot container
 *
 * @example
 * ```html
 * <ore-chat-message sender="user" timestamp="2024-01-01T12:00:00Z" status="sent">
 *   What's the weather like today?
 * </ore-chat-message>
 *
 * <ore-chat-message sender="assistant" name="Assistant" streaming>
 *   Let me check that for you
 * </ore-chat-message>
 * ```
 */
export declare const CHAT_MESSAGE_TAG: "ore-chat-message";
//# sourceMappingURL=chat-message.d.ts.map