@aceshooting/lyra-ui 5.0.0 → 5.1.0

package/llms/index.md

@@ -0,0 +1,301 @@
+<!-- GENERATED by scripts/build-llms.mjs from custom-elements.json + llms/<family>.md — do not edit this file. -->
+
+# Component index
+
+249 custom elements, grouped by the source family they live in.
+
+**Reading one component.** Its reference file path is derived from the tag — no search needed:
+`llms/components/<tag>.md` (e.g. `llms/components/lr-table.md`). Each is self-contained: import
+path, optional peers, properties, events, slots, CSS parts, themeable custom properties, a usage
+snippet, and known gotchas — a few hundred tokens instead of the whole catalog.
+
+**Importing.** Every entry below shows the path to append to `@aceshooting/lyra-ui/components/`:
+`import '@aceshooting/lyra-ui/components/data/table/table.js';` registers `<lr-table>`. The path
+is NOT `components/<tag>/` — it always carries the family segment. Swap `.js` for `.class.js` to
+get the class without registering the tag.
+
+**Everything else.** Library-wide behavior (base class, events, form association, `locale`/
+`strings`, TypeScript, frameworks, SSR): `llms/shared.md`. Design tokens: `llms/tokens.md`.
+Optional peers: `llms/peers.md`. `wa-*`/`sl-*` renames: `llms/migration.md`.
+
+## Form controls & inputs — `components/forms/` (25)
+
+- `lr-combobox` · forms/combobox/combobox.js — a filterable single/multi select that combines a text input with a listbox.
+- `lr-option` · forms/combobox/option.js — a selectable option for `<lr-combobox>`.
+- `lr-select` · forms/select/select.js — a plain closed-list dropdown: a direct `<lr-*>` counterpart to `<wa-select>`/`<wa-option>`.
+- `lr-date-picker` · forms/date-picker/date-picker.js — an inline month-grid calendar for picking a single date or a date range.
+- `lr-date-input` · forms/date-picker/date-input.js — a date field with an attached calendar popover.
+- `lr-textarea` · forms/textarea/textarea.js — a multiline plain-text input primitive, form-associated via the `FormAssociated` mixin (see `<lr-chat-composer>`/`<lr-date-input>` for th...
+- `lr-button` · forms/button/button.js — a generic action-button primitive.
+- `lr-icon-button` · forms/icon-button/icon-button.js — an accessible icon-only action button.
+- `lr-input` · forms/input/input.js — a single-line plain-text input primitive, the `lr-*` equivalent of a plain `wa-input`, form-associated via the `FormAssociated` mixin (sa...
+- `lr-number-input` · forms/input/number-input.js — a numeric-input alias with the complete `lr-input` form, validation, and native editing contract.
+- `lr-time-input` · forms/input/time-input.js — a native time-input alias with Lyra form chrome and events.
+- `lr-phone-input` · forms/phone-input/phone-input.js — a country-aware telephone field whose form value is canonical E.164.
+- `lr-time-range` · forms/time-range/time-range.js — a two-handle brush/scrubber over a numeric domain.
+- `lr-swatch-picker` · forms/swatch-picker/swatch-picker.js — - a single-select picker over a small, fixed set of color swatches with the WAI-ARIA APG `radiogroup` contract built in: `role="radiogrou...
+- `lr-checkbox` · forms/checkbox/checkbox.js — a boolean form control.
+- `lr-switch` · forms/switch/switch.js — a boolean toggle-switch form control.
+- `lr-slider` · forms/slider/slider.js — a numeric range control (e.g.
+- `lr-radio` · forms/radio/radio.js — a form-associated single-choice control.
+- `lr-radio-group` · forms/radio/radio-group.js — a labeled, keyboard-navigable group of radios.
+- `lr-checkbox-group` · forms/checkbox-group/checkbox-group.js — a form-associated group of `<lr-checkbox>` elements.
+- `lr-token-input` · forms/token-input/token-input.js — an editable, form-associated list of removable tokens.
+- `lr-code-editor` · forms/code-editor/code-editor.js — dependency-free multiline code editing surface with optional line numbers.
+- `lr-color-picker` · forms/color-picker/color-picker.js — a form-associated native color picker with label, hint and error chrome.
+- `lr-emoji-picker` · forms/emoji-picker/emoji-picker.js — a searchable, keyboard-navigable, form-associated emoji picker.
+- `lr-rubric-form` · forms/rubric-form/rubric-form.js — a configurable annotation rubric (LangSmith annotation-queue style): score, category, and freeform-comment keys with a submit-and-next fl...
+
+## Data display, dashboards & flow canvas — `components/data/` (25)
+
+- `lr-sparkline` · data/sparkline/sparkline.js — a zero-dependency inline SVG trend chart.
+- `lr-stat` · data/stat/stat.js — a KPI/stat card.
+- `lr-table` · data/table/table.js — a presentational, sort/select-aware data table.
+- `lr-pagination` · data/pagination/pagination.js — controlled, server-friendly page navigation with an editable page jump and optional item-range summary.
+- `lr-gauge` · data/gauge/gauge.js — a radial, full-circle ring, or linear meter.
+- `lr-word-cloud` · data/word-cloud/word-cloud.js — a zero-dependency SVG word/tag cloud.
+- `lr-heatmap` · data/heatmap/heatmap.js — a Canvas heatmap with a DPR-aware, resize-aware redraw loop, in one of two `mode`s:
+- `lr-sequence-strip` · data/sequence-strip/sequence-strip.js — a compact, one-thin-cell-per-item strip visualizing a sequence of categorical states, with an optional secondary per-cell marker.
+- `lr-tree` · data/tree/tree.js — an expand/collapse hierarchy for graph/document navigation.
+- `lr-tree-node` · data/tree/tree-node.js — internal recursive renderer for `<lr-tree>`.
+- `lr-flow-canvas` · data/flow-canvas/flow-canvas.js — a pannable/zoomable DAG workflow canvas: positions HTML node cards, draws SVG edges between their handles, runs a shared layered auto-lay...
+- `lr-flow-node` · data/flow-node/flow-node.js — the card a workflow node renders as: header/body/toolbar chrome, tool-lifecycle status tones, and the named connection-handle elements ed...
+- `lr-flow-minimap` · data/flow-minimap/flow-minimap.js — a corner overview map of a `lr-flow-canvas`: scaled node rectangles plus a draggable viewport rectangle, for orientation and fast navigat...
+- `lr-flow-controls` · data/flow-controls/flow-controls.js — the canvas's button cluster: zoom in/out, fit, and interaction lock, so every flow surface ships the same affordances without hosts rebui...
+- `lr-flow-run-overlay` · data/flow-run-overlay/flow-run-overlay.js — execution-state presentation for a `lr-flow-canvas`: pushes a `FlowRunDecorations` map into the resolved canvas (the canvas itself render...
+- `lr-context-meter` · data/context-meter/context-meter.js — a segmented occupancy meter (bar or ring) for showing how a fixed capacity (a model's context window, a token budget, any consumable quot...
+- `lr-data-grid` · data/data-grid/data-grid.js — keyboard-navigable, responsive data grid with sortable columns.
+- `lr-calendar` · data/calendar/calendar.js — responsive month calendar with event markers and agenda mode.
+- `lr-timeline` · data/timeline/timeline.js — an ordered, connected sequence of past-event rows (an audit trail, an agent action history, a changelog) composed from `<lr-timeline-item...
+- `lr-timeline-item` · data/timeline/timeline-item.js — one marker + title + optional timestamp + optional description row inside `<lr-timeline>`'s default slot.
+- `lr-file-tree` · data/file-tree/file-tree.js — a file-explorer preset over `<lr-tree>` + `<lr-file-icon>`: path-keyed nodes with git-status/diff-count badges, lazy directory loading, a...
+- `lr-env-list` · data/env-list/env-list.js — masked key/value list for environment variables and secrets, with per-row reveal and copy.
+- `lr-document-library` · data/document-library/document-library.js — a searchable, filterable inventory of documents with versions, tags, owners, freshness, and bulk selection.
+- `lr-graph-query-builder` · data/graph-query-builder/graph-query-builder.js — an editor for a single typed relationship/path filter (`GraphQuery`) over a knowledge graph: start/end entity anchors, relationship-type...
+- `lr-query-builder` · data/query-builder/query-builder.js — a composable structured-query builder for tabular/dashboard data: a flat list of field/operator/value condition rows combined with one AN...
+
+## Layout, navigation & structure — `components/layout/` (28)
+
+- `lr-split` · layout/split/split.js — resizable panels for dashboard layouts.
+- `lr-widget` · layout/widget/widget.js — a titled panel shell with an optional collapse toggle and an optional fullscreen-expand toggle.
+- `lr-carousel` · layout/carousel/carousel.js — an accessible single-slide carousel for arbitrary slotted content.
+- `lr-carousel-item` · layout/carousel/carousel-item.js — an optional semantic wrapper for one child of `<lr-carousel>`.
+- `lr-button-group` · layout/button-group/button-group.js — a responsive grouping primitive for related actions.
+- `lr-scroller` · layout/scroller/scroller.js — a responsive overflow surface with optional previous and next controls.
+- `lr-tabs` · layout/tabs/tabs.js — a tab strip whose panels are direct light-DOM children, each carrying `slot="<id>"` (the panel's stable id) and `label="<text>"` (the tab...
+- `lr-stepper` · layout/stepper/stepper.js — ordered multi-step wizard/form navigation: label + index per step, current/completed/locked/error state, click-to-jump.
+- `lr-control-group` · layout/control-group/control-group.js — a responsive layout primitive for a row of mixed form controls and action buttons (e.g.
+- `lr-segmented` · layout/segmented/segmented.js — a single-select button row with the WAI-ARIA APG `radiogroup` contract built in: `role="radiogroup"`/`role="radio"`, roving tabindex, aut...
+- `lr-virtual-list` · layout/virtual-list/virtual-list.js — a generic windowed/virtualized list host.
+- `lr-app-rail` · layout/app-rail/app-rail.js — a responsive navigation rail that adapts across three presentations as the *viewport* narrows (not this element's own inline size — see t...
+- `lr-app-rail-item` · layout/app-rail/app-rail-item.js — an explicit icon/label navigation item for `<lr-app-rail>`.
+- `lr-responsive-panel` · layout/responsive-panel/responsive-panel.js — the same slotted content either docked inline in the page's normal layout flow (desktop) or presented as a full-screen/ bottom-sheet over...
+- `lr-menu` · layout/menu/menu.js — an anchored dropdown of `<lr-menu-item>` actions, opened from a consumer-supplied trigger (typically an icon button).
+- `lr-menu-item` · layout/menu/menu-item.js — a single action row inside `<lr-menu>`'s default slot.
+- `lr-dropdown-item` · layout/menu/dropdown-item.js — the Web Awesome-compatible name for a menu item.
+- `lr-dock-panel` · layout/dock-panel/dock-panel.js — a single panel docked to one edge of whatever contains it, resizable by dragging its inner edge.
+- `lr-card` · layout/card/card.js — a generic, styled bordered content container: the "small bordered surface with padding" idiom common to hero highlights, clickable grid t...
+- `lr-command-palette` · layout/command-palette/command-palette.js — searchable application command menu with keyboard navigation.
+- `lr-details` · layout/details/details.js — an accessible disclosure panel.
+- `lr-accordion` · layout/details/accordion.js — coordinates slotted `<lr-details>` panels.
+- `lr-accordion-item` · layout/details/accordion-item.js — an accordion-compatible disclosure panel.
+- `lr-breadcrumb` · layout/breadcrumb/breadcrumb.js — a responsive navigation trail.
+- `lr-breadcrumb-item` · layout/breadcrumb/breadcrumb-item.js — one link or current-page label in a breadcrumb.
+- `lr-dashboard-grid` · layout/dashboard-grid/dashboard-grid.js — a responsive, keyboard-accessible widget grid: positions `layout` entries (`DashboardCell`: `x`/`y`/`w`/`h` grid units + a widget descrip...
+- `lr-drilldown-panel` · layout/drilldown-panel/drilldown-panel.js — controlled navigation from a chart/table datum to its related evidence, documents, entities, or agent runs.
+- `lr-filter-bar` · layout/filter-bar/filter-bar.js — a row of dashboard filters, each declared by the host (`filters`) rather than invented by this component: every filter composes an existi...
+
+## Overlays, status & feedback — `components/overlays/` (19)
+
+- `lr-toast` · overlays/toast/toast.js — the stacking toast region.
+- `lr-toast-item` · overlays/toast/toast-item.js — a single toast notification.
+- `lr-empty` · overlays/empty/empty.js — a generic empty/no-data state.
+- `lr-skeleton` · overlays/skeleton/skeleton.js — a loading placeholder.
+- `lr-drawer` · overlays/drawer/drawer.js — a modal panel anchored to one logical edge of the viewport.
+- `lr-dialog` · overlays/dialog/dialog.js — a general-purpose modal/overlay.
+- `lr-chip` · overlays/chip/chip.js — a small, content-agnostic pill for a short label: a tag, an active-filter/scope indicator, etc.
+- `lr-chip-group` · overlays/chip/chip-group.js — a flex-wrap container for a set of `<lr-chip>` children (plain light-DOM composition — direct children are the chips, the same shape `<lr...
+- `lr-kbd` · overlays/kbd/kbd.js — a small chip representing a keyboard shortcut, rendering the platform-appropriate glyph for cross-platform modifier keys (⌘ on macOS, "Ct...
+- `lr-popover` · overlays/overlay/popover.js — a click-triggered, light-dismiss floating surface.
+- `lr-tooltip` · overlays/overlay/tooltip.js — a localized, hover/focus tooltip for a consumer-owned trigger.
+- `lr-dropdown` · overlays/overlay/dropdown.js — a menu-role popover for action lists and consumer-supplied menu content.
+- `lr-spinner` · overlays/spinner/spinner.js — an indeterminate busy indicator.
+- `lr-progress-bar` · overlays/progress/progress-bar.js — a determinate or indeterminate progress indicator.
+- `lr-progress-ring` · overlays/progress/progress-ring.js — a circular determinate or indeterminate progress indicator.
+- `lr-badge` · overlays/badge/badge.js — a compact status label.
+- `lr-tag` · overlays/badge/tag.js — a semantic alias for the compact badge treatment.
+- `lr-callout` · overlays/callout/callout.js — an inline message surface for status, warning, and error content.
+- `lr-rating` · overlays/rating/rating.js — a keyboard-accessible star rating control.
+
+## Utilities, formatting & observers — `components/utility/` (19)
+
+- `lr-export-button` · utility/export-button/export-button.js — a CSV/JSON download button, single-format or a format-choice menu.
+- `lr-copy-button` · utility/copy-button/copy-button.js — a standalone icon-only copy-to-clipboard affordance for a plain single/multi-line text value in a layout the consumer controls (e.g.
+- `lr-resize-observer` · utility/resize-observer/resize-observer.js — observes the first-party or consumer-owned elements in its default slot and emits typed resize entries.
+- `lr-intersection-observer` · utility/intersection-observer/intersection-observer.js — observes slotted targets entering or leaving a viewport and emits the native intersection entries without adding layout or requiring cons...
+- `lr-mutation-observer` · utility/mutation-observer/mutation-observer.js — observes element children in the default slot and forwards native mutation records as a composed event.
+- `lr-json-viewer` · utility/json-viewer/json-viewer.js — a collapsible, copyable tree view for an arbitrary JSON-serializable value (object/array/string/number/boolean/null/ undefined).
+- `lr-live-region` · utility/live-region/live-region.js — a visually-hidden ARIA live region that throttles and coalesces announcements instead of relaying every call verbatim.
+- `lr-poll-status` · utility/poll-status/poll-status.js — a "next scheduled refresh" countdown with a built-in pause control: a ticking `M:SS` display counting down to the next scheduled action,...
+- `lr-mention-popover` · utility/mention-popover/mention-popover.js — a caret-anchored, keyboard-navigable popover for `@`-mention and `/`-slash-command autocomplete inside a plain-text `<textarea>`/`<input>...
+- `lr-diff-view` · utility/diff-view/diff-view.js — a real two-string line diff (Myers/LCS-style alignment), rendered as interleaved unified-diff output -- not diff-flavored syntax highligh...
+- `lr-icon` · utility/icon/icon.js — a tiny dependency-free SVG icon primitive using a named path set.
+- `lr-divider` · utility/divider/divider.js — a themeable semantic separator.
+- `lr-format-number` · utility/format/format-number.js — locale-aware `Intl.NumberFormat` output.
+- `lr-format-date` · utility/format/format-date.js — locale-aware `Intl.DateTimeFormat` output.
+- `lr-format-bytes` · utility/format/format-bytes.js — locale-aware byte-size formatting.
+- `lr-relative-time` · utility/format/relative-time.js — locale-aware relative time that can refresh automatically.
+- `lr-known-date` · utility/known-date/known-date.js — a date a user already knows (a birthdate, a passport issue/expiry date) collected as three plain, labeled day/month/year number fields in...
+- `lr-random-content` · utility/random-content/random-content.js — displays a randomly (or sequentially) chosen subset of its slotted children and hides the rest, for A/B copy testing, testimonial/quote r...
+- `lr-tour` · utility/tour/tour.js — - a spotlight-and-step guided walkthrough for first-run onboarding.
+
+## Media, files & maps — `components/media/` (18)
+
+- `lr-flag` · media/flag/flag.js — a country/language flag.
+- `lr-playback` · media/playback/playback.js — steps an index through `[0, length)` on a fixed interval (play/pause), the common building block behind ad-hoc play-timers in time-series...
+- `lr-map` · media/map/map.js — a maplibre-gl wrapper with a declarative legend, choropleth GeoJSON layer, markers, and additive `dataLayers` GeoJSON overlays (arbitrary...
+- `lr-file-input` · media/file-input/file-input.js — a drag-drop + click-to-browse file dropzone.
+- `lr-image-comparer` · media/image-comparer/image-comparer.js — compares two slotted surfaces with a keyboard- accessible range divider.
+- `lr-zoomable-frame` · media/zoomable-frame/zoomable-frame.js — a scrollable frame for inspecting slotted or image content at a bounded zoom level.
+- `lr-attachment-chip` · media/attachment-chip/attachment-chip.js — a compact chip representing one file queued for (or already part of) a chat message: a composer's pre-send attachment tray, or a sent mes...
+- `lr-file-icon` · media/file-icon/file-icon.js — Displays a localized, tokenized file-type badge from a MIME type.
+- `lr-media-card` · media/media-card/media-card.js — a lightweight inline preview for one already-sent, already-available attachment inside a rendered chat message body (e.g.
+- `lr-attachment-trigger` · media/attachment-trigger/attachment-trigger.js — a compact attach affordance designed for a chat composer's leading slot (see `<lr-chat-composer>`'s own `leading` slot, which this drops...
+- `lr-avatar` · media/avatar/avatar.js — a small, fixed-size identity marker: default-slotted icon/glyph content, an image, or an initials fallback, in that priority order (which...
+- `lr-animated-image` · media/animated-image/animated-image.js — - displays an animated GIF/APNG/WebP with a play/pause control, defaulting to a frozen first frame both at rest and automatically under `...
+- `lr-animation` · media/animation/animation.js — `<lr-animation>` declaratively animates its single slotted child through the native Web Animations API: a small curated preset catalog (`...
+- `lr-avatar-group` · media/avatar-group/avatar-group.js — stacks a set of slotted `<lr-avatar>` children into a single overlapping row (negative-margin overlap, ring border so each circle reads a...
+- `lr-lightbox` · media/lightbox/lightbox.js — a full-screen, modal, click-to-enlarge image viewer with prev/next navigation across an ordered set of images.
+- `lr-qr-code` · media/qr-code/qr-code.js — - encodes `value` as a QR symbol with the optional `qrcode` peer dependency (Reed-Solomon error correction and every other algorithmic st...
+- `lr-image-viewer` · media/image-viewer/image-viewer.js — full pan/zoom raster-image viewer with labeled region highlights and opt-in region annotation, the landing surface for `region`-anchored...
+- `lr-av-player` · media/av-player/av-player.js — audio/video player built on a native `<audio>`/`<video>` element, plus a cue transcript synced to `currentTime`, `time-range` anchor/high...
+
+## Charts — `components/charts/` (12)
+
+- `lr-chart` · charts/chart/chart.js — the core Chart.js wrapper every other `lr-*-chart` tag subclasses.
+- `lr-lite-chart` · charts/chart/lite-chart.js — a dependency-free bar/line chart, plain SVG/DOM rendering with zero peer dependencies (unlike `lr-chart`, which wraps `chart.js`).
+- `lr-line-chart` · charts/chart/line-chart.js — `<lr-chart>` with `type` locked to `"line"`.
+- `lr-bar-chart` · charts/chart/bar-chart.js — `<lr-chart>` with `type` locked to `"bar"`.
+- `lr-pie-chart` · charts/chart/pie-chart.js — `<lr-chart>` with `type` locked to `"pie"`.
+- `lr-doughnut-chart` · charts/chart/doughnut-chart.js — `<lr-chart>` with `type` locked to `"doughnut"`.
+- `lr-radar-chart` · charts/chart/radar-chart.js — `<lr-chart>` with `type` locked to `"radar"`.
+- `lr-polar-area-chart` · charts/chart/polar-area-chart.js — `<lr-chart>` with `type` locked to `"polarArea"`.
+- `lr-bubble-chart` · charts/chart/bubble-chart.js — `<lr-chart>` with `type` locked to `"bubble"`.
+- `lr-scatter-chart` · charts/chart/scatter-chart.js — `<lr-chart>` with `type` locked to `"scatter"`.
+- `lr-histogram` · charts/chart/histogram.js — bins `values` into `bins` equal-width buckets and renders them as a bar chart.
+- `lr-box-plot` · charts/chart/box-plot.js — a box-and-whisker chart from precomputed five-number summaries (no raw sample data is shipped to the browser).
+
+## Document & file viewers — `components/viewers/` (22)
+
+- `lr-document-preview` · viewers/document-preview/document-preview.js — a format-dispatching viewer for one document/ attachment, plus the visual state machine for an async server-side conversion a host app ru...
+- `lr-document-viewer` · viewers/document-viewer/document-viewer.js — A dialog-hosted document viewer with a pluggable MIME-type renderer registry.
+- `lr-docx-viewer` · viewers/docx-viewer/docx-viewer.js — Renders a DOCX document as sanitized semantic HTML using the optional `mammoth` converter and `dompurify` sanitizer peers.
+- `lr-email-viewer` · viewers/email-viewer/email-viewer.js — Parses `.eml` messages with the optional `postal-mime` peer and renders their HTML body only after DOMPurify sanitization.
+- `lr-calendar-viewer` · viewers/calendar-viewer/calendar-viewer.js — Parses `.ics` calendars with the optional `ical.js` peer and renders each VEVENT as plain text, preserving summaries, times, locations, a...
+- `lr-archive-viewer` · viewers/archive-viewer/archive-viewer.js — Lists names and uncompressed sizes in a ZIP archive without rendering entry contents.
+- `lr-ebook-viewer` · viewers/ebook-viewer/ebook-viewer.js — Renders an EPUB with the optional `epubjs` peer.
+- `lr-pptx-viewer` · viewers/pptx-viewer/pptx-viewer.js — Best-effort client-side PPTX viewer backed by `@aiden0z/pptx-renderer`.
+- `lr-svg-viewer` · viewers/svg-viewer/svg-viewer.js — Fetches and safely renders an inline SVG document.
+- `lr-html-viewer` · viewers/html-viewer/html-viewer.js — Fetches and safely renders an inline HTML document.
+- `lr-dataset-viewer` · viewers/dataset-viewer/dataset-viewer.js — Fetches delimited text and renders a virtualized, accessible data table: a `role="table"` container with a sticky `role="row"` header, co...
+- `lr-contact-viewer` · viewers/contact-viewer/contact-viewer.js — Fetches a vCard document and renders one accessible card per contact.
+- `lr-pdf-viewer` · viewers/pdf-viewer/pdf-viewer.js — Fetches PDF bytes and renders their pages with the optional `pdfjs-dist` peer.
+- `lr-spreadsheet-viewer` · viewers/spreadsheet-viewer/spreadsheet-viewer.js — Fetches and renders `.xlsx` and legacy `.xls` workbooks with virtualized rows and sheet tabs.
+- `lr-csv-viewer` · viewers/csv-viewer/csv-viewer.js — Fetches CSV text, parses quoted fields with PapaParse, and virtualizes its rows.
+- `lr-include` · viewers/include/include.js — `<lr-include>` fetches an HTML fragment from `src` and transcludes it into the page as sanitized light-DOM content, so the fragment parti...
+- `lr-highlight-layer` · viewers/highlight-layer/highlight-layer.js — a presentational overlay that paints highlight rectangles (percent-of-box coordinates) over positioned content and owns their activation,...
+- `lr-page-rail` · viewers/page-rail/page-rail.js — a virtualized vertical thumbnail rail for page-addressed documents, with per-page highlight heat markers.
+- `lr-notebook-viewer` · viewers/notebook-viewer/notebook-viewer.js — read-only Jupyter notebook (nbformat 4.x) renderer, composing existing components per cell.
+- `lr-xml-viewer` · viewers/xml-viewer/xml-viewer.js — collapsible, copyable, `DOMParser`-based tree view for XML documents, mirroring `lr-json-viewer`'s UX (`collapsed-depth`, `copyable`, str...
+- `lr-document-compare` · viewers/document-compare/document-compare.js — side-by-side or inline comparison of two document versions, composed entirely from two existing primitives rather than reimplementing eit...
+- `lr-geojson-view` · viewers/geojson-view/geojson-view.js — internal document-registry bridge rendering a fetched GeoJSON file through `<lr-map>`'s `dataLayers`.
+
+## Conversation & chat UI — `components/conversation/` (28)
+
+- `lr-markdown` · conversation/markdown/markdown.js — sanitized Markdown-to-HTML rendering (GFM tables, fenced code blocks, links, blockquotes) built on the optional peer dependencies `marked...
+- `lr-markdown-core` · conversation/markdown/markdown-core.js — a build-lean variant of `<lr-markdown>` for a consumer whose `languages` map already covers every language it will ever render.
+- `lr-chat-message` · conversation/chat-message/chat-message.js — a role-based message bubble *shell* for a chat/ agent conversation surface.
+- `lr-typing-indicator` · conversation/typing-indicator/typing-indicator.js — a purely presentational "assistant is responding" presence cue.
+- `lr-chat-composer` · conversation/chat-composer/chat-composer.js — the message input for a chat/agent conversation surface: an auto-resizing textarea plus a send/stop button.
+- `lr-stream-status` · conversation/stream-status/stream-status.js — a compact status indicator for a single streaming connection (SSE, WebSocket, long-poll, …), with built-in heartbeat-aware stall detection.
+- `lr-conversation-item` · conversation/conversation-item/conversation-item.js — a selectable row representing one chat session in a history sidebar list.
+- `lr-model-select` · conversation/model-select/model-select.js — a provider/model picker that renders as a closed dropdown when a fixed `catalog` is available, or as a filterable free-text combobox when...
+- `lr-streaming-text` · conversation/streaming-text/streaming-text.js — a token-coalescing incremental text renderer for streaming assistant output, with an optional blinking cursor and auto-detected Markdown...
+- `lr-generation-status` · conversation/generation-status/generation-status.js — a compact, ticking status readout shown alongside an in-progress AI response: elapsed time, token count, and token-throughput, plus a bui...
+- `lr-code-block` · conversation/code-block/code-block.js — fenced code display with optional lazy syntax highlighting and a copy button.
+- `lr-code-block-core` · conversation/code-block/code-block-core.js — a build-lean variant of `<lr-code-block>` for a consumer whose `languages` map already covers every language it will ever render.
+- `lr-model-settings-panel` · conversation/model-settings-panel/model-settings-panel.js — a fixed composition of `<lr-model-select>` and `<lr-slider>` into one agent-configuration card: pick a provider's model, then tune its sa...
+- `lr-audio-visualizer` · conversation/audio-visualizer/audio-visualizer.js — a presentational, canvas-drawn voice-activity visualization (bars or waveform), the LiveKit-BarVisualizer counterpart for this library.
+- `lr-branch-picker` · conversation/branch-picker/branch-picker.js — the "‹ 2 / 5 ›" navigator across regenerated/edited variants of one message.
+- `lr-message-actions` · conversation/message-actions/message-actions.js — the per-message action toolbar for `<lr-chat-message>`'s `actions` slot: opt-in built-ins (copy / regenerate / edit / feedback) that emit...
+- `lr-message-feedback` · conversation/message-feedback/message-feedback.js — thumbs up/down for one assistant message, with an optional inline detail step (categorical reason chips + a free-text comment) that opens...
+- `lr-push-to-talk` · conversation/push-to-talk/push-to-talk.js — a mic capture button owning the full `getUserMedia` + `MediaRecorder` lifecycle: permission request, recording, optional chunked streamin...
+- `lr-transcript-feed` · conversation/transcript-feed/transcript-feed.js — live captions for an in-progress voice session: speaker-grouped entries, interim-vs-final styling with in-place upgrades keyed by `id`, a...
+- `lr-handoff-divider` · conversation/handoff-divider/handoff-divider.js — a labeled semantic separator marking control transfer between agents in a transcript ("Transferred to Research Agent"), with an optional...
+- `lr-chat-viewport` · conversation/chat-viewport/chat-viewport.js — the transcript scroll container: owns stick-to-bottom behavior while an answer streams, the "jump to latest" pill, and the unread divider.
+- `lr-suggestion-chips` · conversation/suggestion-chips/suggestion-chips.js — starter prompts (empty thread) and follow-up suggestions (after a response) as a horizontally scrollable chip row; activation hands the p...
+- `lr-thread-list` · conversation/thread-list/thread-list.js — the conversation sidebar: a grouped, searchable list of chat sessions with pin/archive/delete/rename affordances.
+- `lr-checkpoint` · conversation/checkpoint/checkpoint.js — an inline conversation restore point: a labeled marker between messages whose Restore affordance confirms inline, then hands the host a `...
+- `lr-usage-badge` · conversation/usage-badge/usage-badge.js — a compact, static resource strip for one message or run: tokens in/out, cost, latency, with a hover/focus tooltip breakdown.
+- `lr-widget-renderer` · conversation/widget-renderer/widget-renderer.js — renders an agent-streamed declarative JSON widget tree through an allowlisted `type -> lyra tag` registry (see `registry.ts`/`resolve.ts`...
+- `lr-voice-picker` · conversation/voice-picker/voice-picker.js — a TTS voice selector over a host-supplied `catalog`, mirroring `lr-model-select`'s closed-dropdown/free-text-combobox dual mode, stale-va...
+- `lr-agent-workspace` · conversation/agent-workspace/agent-workspace.js — a responsive, controlled shell for an AI conversation and its supporting agent state.
+
+## Agent tooling, tool calls & evaluation — `components/agent-tools/` (29)
+
+- `lr-tool-call-chip` · agent-tools/tool-call-chip/tool-call-chip.js — a compact inline pill representing one tool/ function call an agent made mid-conversation, e.g.
+- `lr-tool-result-view` · agent-tools/tool-result-view/tool-result-view.js — renders a tool call's result via whichever custom renderer a host app has registered for it (see `registerToolRenderer()` in `registry.ts...
+- `lr-tool-result-dialog` · agent-tools/tool-result-dialog/tool-result-dialog.js — a full tool-call detail overlay: a status/ duration header plus a `body` slot where a consumer typically places a `<lr-tabs>` with Input/...
+- `lr-tool-select-dialog` · agent-tools/tool-select-dialog/tool-select-dialog.js — a category-grouped, filterable, searchable tool-enablement dialog for picking which agent tools are available in a conversation.
+- `lr-thinking-panel` · agent-tools/thinking-panel/thinking-panel.js — a collapsible panel for an AI agent's intermediate reasoning/"thinking" transcript, kept visually and semantically distinct from its fina...
+- `lr-stack-trace` · agent-tools/stack-trace/stack-trace.js — parses common V8/JS-TS, Firefox/Safari, and Python stack traces into a leading message plus activatable frames, splitting chained/caused-...
+- `lr-tool-approval-dialog` · agent-tools/tool-approval-dialog/tool-approval-dialog.js — a human-in-the-loop gate: presents one proposed tool/function call (`toolName` + `args`) and blocks an agent from executing it until a pe...
+- `lr-tool-param-form` · agent-tools/tool-param-form/tool-param-form.js — renders one form control per top-level property of a JSON Schema object, for ad hoc tool invocation or approval-editing UIs (e.g.
+- `lr-result-card` · agent-tools/result-card/result-card.js — a small bordered card shell for a custom tool-result renderer's body (see `<lr-tool-result-view>`'s `registerToolRenderer()` in `../tool-...
+- `lr-result-field` · agent-tools/result-card/result-field.js — a single label/value row, meant for use inside a `<lr-result-card>` body (though it works standalone too).
+- `lr-compare-panel` · agent-tools/compare-panel/compare-panel.js — side-by-side A/B output comparison with a winner vote (LMSYS-arena / LangSmith-pairwise style): two slotted panes, a vote bar, synchroniz...
+- `lr-span-waterfall` · agent-tools/span-waterfall/span-waterfall.js — the horizontal-timeline projection of the same `LyraSpan[]` `<lr-trace-tree>` consumes: a time axis, one row per span in start order, sta...
+- `lr-task-list` · agent-tools/task-list/task-list.js — a live, collapsible tracker for an agent's plan: ordered steps with per-step lifecycle status and one level of nested sub-steps, embedded...
+- `lr-terminal` · agent-tools/terminal/terminal.js — read-only ANSI console for streamed agent/tool output.
+- `lr-trace-tree` · agent-tools/trace-tree/trace-tree.js — a collapsible span hierarchy for one agent/LLM trace (Langfuse/LangSmith run-tree style): kind icon, name, status, an inline duration bar...
+- `lr-activity-feed` · agent-tools/activity-feed/activity-feed.js — an append-only streaming log of granular agent actions ("Searching the web…", "Read src/index.ts"), collapsing to a localized "Completed...
+- `lr-commit-card` · agent-tools/commit-card/commit-card.js — compact commit summary (subject, author/time, diffstat, per-file changes) that links file rows out to a diff view.
+- `lr-test-results` · agent-tools/test-results/test-results.js — a pass/fail suite summary with per-status counts, status filter toggles, and per-test rows whose failures auto-expand by default and can...
+- `lr-confirm-bar` · agent-tools/confirm-bar/confirm-bar.js — an inline, non-modal approve/deny block for one proposed action: the in-flow sibling of `<lr-tool-approval-dialog>` for confirmations tha...
+- `lr-browser-frame` · agent-tools/browser-frame/browser-frame.js — presentational "agent computer" viewport: a screenshot/frame stream (or slotted live media), read-only URL display, action-ping overlays,...
+- `lr-artifact-panel` · agent-tools/artifact-panel/artifact-panel.js — shell around one agent-generated artifact: a title/kind header, a preview<->code toggle, version navigation with restore, a streaming ind...
+- `lr-agent-run` · agent-tools/agent-run/agent-run.js — the top-level shell for one `AgentRun`: lifecycle-status badge, elapsed time, current step, model/cost summary, and built-in Cancel/Retry...
+- `lr-agent-trace` · agent-tools/agent-trace/agent-trace.js — a provider-neutral agent/LLM trace view: a span-kind filter row, a handoff quick-jump list, and the full trace hierarchy, all driven by o...
+- `lr-context-inspector` · agent-tools/context-inspector/context-inspector.js — an inspection view of the exact context assembled for a model call: per-segment token estimates via `<lr-context-meter>`, source attribut...
+- `lr-eval-dataset` · agent-tools/eval-dataset/eval-dataset.js — dataset management for an evaluation suite: a filterable/taggable list of `EvalExample` rows, plus add/remove/import/export affordances.
+- `lr-eval-result` · agent-tools/eval-result/eval-result.js — rubric scoring, human review, and comparison across a single evaluation example's runs (one per model or prompt version), LangSmith/Arize...
+- `lr-evaluation-run` · agent-tools/evaluation-run/evaluation-run.js — an evaluation batch's live progress: an overall `<lr-progress-bar>` counting terminal (done/error/cancelled) examples against the batch t...
+- `lr-policy-summary` · agent-tools/policy-summary/policy-summary.js — a read-only list of guardrail, permission, privacy, and tool-policy decisions, each carrying an `allow` / `deny` / `needs-review` state a...
+- `lr-tool-timeline` · agent-tools/tool-timeline/tool-timeline.js — a chronological list of an agent run's tool/function calls, each rendered through `<lr-tool-call-chip>` (name/status/duration) and `<lr-t...
+
+## Retrieval, knowledge graph & grounding — `components/retrieval/` (24)
+
+- `lr-graph` · retrieval/graph/graph.js — a force-directed node-link diagram with pan/zoom/drag.
+- `lr-node-palette` · retrieval/node-palette/node-palette.js — the searchable, categorized node library for workflow editors: drag an item onto a canvas, or place it by keyboard.
+- `lr-graph-legend` · retrieval/graph-legend/graph-legend.js — a node-type legend for a paired `lr-graph`: one swatch + label + count row per `lr-graph` node type, doubling as visibility filters.
+- `lr-entity-card` · retrieval/entity-card/entity-card.js — a dossier card for one `LyraEntity`: type badge, description, key/value property rows, degree, community chip, plus a built-in "focus in...
+- `lr-entity-chip` · retrieval/entity-chip/entity-chip.js — an inline `@entity` mention for agent prose: flow content, keyboard-focusable, with a hover/focus preview popover.
+- `lr-neighbor-list` · retrieval/neighbor-list/neighbor-list.js — one entity's relationship rows: relation, direction, neighbor, with per-row navigate and expand-in-graph affordances.
+- `lr-path-strip` · retrieval/path-strip/path-strip.js — a linear node -> relation -> node chain rendering "why A connects to B" (GraphRAG local-search reasoning paths) as a compact, horizontall...
+- `lr-community-card` · retrieval/community-card/community-card.js — a cluster/community summary card (GraphRAG community report): label, LLM summary excerpt, member count, member chips with overflow, and a...
+- `lr-chunk-inspector` · retrieval/chunk-inspector/chunk-inspector.js — a ranked retrieved-chunks list: relevance score bars with tier tones, expandable chunk text, and the deep-link event that lands a chunk i...
+- `lr-source-picker` · retrieval/source-picker/source-picker.js — a checkbox tree/list scoping which sources ground the next answer: tri-state folders, select-all, type icons, search.
+- `lr-provenance-panel` · retrieval/provenance-panel/provenance-panel.js — the grounding breakdown for one answer: a sectioned disclosure panel (Entities / Relationships / Communities / Text chunks) composing thi...
+- `lr-mind-map` · retrieval/mind-map/mind-map.js — a radial expandable topic tree (NotebookLM Mind Maps): a spatial overview of a topic hierarchy where activating a topic drills in or hand...
+- `lr-citation-badge` · retrieval/citation-badge/citation-badge.js — an inline `[n]` citation marker with a hover/ focus preview popover and confidence/verification-status coloring.
+- `lr-source-list` · retrieval/source-list/source-list.js — a collapsible "Sources" panel for one chat message, grouping a set of `<lr-source-card>` children (its default-slot light-DOM children, p...
+- `lr-source-card` · retrieval/source-card/source-card.js — one citation/source entry, meant to be a direct light-DOM child of `<lr-source-list>` (though it renders and functions fine standalone).
+- `lr-entity-dossier` · retrieval/entity-dossier/entity-dossier.js — a full entity detail surface: a persistent header (`lr-entity-card` plus an optional confidence `lr-stat`) above a `lr-tabs` strip for Re...
+- `lr-grounding-summary` · retrieval/grounding-summary/grounding-summary.js — - the claim-level scorecard for one generated answer: supported/ unsupported claim counts, citation coverage, an optional confidence scor...
+- `lr-ingestion-queue` · retrieval/ingestion-queue/ingestion-queue.js — a controlled list of documents moving through an ingestion pipeline (upload → text extraction → chunking → embedding → indexing), each ro...
+- `lr-knowledge-base` · retrieval/knowledge-base/knowledge-base.js — a source list for a retrieval knowledge base: sync status, indexing health, permissions, and per-row create/sync/pause/delete affordances.
+- `lr-knowledge-graph-explorer` · retrieval/knowledge-graph-explorer/knowledge-graph-explorer.js — an orchestration-level surface for exploring a knowledge graph: the `lr-graph` canvas plus entity search, type filters, neighborhood expa...
+- `lr-memory-panel` · retrieval/memory-panel/memory-panel.js — an agent's working memory surface: short-term context and long-term memories, each item's confidence and (optional) grounding provenance,...
+- `lr-retrieval-results` · retrieval/retrieval-results/retrieval-results.js — the orchestration-level ranked-chunk-list surface: takes raw `RetrievalChunk[]` (the shared retrieval-and-grounding type from `src/ai/typ...
+- `lr-retrieval-search` · retrieval/retrieval-search/retrieval-search.js — - the query bar for a retrieval/RAG surface: query text, an active- filter/scope chip row, a vector/keyword/hybrid mode selector, and loa...
+- `lr-retrieval-trace` · retrieval/retrieval-trace/retrieval-trace.js — a retrieval pipeline's stage timeline (query rewriting, embedding, retrieval, reranking, filtering), rendered through `<lr-span-waterfall...

package/llms/migration.md

@@ -0,0 +1,86 @@
+<!-- GENERATED by scripts/build-llms.mjs from README.md migration/catalog tables — do not edit this file. -->
+
+# Migrating to `lr-*`
+
+Lyra has no runtime, theme, or token dependency on Web Awesome or Shoelace. Where a component
+mirrors one, it keeps the documented public vocabulary — attributes, slots, events, CSS parts and
+custom properties — under the `lr-` prefix, so the migration is a mechanical tag/import rename.
+Intentional differences are always called out in the component's own section
+(`llms/components/<tag>.md`); check it before assuming a 1:1 attribute match. Known example:
+Lyra's combobox uses `with-clear` where Web Awesome uses `clearable`.
+
+Also rewrite the import specifiers: `@awesome.me/webawesome` and `@shoelace-style/shoelace`
+-> `@aceshooting/lyra-ui` (per-component entry points are listed in `llms/index.md`).
+
+A tag absent from these tables has no documented counterpart — port it by hand, or check
+`llms/index.md` for a Lyra component that covers the same job under a different name.
+
+## Web Awesome (44)
+
+Documented 1:1 mirrors. `wa-*` names not listed here are Web Awesome components Lyra does not mirror.
+
+| From | To |
+|---|---|
+| `<wa-accordion>` | `<lr-accordion>` |
+| `<wa-badge>` | `<lr-badge>` |
+| `<wa-breadcrumb>` | `<lr-breadcrumb>` |
+| `<wa-button>` | `<lr-button>` |
+| `<wa-button-group>` | `<lr-button-group>` |
+| `<wa-callout>` | `<lr-callout>` |
+| `<wa-carousel>` | `<lr-carousel>` |
+| `<wa-carousel-item>` | `<lr-carousel-item>` |
+| `<wa-chart>` | `<lr-chart>` |
+| `<wa-color-picker>` | `<lr-color-picker>` |
+| `<wa-combobox>` | `<lr-combobox>` |
+| `<wa-date-input>` | `<lr-date-input>` |
+| `<wa-date-picker>` | `<lr-date-picker>` |
+| `<wa-details>` | `<lr-details>` |
+| `<wa-divider>` | `<lr-divider>` |
+| `<wa-dropdown>` | `<lr-dropdown>` |
+| `<wa-dropdown-item>` | `<lr-dropdown-item>` |
+| `<wa-format-bytes>` | `<lr-format-bytes>` |
+| `<wa-format-date>` | `<lr-format-date>` |
+| `<wa-format-number>` | `<lr-format-number>` |
+| `<wa-image-comparer>` | `<lr-image-comparer>` |
+| `<wa-input>` | `<lr-input>` |
+| `<wa-intersection-observer>` | `<lr-intersection-observer>` |
+| `<wa-mutation-observer>` | `<lr-mutation-observer>` |
+| `<wa-number-input>` | `<lr-number-input>` |
+| `<wa-popover>` | `<lr-popover>` |
+| `<wa-progress-bar>` | `<lr-progress-bar>` |
+| `<wa-progress-ring>` | `<lr-progress-ring>` |
+| `<wa-radio>` | `<lr-radio>` |
+| `<wa-radio-group>` | `<lr-radio-group>` |
+| `<wa-rating>` | `<lr-rating>` |
+| `<wa-relative-time>` | `<lr-relative-time>` |
+| `<wa-resize-observer>` | `<lr-resize-observer>` |
+| `<wa-scroller>` | `<lr-scroller>` |
+| `<wa-select>` | `<lr-select>` |
+| `<wa-sparkline>` | `<lr-sparkline>` |
+| `<wa-spinner>` | `<lr-spinner>` |
+| `<wa-tag>` | `<lr-tag>` |
+| `<wa-textarea>` | `<lr-textarea>` |
+| `<wa-time-input>` | `<lr-time-input>` |
+| `<wa-toast>` | `<lr-toast>` |
+| `<wa-toast-item>` | `<lr-toast-item>` |
+| `<wa-tooltip>` | `<lr-tooltip>` |
+| `<wa-zoomable-frame>` | `<lr-zoomable-frame>` |
+
+## Shoelace (12)
+
+Best-effort mapping: Web Awesome, not Lyra, is Shoelace's direct successor, so these agree less often.
+
+| From | To |
+|---|---|
+| `<sl-badge>` | `<lr-badge>` |
+| `<sl-button>` | `<lr-button>` |
+| `<sl-callout>` | `<lr-callout>` |
+| `<sl-card>` | `<lr-card>` |
+| `<sl-dialog>` | `<lr-dialog>` |
+| `<sl-drawer>` | `<lr-drawer>` |
+| `<sl-input>` | `<lr-input>` |
+| `<sl-option>` | `<lr-option>` |
+| `<sl-progress-bar>` | `<lr-progress-bar>` |
+| `<sl-select>` | `<lr-select>` |
+| `<sl-spinner>` | `<lr-spinner>` |
+| `<sl-textarea>` | `<lr-textarea>` |

package/llms/peers.md

@@ -0,0 +1,41 @@
+<!-- GENERATED by scripts/build-llms.mjs from package.json + src/components/ — do not edit this file. -->
+
+# Optional peer dependencies
+
+All 25 peers are **optional**: nothing here is needed to install or use the library,
+and no component imports one eagerly. Install a peer only when you use a component that needs it.
+
+**How they load.** A component that needs a peer resolves it through a dynamic `import()` on first
+use, rendering an `<lr-skeleton>` placeholder with `aria-busy="true"` on the host while it settles.
+If the peer is genuinely absent, the component falls back to an empty/degraded render and logs one
+`console.warn` (deduped module-wide, not per instance) — it never throws and never blocks paint.
+`<lr-phone-input>` is the exception: it takes an explicit consumer-built adapter
+(`loadLibphonenumberAdapter()`) instead of importing `libphonenumber-js` itself.
+
+| Peer | Range | Needed by |
+|---|---|---|
+| `@aceshooting/lyra-flags` | `workspace:^2.0.0` | `lr-flag` |
+| `@aiden0z/pptx-renderer` | `^1.2.4` | `lr-pptx-viewer` |
+| `@sgratzl/chartjs-chart-boxplot` | `^4.4.0` | `lr-box-plot` |
+| `chart.js` | `^4.5.0` | `lr-bar-chart`, `lr-box-plot`, `lr-bubble-chart`, `lr-chart`, `lr-doughnut-chart`, `lr-histogram`, `lr-line-chart`, `lr-pie-chart`, `lr-polar-area-chart`, `lr-radar-chart`, `lr-scatter-chart` |
+| `chartjs-plugin-zoom` | `^2.2.0` | `lr-bar-chart`, `lr-box-plot`, `lr-bubble-chart`, `lr-chart`, `lr-doughnut-chart`, `lr-histogram`, `lr-line-chart`, `lr-pie-chart`, `lr-polar-area-chart`, `lr-radar-chart`, `lr-scatter-chart` |
+| `d3-drag` | `^3.0.0` | `lr-graph`, `lr-knowledge-graph-explorer` |
+| `d3-force` | `^3.0.0` | `lr-graph`, `lr-knowledge-graph-explorer` |
+| `d3-selection` | `^3.0.0` | `lr-graph`, `lr-knowledge-graph-explorer` |
+| `d3-zoom` | `^3.0.0` | `lr-graph`, `lr-knowledge-graph-explorer` |
+| `dompurify` | `^3.4.12` | `lr-docx-viewer`, `lr-email-viewer`, `lr-html-viewer`, `lr-include`, `lr-markdown`, `lr-markdown-core`, `lr-notebook-viewer`, `lr-svg-viewer` |
+| `emoji-picker-element-data` | `^1.8.0` | `lr-emoji-picker` |
+| `epubjs` | `^0.3.93` | `lr-ebook-viewer` |
+| `ical.js` | `^2.2.1` | `lr-calendar-viewer` |
+| `jszip` | `^3.10.1` | `lr-archive-viewer` |
+| `katex` | `^0.17.0` | `lr-markdown`, `lr-markdown-core` |
+| `libphonenumber-js` | `>=1.11.0 <2` | `lr-phone-input` |
+| `mammoth` | `^1.12.0` | `lr-docx-viewer` |
+| `maplibre-gl` | `^5.24.0` | `lr-geojson-view`, `lr-map` |
+| `marked` | `^18.0.6` | `lr-markdown`, `lr-markdown-core` |
+| `papaparse` | `^5.5.3` | `lr-csv-viewer`, `lr-dataset-viewer` |
+| `pdfjs-dist` | `^6.1.200` | `lr-pdf-viewer` |
+| `postal-mime` | `^2.7.5` | `lr-email-viewer` |
+| `qrcode` | `^1.5.4` | `lr-qr-code` |
+| `shiki` | `^4.3.1` | `lr-code-block`, `lr-code-block-core`, `lr-diff-view`, `lr-document-compare`, `lr-markdown`, `lr-markdown-core` |
+| `xlsx` | `>=0.20.3 <0.21.0` | `lr-spreadsheet-viewer` |