@aceshooting/lyra-ui 4.2.0 → 5.1.0

package/dist/components/conversation/message-feedback/message-feedback.class.js

@@ -0,0 +1,266 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing, svg } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import { nextId } from '../../../internal/a11y.js';
+import '../../overlays/chip/chip.js';
+import '../../utility/live-region/live-region.js';
+import { styles } from './message-feedback.styles.js';
+// A one-off thumb glyph, sharing internal/icons.ts's 24x24 viewBox / 1em sizing / stroke-width
+// conventions so it reads as part of the same visual language as the rest of the library's inline
+// icons, without adding a feedback-specific shape to that shared, general-purpose module. Same
+// approach several sibling chat components' own local glyphs take for the identical reason.
+// `filled` swaps the fill so the pressed state is never conveyed by aria-pressed/color alone.
+function thumbIcon(direction, filled) {
+    const cuff = direction === 'up'
+        ? 'M7 11v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h3Z'
+        : 'M17 13V4a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v8h4Z';
+    const hand = direction === 'up'
+        ? 'M7 11l3.5-7A2 2 0 0 1 12 3a1 1 0 0 1 1 1v6h4.5a2 2 0 0 1 2 2.3l-1.2 7A2 2 0 0 1 16.3 21H9a2 2 0 0 1-2-2v-8Z'
+        : 'M17 13l-3.5 7A2 2 0 0 1 12 21a1 1 0 0 1-1-1v-6H6.5a2 2 0 0 1-2-2.3l1.2-7A2 2 0 0 1 7.7 3H15a2 2 0 0 1 2 2v8Z';
+    return svg `
+    <svg
+      width="1em"
+      height="1em"
+      viewBox="0 0 24 24"
+      fill=${filled ? 'currentColor' : 'none'}
+      stroke="currentColor"
+      stroke-width="1.75"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      focusable="false"
+    ><path d=${cuff}></path><path d=${hand}></path></svg>
+  `;
+}
+/**
+ * `<lr-message-feedback>` — thumbs up/down for one assistant message, with an optional inline
+ * detail step (categorical reason chips + a free-text comment) that opens as a disclosure directly
+ * below the thumbs. Emits; never persists — a host reflects a previously-recorded rating back via
+ * `value` (+ `disabled` for a read-only display).
+ *
+ * Activating the pressed thumb again toggles it off to `null` (mirrors `<lr-rating>`'s
+ * re-activate-to-clear contract) *unless* its own detail panel is currently open, in which case that
+ * click re-opens the panel instead (showing whatever reason/comment draft survived a prior Escape or
+ * submit). A thumbs-only configuration (`reasons` empty and `commentable` false, e.g.
+ * `<lr-message-actions>`'s embedded built-in) never has a panel to reopen, so its thumbs always
+ * behave as a plain toggle.
+ *
+ * @customElement lr-message-feedback
+ * @event lr-change - `detail: { value }`. Activating a thumb sets it; re-activating the pressed
+ *   thumb (with no panel open) clears it to `null`. The terminal signal when no detail panel is
+ *   configured for that thumb.
+ * @event lr-submit - `detail: { value, reasonIds, comment }`, fired by the panel's submit button.
+ * @csspart base - The root.
+ * @csspart thumbs - The wrapper around both thumb buttons.
+ * @csspart up-button - The thumbs-up toggle button.
+ * @csspart down-button - The thumbs-down toggle button.
+ * @csspart panel - The inline detail disclosure. Only rendered when `reasons` is non-empty or
+ *   `commentable` is set.
+ * @csspart reasons - The reason-chip group. Only rendered when `reasons` is non-empty.
+ * @csspart comment - The comment `<textarea>`. Only rendered when `commentable`.
+ * @csspart submit-button - The panel's submit button.
+ */
+export class LyraMessageFeedback extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Current rating. Host-writable (e.g. to reflect a previously-recorded rating back). */
+        this.value = null;
+        /** Categorical reasons offered as multi-select chips inside the detail panel. Empty renders no
+         *  reason-chip group at all. */
+        this.reasons = [];
+        /** Adds a free-text comment field to the detail panel. */
+        this.commentable = false;
+        /** Which rating opens the detail panel (only when it would have content -- `reasons` non-empty or
+         *  `commentable`). `'down'` (the default) matches the dominant product pattern of elaborating only
+         *  on negative feedback; `'both'` opens it for either thumb. */
+        this.detailFor = 'down';
+        /** Read-only display of a recorded rating -- both thumbs become inert. */
+        this.disabled = false;
+        this.panelOpen = false;
+        this.selectedReasonIds = [];
+        this.commentDraft = '';
+        this.panelId = nextId('message-feedback-panel');
+        this.onPanelKeyDown = (e) => {
+            if (e.key !== 'Escape')
+                return;
+            e.stopPropagation();
+            this.closePanel();
+        };
+        this.onCommentInput = (e) => {
+            this.commentDraft = e.target.value;
+        };
+        this.onSubmit = () => {
+            if (!this.value)
+                return;
+            this.emit('lr-submit', {
+                value: this.value,
+                reasonIds: [...this.selectedReasonIds],
+                comment: this.commentDraft.trim(),
+            });
+            this.panelOpen = false;
+            this.liveRegion?.announce(this.localize('feedbackSubmitted'), { force: true });
+            this.focusActiveThumb();
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    /** Focuses the thumb matching the current `value` (the up thumb when `value` is `null`) --
+     *  lets a toolbar embedding this component (e.g. `<lr-message-actions>`) treat it as one
+     *  arrow-key stop. */
+    focus(options) {
+        (this.value === 'down' ? this.downButtonEl : this.upButtonEl)?.focus(options);
+    }
+    blur() {
+        this.upButtonEl?.blur();
+        this.downButtonEl?.blur();
+    }
+    get hasDetailContent() {
+        return this.reasons.length > 0 || this.commentable;
+    }
+    detailApplies(direction) {
+        return this.detailFor === 'both' || direction === 'down';
+    }
+    activateThumb(next) {
+        if (this.disabled)
+            return;
+        if (this.value === next) {
+            if (this.panelOpen) {
+                this.value = null;
+                this.panelOpen = false;
+                this.selectedReasonIds = [];
+                this.commentDraft = '';
+                this.emit('lr-change', { value: null });
+                return;
+            }
+            if (this.detailApplies(next) && this.hasDetailContent) {
+                // Panel was closed (Escape, or a prior submit) without clearing `value` -- re-open it
+                // showing whatever draft survived. Nothing about `value` changed, so no lr-change.
+                this.panelOpen = true;
+                return;
+            }
+            this.value = null;
+            this.emit('lr-change', { value: null });
+            return;
+        }
+        this.selectedReasonIds = [];
+        this.commentDraft = '';
+        this.value = next;
+        this.panelOpen = this.detailApplies(next) && this.hasDetailContent;
+        this.emit('lr-change', { value: next });
+    }
+    focusActiveThumb() {
+        (this.value === 'down' ? this.downButtonEl : this.upButtonEl)?.focus();
+    }
+    closePanel() {
+        if (!this.panelOpen)
+            return;
+        this.panelOpen = false;
+        this.focusActiveThumb();
+    }
+    toggleReason(id) {
+        this.selectedReasonIds = this.selectedReasonIds.includes(id)
+            ? this.selectedReasonIds.filter((r) => r !== id)
+            : [...this.selectedReasonIds, id];
+    }
+    renderThumb(direction) {
+        const pressed = this.value === direction;
+        const canExpand = this.detailApplies(direction) && this.hasDetailContent;
+        return html `
+      <button
+        part=${direction === 'up' ? 'up-button' : 'down-button'}
+        type="button"
+        aria-pressed=${pressed ? 'true' : 'false'}
+        aria-label=${this.localize(direction === 'up' ? 'feedbackPositive' : 'feedbackNegative')}
+        aria-expanded=${canExpand ? (pressed && this.panelOpen ? 'true' : 'false') : nothing}
+        aria-controls=${canExpand ? this.panelId : nothing}
+        ?disabled=${this.disabled}
+        @click=${() => this.activateThumb(direction)}
+      >
+        ${thumbIcon(direction, pressed)}
+      </button>
+    `;
+    }
+    render() {
+        return html `
+      <div part="base">
+        <div part="thumbs">${this.renderThumb('up')}${this.renderThumb('down')}</div>
+        ${this.hasDetailContent
+            ? html `
+              <div part="panel" id=${this.panelId} ?data-open=${this.panelOpen} @keydown=${this.onPanelKeyDown}>
+                <div class="panel-inner">
+                  ${this.reasons.length > 0
+                ? html `
+                        <div part="reasons" role="group" aria-label=${this.localize('feedbackReasonsLabel')}>
+                          ${this.reasons.map((reason) => html `
+                              <lr-chip
+                                toggleable
+                                ?selected=${this.selectedReasonIds.includes(reason.id)}
+                                @lr-chip-select=${() => this.toggleReason(reason.id)}
+                                >${reason.label}</lr-chip
+                              >
+                            `)}
+                        </div>
+                      `
+                : nothing}
+                  ${this.commentable
+                ? html `
+                        <textarea
+                          part="comment"
+                          aria-label=${this.localize('feedbackCommentLabel')}
+                          placeholder=${this.localize('feedbackCommentPlaceholder')}
+                          .value=${this.commentDraft}
+                          @input=${this.onCommentInput}
+                        ></textarea>
+                      `
+                : nothing}
+                  <button part="submit-button" type="button" @click=${this.onSubmit}>
+                    ${this.localize('feedbackSubmit')}
+                  </button>
+                </div>
+              </div>
+            `
+            : nothing}
+        <lr-live-region></lr-live-region>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], LyraMessageFeedback.prototype, "value", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraMessageFeedback.prototype, "reasons", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraMessageFeedback.prototype, "commentable", void 0);
+__decorate([
+    property({ attribute: 'detail-for' })
+], LyraMessageFeedback.prototype, "detailFor", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraMessageFeedback.prototype, "disabled", void 0);
+__decorate([
+    state()
+], LyraMessageFeedback.prototype, "panelOpen", void 0);
+__decorate([
+    state()
+], LyraMessageFeedback.prototype, "selectedReasonIds", void 0);
+__decorate([
+    state()
+], LyraMessageFeedback.prototype, "commentDraft", void 0);
+__decorate([
+    query('[part="up-button"]')
+], LyraMessageFeedback.prototype, "upButtonEl", void 0);
+__decorate([
+    query('[part="down-button"]')
+], LyraMessageFeedback.prototype, "downButtonEl", void 0);
+__decorate([
+    query('lr-live-region')
+], LyraMessageFeedback.prototype, "liveRegion", void 0);
+//# sourceMappingURL=message-feedback.class.js.map

package/dist/components/conversation/message-feedback/message-feedback.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-feedback.class.js","sourceRoot":"","sources":["../../../../src/components/conversation/message-feedback/message-feedback.class.ts"],"names":[],"mappings":"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"}

package/dist/components/conversation/message-feedback/message-feedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-feedback.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/message-feedback/message-feedback.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/components/conversation/message-feedback/message-feedback.js

@@ -0,0 +1,5 @@
+export * from './message-feedback.class.js';
+import { LyraMessageFeedback } from './message-feedback.class.js';
+import { defineElement } from '../../../internal/prefix.js';
+defineElement('message-feedback', LyraMessageFeedback);
+//# sourceMappingURL=message-feedback.js.map

package/dist/components/conversation/message-feedback/message-feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/conversation/message-feedback/message-feedback.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,aAAa,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC"}

package/dist/components/conversation/message-feedback/message-feedback.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-feedback.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/message-feedback/message-feedback.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAkIlB,CAAC"}

package/dist/components/conversation/message-feedback/message-feedback.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-feedback.styles.js","sourceRoot":"","sources":["../../../../src/components/conversation/message-feedback/message-feedback.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIxB,CAAC"}

package/dist/components/conversation/model-select/model-select.class.d.ts

@@ -0,0 +1,236 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+/** A catalog row: a selectable model, keyed by `id` with a display `label`. */
+export interface LyraModelCatalogEntry {
+    id: string;
+    label: string;
+}
+/**
+ * The `catalog` shape: either every entry is a plain string (used as both id
+ * and label) or every entry is a full `{ id, label }` row — not a mix of both.
+ */
+export type LyraModelCatalog = string[] | LyraModelCatalogEntry[];
+export interface LyraModelSelectEventMap {
+    'lr-change': CustomEvent<{
+        value: string;
+        inCatalog: boolean;
+    }>;
+    blur: CustomEvent<undefined>;
+    focus: CustomEvent<undefined>;
+}
+/**
+ * `<lr-model-select>` — a provider/model picker that renders as a closed
+ * dropdown when a fixed `catalog` is available, or as a filterable free-text
+ * combobox when it isn't (or when `allow-custom` explicitly permits typing
+ * something outside the catalog). Built directly on the shared
+ * trigger-button/aria-activedescendant listbox technique `<lr-select>` uses
+ * and the filter-as-you-type suggestion-popup technique `<lr-combobox>`
+ * uses — not by composing either element, since the mode switch and the
+ * stale-value handling below are specific to this control.
+ *
+ * A `value` that isn't present in `catalog` (e.g. a model id saved from a
+ * provider whose live catalog has since changed) is never silently dropped:
+ * `effectiveEntries` appends it to the rendered option list as a synthetic,
+ * visually-distinct row (dashed border, italic label, "not in catalog"
+ * badge — see `model-select.styles.ts`) computed fresh from `catalog` +
+ * `value` on every render, without ever mutating the `catalog` property
+ * itself.
+ *
+ * Ships an opt-in `hint`/`errorText` form-control chrome (props + matching named slots +
+ * `hint`/`error` parts), mirroring `<lr-select>`'s exact pattern -- left unset, neither renders.
+ * Pairs with the existing `label` prop/part (also mirroring `<lr-select>`) for a full
+ * label/hint/error field.
+ *
+ * @customElement lr-model-select
+ * @event lr-change - The selected/typed value changed. `detail: { value: string; inCatalog: boolean }`.
+ * @event {Event} change - Fired alongside `lr-change`, mirroring `<lr-select>`/`<lr-combobox>`'s
+ *   native-style value-change pair so native form bindings/framework `v-model` handlers behave
+ *   consistently across the picker family.
+ * @event {Event} input - Fired alongside `change`/`lr-change` (see `change`).
+ * @event blur - Re-dispatched from the free-text mode's internal native `<input>`'s own `blur` --
+ *   bubbling and composed (unlike the native event, which is neither), so a listener above the
+ *   shadow boundary can observe it. Closed-dropdown mode's trigger `<button>` has no equivalent
+ *   re-dispatch, matching `<lr-select>`'s own trigger.
+ * @event focus - Re-dispatched from the free-text mode's internal native `<input>`'s own `focus`,
+ *   for the same reason as `blur`.
+ * @slot hint - Custom hint content.
+ * @slot error - Custom error content.
+ * @csspart form-control-label - The `<label>` element (only rendered — and only contributes to the
+ *   accessible name — once `label` is non-empty).
+ * @csspart trigger - The trigger button (closed-dropdown mode's positioning anchor).
+ * @csspart combobox - The text-input container (free-text mode's positioning anchor).
+ * @csspart combobox-input - The free-text mode's text input.
+ * @csspart provider-badge - The optional leading `provider` label.
+ * @csspart listbox - The options popover (shared by both modes).
+ * @csspart option - An option row.
+ * @csspart option-label - An option row's label.
+ * @csspart option-badge - The "not in catalog" badge on a synthetic stale-value row.
+ * @csspart empty - The empty-listbox message, shown when no rows match.
+ * @csspart expand-icon - The dropdown indicator.
+ * @csspart hint - The hint message.
+ * @csspart error - The error message.
+ */
+export declare class LyraModelSelect extends LyraElement<LyraModelSelectEventMap> {
+    static formAssociated: boolean;
+    static styles: import("lit").CSSResultGroup[];
+    static properties: {
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+            noAccessor: boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            reflect: boolean;
+            noAccessor: boolean;
+        };
+        value: {
+            noAccessor: boolean;
+        };
+        name: {
+            reflect: boolean;
+            noAccessor: boolean;
+        };
+    };
+    /** Informational only — e.g. `'ollama'`. Rendered as a small leading badge for display grouping. */
+    provider: string;
+    /** The full model list. Omit (or leave empty) to fall back to plain free-text entry. */
+    catalog?: LyraModelCatalog;
+    /** Let the user type/commit a value that isn't in `catalog`, even when `catalog` is non-empty. */
+    allowCustom: boolean;
+    /**
+     * Optional visible title above the control, mirroring `lr-select`'s
+     * `label` exactly: rendered via a `part="form-control-label"` `<label>`
+     * paired with the control's id, and — once non-empty — it takes over as
+     * the accessible-name source (the `aria-label` fallback below is then only
+     * emitted when the host has an explicit `aria-label` override, same
+     * precedence as `lr-select`). Leaving it empty (the default) keeps
+     * today's `aria-label || placeholder || 'Model'` chain untouched.
+     */
+    label: string;
+    /** Hint text below the field. Unset (the default): no hint chrome renders. */
+    hint: string;
+    /** Error text below the field (overridden by slotted `error` content). Unset (the default): no
+     *  error chrome renders. */
+    errorText: string;
+    placeholder: string;
+    /** Forwarded to the free-text mode's native `<input>`'s own `spellcheck`. Defaults to `true`,
+     *  matching the native element's own default. No effect in closed-dropdown mode (no native text
+     *  input there). `spellcheck="false"` is parsed as `false` (see `spellcheckConverter` above). */
+    spellcheck: boolean;
+    /** Forwarded to the free-text mode's native `<input>`'s own `autocapitalize`. Empty string omits
+     *  the attribute (browser default). */
+    autocapitalize: string;
+    /** Forwarded to the free-text mode's native `<input>`'s own `autocorrect` (Safari/WebKit-specific).
+     *  Empty string omits the attribute (browser default). Named `autoCorrect` (capital `C`), not
+     *  `autocorrect`, purely to dodge a TS `lib.dom.d.ts` collision: newer DOM typings declare a
+     *  `boolean`-typed `HTMLElement.autocorrect` IDL member, which conflicts with this string-typed
+     *  property of the same name -- same fix as `<lr-textarea>`/`<lr-date-input>`. The explicit
+     *  attribute mapping preserves the lowercase wire name in generated component metadata. */
+    autoCorrect: string;
+    /** Native editing and virtual-keyboard hints forwarded to free-text mode's input. */
+    autocomplete: string;
+    inputMode: string;
+    enterKeyHint: string;
+    open: boolean;
+    private activeIndex;
+    private query;
+    private touched;
+    private hasHintSlot;
+    private hasErrorSlot;
+    private internals;
+    private validityController;
+    private listId;
+    private controlId;
+    private cleanup?;
+    private _value;
+    private _fieldsetDisabled;
+    private _name;
+    private _disabled;
+    private _required;
+    private suppressControlBlur;
+    private _defaultValue;
+    constructor();
+    get form(): HTMLFormElement | null;
+    get labels(): NodeList;
+    get validity(): ValidityState;
+    get validationMessage(): string;
+    get willValidate(): boolean;
+    connectedCallback(): void;
+    protected willUpdate(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, old: string | null, val: string | null): void;
+    /** The current model id (empty string when nothing is selected). */
+    get value(): string;
+    set value(next: string);
+    /** The form submission key, reflected synchronously for native form APIs. */
+    get name(): string;
+    set name(next: string);
+    get disabled(): boolean;
+    set disabled(next: boolean);
+    get required(): boolean;
+    set required(next: boolean);
+    /** Whether the control is disabled explicitly or by an ancestor fieldset. */
+    get effectiveDisabled(): boolean;
+    private updateValidity;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null, _mode?: 'restore' | 'autocomplete'): void;
+    formDisabledCallback(disabled: boolean): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    /** `catalog`, normalized to `{ id, label }[]` regardless of the plain-string-array shorthand. */
+    private get normalizedCatalog();
+    /** Closed-dropdown-with-listbox mode vs. free-text filterable mode — see class doc. */
+    private get closedMode();
+    /**
+     * `normalizedCatalog` plus, when `value` isn't one of its ids, a synthetic
+     * trailing row for it — recomputed from scratch on every access so it
+     * always reflects the *current* `catalog`/`value`, never a snapshot from
+     * whenever `value` happened to be assigned.
+     */
+    private get effectiveEntries();
+    /** `effectiveEntries` filtered by the typed `query` (free-text mode only; id or label substring, case-insensitive). */
+    private get filteredEntries();
+    private labelFor;
+    private show;
+    private hide;
+    private onDocPointer;
+    protected updated(changed: PropertyValues): void;
+    private commitValue;
+    /** Dispatches the platform-style value-event pair alongside `lr-change`,
+     * mirroring `<lr-select>`/`<lr-combobox>` so native form bindings and
+     * framework `v-model` handlers behave consistently across the picker
+     * family. */
+    private emitValueEvents;
+    private selectEntry;
+    /** Enter in free-text mode: commit the highlighted suggestion, else the raw typed text. */
+    private commitFreeText;
+    private onTriggerClick;
+    private onTriggerBlur;
+    private onTriggerKeyDown;
+    private onComboMouseDown;
+    private onInputFocus;
+    private onInput;
+    private onInputBlur;
+    private onInputKeyDown;
+    private onListboxMouseDown;
+    private onListboxClick;
+    private renderRows;
+    private renderListbox;
+    private onHintSlotChange;
+    private onErrorSlotChange;
+    /** `part="form-control-label"` — see `label`'s doc comment for its precedence over `aria-label`. */
+    private renderLabel;
+    /** `part="hint"`/`part="error"` — mirrors `lr-select`'s identical hint/error chrome, rendered
+     *  identically in both closed-dropdown and free-text mode. */
+    private renderHintError;
+    private renderClosed;
+    private renderFreeText;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-model-select': LyraModelSelect;
+    }
+}
+//# sourceMappingURL=model-select.class.d.ts.map

package/dist/components/conversation/model-select/model-select.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-select.class.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/model-select/model-select.class.ts"],"names":[],"mappings":"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"}