import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraTimestamp}from'../timestamp.js';export interface ConversationItemRenameDetail{conversationId:string;label:string;}export interface ConversationItemSelectDetail{conversationId:string;}export interface LyraConversationItemEventMap{'lr-select':CustomEvent<ConversationItemSelectDetail>;'lr-rename':CustomEvent<ConversationItemRenameDetail>;blur:CustomEvent<null>;focus:CustomEvent<null>;}
/**
* `<lr-conversation-item>` — a selectable row representing one chat
* session in a history sidebar list. Usable standalone or as the
* `renderItem()` payload of a sibling virtualized-list component; this
* module has no dependency on that (or any) other component.
*
* Takes `label`/`excerpt`/`timestamp` as individual primitive props rather
* than one opaque bound object, deliberately consistent with how
* `<lr-chat-message>` takes individual props instead of a single
* `.message` blob -- every other component in this family follows that
* shape, so this one does too even though a single bound `.session` object
* would also have been a reasonable design.
*
* `conversationId` is the stable domain identity carried by both selection and rename events;
* native `id` remains available for document identity and CSS/ARIA references.
*
* `role="button"` on `[part="select-button"]` so the item has valid semantics both
* standalone and when placed in a larger history-list layout. A conversation
* row activates one current session; it is not itself a listbox option and
* therefore does not require a particular owner role.
*
* `role="button"` forbids focusable
* descendants -- verified against axe-core's `nested-interactive` rule,
* which flags it. That's why the rename button and the `actions` slot are
* rendered as DOM *siblings* of `[part="select-button"]` (both inside
* `[part="base"]`) rather than nested inside it: `[part="select-button"]` only ever
* contains plain text/`<time>` content. The in-place rename `<input>` is the
* same problem one level deeper -- it replaces the label *inside*
* `[part="select-button"]` while renaming -- so `[part="select-button"]` sheds its
* `role`/`tabindex`/`aria-current`/`aria-label` entirely for the duration
* of an edit. A row mid-edit is a text field, so suspending the button
* semantics is also the more accurate
* description of what's on screen.
*
* Inline rename is a dedicated pencil/edit icon button (not a double-click
* on the label) -- double-click has no keyboard/screen-reader equivalent
* and would silently swallow the row's own single-click `lr-select`,
* whereas a button is independently focusable, has its own accessible name,
* and composes cleanly with click-to-select.
*
* @customElement lr-conversation-item
* @slot actions - Overflow/icon-button controls (for example a pin/delete
* button or a `lr-menu` trigger) rendered at the trailing edge of the row.
* @slot start - Content such as an avatar, purpose icon, or status indicator, rendered inside the
*   selectable region before the label/excerpt content. Only non-focusable content should be
*   slotted here because the selectable region owns `role="button"`.
* @slot content - Replaces the built-in label, excerpt, and meta content area with host-supplied
*   row content. Only non-focusable content should be slotted here because the selectable region
*   owns `role="button"`.
* @slot excerpt - Full override of the excerpt presentation (e.g. a search-hit snippet with `<mark>`
*   highlighting). Wins over the `excerpt` property whenever it has assigned content, even if
*   `excerpt` is also set. Only non-focusable content should be slotted here — see the `excerpt`
*   property's own doc for why.
* @slot meta - Small, non-focusable structured fields for the row (e.g. a day label, cost, request
*   count) rendered below the label/excerpt. Entirely app-supplied; this component computes none of
*   it. Only non-focusable content should be slotted here, for the same `nested-interactive` reason
*   as `excerpt`.
* @event lr-select - The row was activated: a click on `[part="select-button"]`
* (i.e. outside the rename button and the `actions` slot), or Enter/Space
* while it's focused -- in both cases only while not currently renaming.
* `detail: { conversationId }`.
* @event lr-rename - An in-place rename was committed (Enter, or blur
* while editing). `detail: { conversationId, label }`. Does not mutate `label` itself --
* this is a controlled component, the same convention
* `<lr-chat-message>` follows by not clearing its own state on retry; the
* consumer applies the new label once it's actually persisted. Not fired
* when the trimmed draft is empty or unchanged from the original `label`
* (that's treated as an implicit cancel).
* @event blur - Re-dispatched from the in-place rename input as a bubbling, composed event.
* @event focus - Re-dispatched from the in-place rename input as a bubbling, composed event.
* @csspart base - The outer row wrapper (plain, no ARIA role) laying out `[part="select-button"]`, the rename button, and `actions`.
* @csspart active-indicator - A decorative inline indicator rendered only while the row is active.
* @csspart select-button - The selectable region (`role="button"`, removed while renaming -- see the class doc). Wraps `content` and `timestamp`.
* @csspart start - The wrapper around the `start` slot, inside `select-button`. Always rendered, but `hidden` while the slot is empty.
* @csspart content - Wrapper around the label and excerpt.
* @csspart label - The visible label, shown while not renaming.
* @csspart label-input - The in-place rename `<input>`, shown only while renaming.
* @csspart rename-button - The pencil/edit affordance that starts a rename (only rendered while `renamable` and not already renaming).
* @csspart excerpt - The last-message preview snippet. Only rendered when `excerpt` is non-empty.
* @csspart meta - The wrapper around the `meta` slot. Only rendered in the built-in content path (not when the `content` slot is used), and `hidden` while the `meta` slot is empty.
* @csspart timestamp - The formatted `timestamp`, rendered in a `<time>` element. Only rendered when `timestamp` is set and valid.
* @csspart actions - The wrapper around the `actions` slot.
* @cssprop [--lr-conversation-item-active-bg=var(--lr-color-brand-quiet)] - Background of the row
*   while `active`. **Contrast-sensitive:** it is one half of a documented WCAG-AA pair — the
*   active row's text is sized/toned for this background, so an override has to keep at least a
*   4.5:1 ratio against `--lr-conversation-item-active-color` (excerpt/timestamp) and against
*   `--lr-color-text` (the label, which is not restyled by the pair).
* @cssprop [--lr-conversation-item-active-color=var(--lr-color-text)] - Text color of
*   `[part="excerpt"]` and `[part="timestamp"]` while `active`. **Contrast-sensitive:** it exists
*   precisely because `--lr-color-text-quiet` only reaches ~4.25:1 against the active background;
*   override it together with `--lr-conversation-item-active-bg`, never alone.
* @cssprop [--lr-conversation-item-active-indicator-color=var(--lr-color-brand)] - Color of the
*   decorative `[part="active-indicator"]` while `active`.
* @cssprop [--lr-conversation-item-active-indicator-width=var(--lr-size-2px)] - Inline size of
*   `[part="active-indicator"]` while `active`.
* @cssprop [--lr-conversation-item-active-indicator-inset-inline=0 auto] - Logical inline-start
*   and inline-end insets for `[part="active-indicator"]`; set `auto 0` to place it at inline-end.
* @cssprop [--lr-conversation-item-compact-padding=var(--lr-space-xs) var(--lr-space-s)] -
*   `[part="base"]` padding while `compact`.
* @cssprop [--lr-conversation-item-compact-gap=var(--lr-space-2xs)] - Gap between `[part="base"]`'s
*   columns while `compact`.
* @cssprop [--lr-conversation-item-align=flex-start] - Cross-axis alignment of `[part="base"]` and
*   `[part="select-button"]`. `flex-start` (the default) suits the common multi-line row (a title
*   plus an `excerpt`); `center` reads better for a reliably single-line row with a taller trailing
*   action (e.g. `actions`), but is not the default because it would misalign every existing
*   multi-line row's title against its own baseline.
* @status stable
* @since 4.0.0
*/
export declare class LyraConversationItem extends LyraElement<LyraConversationItemEventMap>{static styles:import("lit").CSSResultGroup[];
/** Stable domain identity included in selection and rename request details. */
conversationId:string;
/** The session's visible label. The inherited native `title` remains available for host tooltip
*  semantics and is not used as conversation content. */
label:string;
/** A short preview snippet of the last message. Omit for no excerpt line. Ignored entirely when the
*  `excerpt` slot has assigned content — see that slot's own description. Only non-focusable
*  content should be slotted there: `role="button"` on `[part="select-button"]` forbids focusable
*  descendants (axe's `nested-interactive` rule); an interactive control belongs in the `actions`
*  slot instead. */
excerpt:string;
/** When the session was last active. Accepts a `Date` or anything
*  `new Date()` can parse (e.g. an ISO 8601 string); invalid input is
*  treated the same as unset (no timestamp rendered) -- mirrors
*  `<lr-chat-message>`'s identical `timestamp` prop. */
timestamp?:LyraTimestamp;
/** Overrides the default absolute-time rendering of `timestamp` when an application
*  needs a different timestamp style (mirrors `<lr-chat-message>`'s identical hook). */
formatTimestamp?:(date:Date)=>string;
/** Whether this is the currently-selected/open session. Drives the
*  brand-quiet background treatment. */
active:boolean;
/** Tighter row padding and gaps, for the dense history sidebars these rows usually render in --
*  same convention as `lr-empty`'s `compact`. Defaults to `false`, i.e. the full row padding.
*  Purely a density knob: it tightens `[part="base"]`'s padding and gap and collapses
*  `[part="content"]`'s inter-line gap, and changes nothing else. In particular it does **not**
*  shrink `[part="rename-button"]` below the shared `--lr-icon-button-size` target floor, hide the
*  excerpt (bind `excerpt`/the `excerpt` slot per row for that), or reduce the excerpt/timestamp
*  font sizes -- so a row with a rename button or slotted `actions` still floors at roughly that
*  icon size plus the compact padding. */
compact:boolean;
/** Whether inline-rename is available at all. When `false`, the rename
*  button never renders and the row can never enter its editing state. If
*  flipped to `false` while a rename is already open, the in-progress edit
*  is cancelled (discarded, like Escape) rather than left committable. */
renamable:boolean;
/** Forwarded to the in-place rename `<input>`'s own `spellcheck`. Defaults to `true`, matching
*  the native element's own default. `spellcheck="false"` is parsed as false. */
spellcheck:boolean;
/** Forwarded to the in-place rename `<input>`'s own `autocapitalize`. Empty string omits the
*  attribute (browser default). */
autocapitalize:string;private autocorrectValue;
/** Native editing-assistance state forwarded as canonical `autocorrect="on"|"off"`. String
*  writes are normalized for framework and plain-DOM interoperability; reads are boolean. */
get autocorrect():boolean;set autocorrect(next:boolean|string);private renaming;private draftLabel;private hasActionsSlot;private hasStartSlot;private hasContentSlot;private hasMetaSlot;private hasExcerptSlot;private labelInput?;private blurCommitGeneration;connectedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private focusRenameInput;private get normalizedTimestamp();private select;
/** Activates the selectable row, matching a native button host. */
click():void;private startRename;private restoreOptionFocus;private commitRename;private cancelRename;private onOptionClick;private onOptionKeyDown;private onRenameButtonClick;private onLabelInputChange;private onLabelInputKeyDown;private onLabelInputFocus;private onLabelInputBlur;private onActionsSlotChange;private syncStartSlot;private onContentSlotChange;private onMetaSlotChange;private onExcerptSlotChange;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-conversation-item':LyraConversationItem;}}