@aceshooting/lyra-ui 7.8.0 → 7.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aceshooting/lyra-ui",
-  "version": "7.8.0",
+  "version": "7.8.1",
   "description": "Free, independent Lit web components: an open-source alternative to Shoelace and Web Awesome with accessible forms, dashboards, charts, and agent UI.",
   "keywords": [
     "web-components",
@@ -82,8 +82,8 @@
     "./dist/components/agent-tools/agent-eval-dashboard/agent-eval-dashboard.js",
     "./dist/components/agent-tools/agent-run/agent-run.js",
     "./dist/components/agent-tools/agent-trace/agent-trace.js",
-    "./dist/components/agent-tools/artifact-panel/artifact-panel.js",
     "./dist/components/agent-tools/approval-queue/approval-queue.js",
+    "./dist/components/agent-tools/artifact-panel/artifact-panel.js",
     "./dist/components/agent-tools/browser-frame/browser-frame.js",
     "./dist/components/agent-tools/commit-card/commit-card.js",
     "./dist/components/agent-tools/compare-panel/compare-panel.js",
@@ -92,11 +92,16 @@
     "./dist/components/agent-tools/eval-dataset/eval-dataset.js",
     "./dist/components/agent-tools/eval-result/eval-result.js",
     "./dist/components/agent-tools/evaluation-run/evaluation-run.js",
+    "./dist/components/agent-tools/index.js",
+    "./dist/components/agent-tools/mcp-app/mcp-app.js",
     "./dist/components/agent-tools/policy-summary/policy-summary.js",
+    "./dist/components/agent-tools/prompt-studio/prompt-studio.js",
     "./dist/components/agent-tools/result-card/result-card.js",
     "./dist/components/agent-tools/result-card/result-field.js",
+    "./dist/components/agent-tools/schema-viewer/schema-viewer.js",
     "./dist/components/agent-tools/span-waterfall/span-waterfall.js",
     "./dist/components/agent-tools/stack-trace/stack-trace.js",
+    "./dist/components/agent-tools/subagent-panel/subagent-panel.js",
     "./dist/components/agent-tools/task-list/task-list.js",
     "./dist/components/agent-tools/terminal/terminal.js",
     "./dist/components/agent-tools/test-results/test-results.js",
@@ -109,11 +114,6 @@
     "./dist/components/agent-tools/tool-select-dialog/tool-select-dialog.js",
     "./dist/components/agent-tools/tool-timeline/tool-timeline.js",
     "./dist/components/agent-tools/trace-tree/trace-tree.js",
-    "./dist/components/agent-tools/mcp-app/mcp-app.js",
-    "./dist/components/agent-tools/prompt-studio/prompt-studio.js",
-    "./dist/components/agent-tools/schema-viewer/schema-viewer.js",
-    "./dist/components/agent-tools/subagent-panel/subagent-panel.js",
-    "./dist/components/agent-tools/index.js",
     "./dist/components/charts/chart/bar-chart.js",
     "./dist/components/charts/chart/box-plot.js",
     "./dist/components/charts/chart/bubble-chart.js",
@@ -138,13 +138,19 @@
     "./dist/components/conversation/conversation-item/conversation-item.js",
     "./dist/components/conversation/generation-status/generation-status.js",
     "./dist/components/conversation/handoff-divider/handoff-divider.js",
+    "./dist/components/conversation/index.js",
     "./dist/components/conversation/markdown/markdown-core.js",
     "./dist/components/conversation/markdown/markdown.js",
     "./dist/components/conversation/message-actions/message-actions.js",
     "./dist/components/conversation/message-feedback/message-feedback.js",
+    "./dist/components/conversation/message-parts/message-parts.js",
     "./dist/components/conversation/model-select/model-select.js",
     "./dist/components/conversation/model-settings-panel/model-settings-panel.js",
+    "./dist/components/conversation/prompt-input/prompt-input.js",
+    "./dist/components/conversation/prompt-queue/prompt-queue.js",
     "./dist/components/conversation/push-to-talk/push-to-talk.js",
+    "./dist/components/conversation/realtime-session/realtime-session.js",
+    "./dist/components/conversation/selection-toolbar/selection-toolbar.js",
     "./dist/components/conversation/stream-status/stream-status.js",
     "./dist/components/conversation/streaming-text/streaming-text.js",
     "./dist/components/conversation/suggestion-chips/suggestion-chips.js",
@@ -154,12 +160,6 @@
     "./dist/components/conversation/usage-badge/usage-badge.js",
     "./dist/components/conversation/voice-picker/voice-picker.js",
     "./dist/components/conversation/widget-renderer/widget-renderer.js",
-    "./dist/components/conversation/message-parts/message-parts.js",
-    "./dist/components/conversation/prompt-input/prompt-input.js",
-    "./dist/components/conversation/prompt-queue/prompt-queue.js",
-    "./dist/components/conversation/realtime-session/realtime-session.js",
-    "./dist/components/conversation/selection-toolbar/selection-toolbar.js",
-    "./dist/components/conversation/index.js",
     "./dist/components/data/calendar/calendar.js",
     "./dist/components/data/context-meter/context-meter.js",
     "./dist/components/data/document-library/document-library.js",
@@ -249,6 +249,7 @@
     "./dist/components/media/avatar/avatar.js",
     "./dist/components/media/file-icon/file-icon.js",
     "./dist/components/media/file-input/file-input.js",
+    "./dist/components/media/flag/flag-peer.js",
     "./dist/components/media/flag/flag.js",
     "./dist/components/media/image-comparer/image-comparer.js",
     "./dist/components/media/image-viewer/image-viewer.js",
@@ -279,17 +280,19 @@
     "./dist/components/overlays/toast/toast.js",
     "./dist/components/retrieval/chunk-inspector/chunk-inspector.js",
     "./dist/components/retrieval/citation-badge/citation-badge.js",
+    "./dist/components/retrieval/claim-evidence/claim-evidence.js",
     "./dist/components/retrieval/community-card/community-card.js",
+    "./dist/components/retrieval/embedding-explorer/embedding-explorer.js",
     "./dist/components/retrieval/entity-card/entity-card.js",
     "./dist/components/retrieval/entity-chip/entity-chip.js",
     "./dist/components/retrieval/entity-dossier/entity-dossier.js",
     "./dist/components/retrieval/graph-legend/graph-legend.js",
     "./dist/components/retrieval/graph/graph.js",
-    "./dist/components/retrieval/embedding-explorer/embedding-explorer.js",
     "./dist/components/retrieval/grounding-summary/grounding-summary.js",
+    "./dist/components/retrieval/index.js",
     "./dist/components/retrieval/ingestion-queue/ingestion-queue.js",
-    "./dist/components/retrieval/knowledge-base/knowledge-base.js",
     "./dist/components/retrieval/knowledge-base-admin/knowledge-base-admin.js",
+    "./dist/components/retrieval/knowledge-base/knowledge-base.js",
     "./dist/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.js",
     "./dist/components/retrieval/memory-panel/memory-panel.js",
     "./dist/components/retrieval/mind-map/mind-map.js",
@@ -298,16 +301,14 @@
     "./dist/components/retrieval/path-strip/path-strip.js",
     "./dist/components/retrieval/provenance-panel/provenance-panel.js",
     "./dist/components/retrieval/rag-answer/rag-answer.js",
+    "./dist/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.js",
+    "./dist/components/retrieval/retrieval-compare/retrieval-compare.js",
     "./dist/components/retrieval/retrieval-results/retrieval-results.js",
     "./dist/components/retrieval/retrieval-search/retrieval-search.js",
     "./dist/components/retrieval/retrieval-trace/retrieval-trace.js",
     "./dist/components/retrieval/source-card/source-card.js",
     "./dist/components/retrieval/source-list/source-list.js",
     "./dist/components/retrieval/source-picker/source-picker.js",
-    "./dist/components/retrieval/claim-evidence/claim-evidence.js",
-    "./dist/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.js",
-    "./dist/components/retrieval/retrieval-compare/retrieval-compare.js",
-    "./dist/components/retrieval/index.js",
     "./dist/components/utility/copy-button/copy-button.js",
     "./dist/components/utility/diff-view/diff-view.js",
     "./dist/components/utility/divider/divider.js",
@@ -356,8 +357,8 @@
     "./src/components/agent-tools/agent-eval-dashboard/agent-eval-dashboard.ts",
     "./src/components/agent-tools/agent-run/agent-run.ts",
     "./src/components/agent-tools/agent-trace/agent-trace.ts",
-    "./src/components/agent-tools/artifact-panel/artifact-panel.ts",
     "./src/components/agent-tools/approval-queue/approval-queue.ts",
+    "./src/components/agent-tools/artifact-panel/artifact-panel.ts",
     "./src/components/agent-tools/browser-frame/browser-frame.ts",
     "./src/components/agent-tools/commit-card/commit-card.ts",
     "./src/components/agent-tools/compare-panel/compare-panel.ts",
@@ -366,11 +367,16 @@
     "./src/components/agent-tools/eval-dataset/eval-dataset.ts",
     "./src/components/agent-tools/eval-result/eval-result.ts",
     "./src/components/agent-tools/evaluation-run/evaluation-run.ts",
+    "./src/components/agent-tools/index.ts",
+    "./src/components/agent-tools/mcp-app/mcp-app.ts",
     "./src/components/agent-tools/policy-summary/policy-summary.ts",
+    "./src/components/agent-tools/prompt-studio/prompt-studio.ts",
     "./src/components/agent-tools/result-card/result-card.ts",
     "./src/components/agent-tools/result-card/result-field.ts",
+    "./src/components/agent-tools/schema-viewer/schema-viewer.ts",
     "./src/components/agent-tools/span-waterfall/span-waterfall.ts",
     "./src/components/agent-tools/stack-trace/stack-trace.ts",
+    "./src/components/agent-tools/subagent-panel/subagent-panel.ts",
     "./src/components/agent-tools/task-list/task-list.ts",
     "./src/components/agent-tools/terminal/terminal.ts",
     "./src/components/agent-tools/test-results/test-results.ts",
@@ -383,11 +389,6 @@
     "./src/components/agent-tools/tool-select-dialog/tool-select-dialog.ts",
     "./src/components/agent-tools/tool-timeline/tool-timeline.ts",
     "./src/components/agent-tools/trace-tree/trace-tree.ts",
-    "./src/components/agent-tools/mcp-app/mcp-app.ts",
-    "./src/components/agent-tools/prompt-studio/prompt-studio.ts",
-    "./src/components/agent-tools/schema-viewer/schema-viewer.ts",
-    "./src/components/agent-tools/subagent-panel/subagent-panel.ts",
-    "./src/components/agent-tools/index.ts",
     "./src/components/charts/chart/bar-chart.ts",
     "./src/components/charts/chart/box-plot.ts",
     "./src/components/charts/chart/bubble-chart.ts",
@@ -412,13 +413,19 @@
     "./src/components/conversation/conversation-item/conversation-item.ts",
     "./src/components/conversation/generation-status/generation-status.ts",
     "./src/components/conversation/handoff-divider/handoff-divider.ts",
+    "./src/components/conversation/index.ts",
     "./src/components/conversation/markdown/markdown-core.ts",
     "./src/components/conversation/markdown/markdown.ts",
     "./src/components/conversation/message-actions/message-actions.ts",
     "./src/components/conversation/message-feedback/message-feedback.ts",
+    "./src/components/conversation/message-parts/message-parts.ts",
     "./src/components/conversation/model-select/model-select.ts",
     "./src/components/conversation/model-settings-panel/model-settings-panel.ts",
+    "./src/components/conversation/prompt-input/prompt-input.ts",
+    "./src/components/conversation/prompt-queue/prompt-queue.ts",
     "./src/components/conversation/push-to-talk/push-to-talk.ts",
+    "./src/components/conversation/realtime-session/realtime-session.ts",
+    "./src/components/conversation/selection-toolbar/selection-toolbar.ts",
     "./src/components/conversation/stream-status/stream-status.ts",
     "./src/components/conversation/streaming-text/streaming-text.ts",
     "./src/components/conversation/suggestion-chips/suggestion-chips.ts",
@@ -428,12 +435,6 @@
     "./src/components/conversation/usage-badge/usage-badge.ts",
     "./src/components/conversation/voice-picker/voice-picker.ts",
     "./src/components/conversation/widget-renderer/widget-renderer.ts",
-    "./src/components/conversation/message-parts/message-parts.ts",
-    "./src/components/conversation/prompt-input/prompt-input.ts",
-    "./src/components/conversation/prompt-queue/prompt-queue.ts",
-    "./src/components/conversation/realtime-session/realtime-session.ts",
-    "./src/components/conversation/selection-toolbar/selection-toolbar.ts",
-    "./src/components/conversation/index.ts",
     "./src/components/data/calendar/calendar.ts",
     "./src/components/data/context-meter/context-meter.ts",
     "./src/components/data/document-library/document-library.ts",
@@ -523,6 +524,7 @@
     "./src/components/media/avatar/avatar.ts",
     "./src/components/media/file-icon/file-icon.ts",
     "./src/components/media/file-input/file-input.ts",
+    "./src/components/media/flag/flag-peer.ts",
     "./src/components/media/flag/flag.ts",
     "./src/components/media/image-comparer/image-comparer.ts",
     "./src/components/media/image-viewer/image-viewer.ts",
@@ -553,17 +555,19 @@
     "./src/components/overlays/toast/toast.ts",
     "./src/components/retrieval/chunk-inspector/chunk-inspector.ts",
     "./src/components/retrieval/citation-badge/citation-badge.ts",
+    "./src/components/retrieval/claim-evidence/claim-evidence.ts",
     "./src/components/retrieval/community-card/community-card.ts",
+    "./src/components/retrieval/embedding-explorer/embedding-explorer.ts",
     "./src/components/retrieval/entity-card/entity-card.ts",
     "./src/components/retrieval/entity-chip/entity-chip.ts",
     "./src/components/retrieval/entity-dossier/entity-dossier.ts",
     "./src/components/retrieval/graph-legend/graph-legend.ts",
     "./src/components/retrieval/graph/graph.ts",
-    "./src/components/retrieval/embedding-explorer/embedding-explorer.ts",
     "./src/components/retrieval/grounding-summary/grounding-summary.ts",
+    "./src/components/retrieval/index.ts",
     "./src/components/retrieval/ingestion-queue/ingestion-queue.ts",
-    "./src/components/retrieval/knowledge-base/knowledge-base.ts",
     "./src/components/retrieval/knowledge-base-admin/knowledge-base-admin.ts",
+    "./src/components/retrieval/knowledge-base/knowledge-base.ts",
     "./src/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.ts",
     "./src/components/retrieval/memory-panel/memory-panel.ts",
     "./src/components/retrieval/mind-map/mind-map.ts",
@@ -572,16 +576,14 @@
     "./src/components/retrieval/path-strip/path-strip.ts",
     "./src/components/retrieval/provenance-panel/provenance-panel.ts",
     "./src/components/retrieval/rag-answer/rag-answer.ts",
+    "./src/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.ts",
+    "./src/components/retrieval/retrieval-compare/retrieval-compare.ts",
     "./src/components/retrieval/retrieval-results/retrieval-results.ts",
     "./src/components/retrieval/retrieval-search/retrieval-search.ts",
     "./src/components/retrieval/retrieval-trace/retrieval-trace.ts",
     "./src/components/retrieval/source-card/source-card.ts",
     "./src/components/retrieval/source-list/source-list.ts",
     "./src/components/retrieval/source-picker/source-picker.ts",
-    "./src/components/retrieval/claim-evidence/claim-evidence.ts",
-    "./src/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.ts",
-    "./src/components/retrieval/retrieval-compare/retrieval-compare.ts",
-    "./src/components/retrieval/index.ts",
     "./src/components/utility/copy-button/copy-button.ts",
     "./src/components/utility/diff-view/diff-view.ts",
     "./src/components/utility/divider/divider.ts",

package/vscode-css-data.json

@@ -3834,7 +3834,7 @@
       "name": "--lr-scroll-fade-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-segmented>`, `<lr-tabs>`** (default: `2rem`) — Width of the static fade at each horizontal scroll edge."
+        "value": "**`<lr-segmented>`** (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the track actually overflows, so a row that fits is never dimmed.\n\n**`<lr-tabs>`** (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the tablist actually overflows, so a row that fits is never dimmed."
       }
     },
     {

package/vscode-html-data.json

@@ -12960,7 +12960,7 @@
       "name": "lr-segmented",
       "description": {
         "kind": "markdown",
-        "value": "`<lr-segmented>` — a single-select button row with the WAI-ARIA APG `radiogroup` contract\nbuilt in: `role=\"radiogroup\"`/`role=\"radio\"`, roving tabindex, automatic activation (click or\narrow-key move both select immediately, like a native radio group), cyclic Arrow/Home/End\nnavigation among non-disabled items. First-party invention --\n\"choose exactly one of N labeled options, rendered as a button row\" is ubiquitous\nsettings/filter-panel UI. Supports the same `2xs`-`xl` compact-form-control `size` scale as\n`<lr-select>`/`<lr-combobox>`/`<lr-input>`, so it can sit flush beside those controls in a\ntoolbar at a matching height.\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The `role=\"radiogroup\"` root. |\n| `segment` | A single `role=\"radio\"` button. |\n| `segment-icon` | Optional leading visual supplied by the item's `icon` field; content may have a natural aspect ratio and is not restricted to a square icon. |\n| `segment-label` | The segment's label text. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-scroll-fade-size` (default: `2rem`) — Width of the static fade at each horizontal scroll edge.\n- `--lr-segmented-track-min-height` (default: `var(--lr-size-2-5rem)`) — Minimum height of the `base` track. Re-set per `size` (`2xs` through `xl`); the `2.5rem` (40px) default applies at the unset/`m` size, matching `<lr-input>`/`<lr-select>`/`<lr-combobox>`'s own shared default-tier floor. Because it is declared on `:host` per tier, override it on the element itself, not on an ancestor.\n- `--lr-segmented-track-height` — Exact height of the `base` track, pinning it at every `size` tier (sets both `block-size` and `min-block-size`) so the row can sit flush beside a hard-sized toolbar control. **Genuinely unset by default** — while unset each tier keeps its own `--lr-segmented-track-min-height` floor and the track grows with its content.\n- `--lr-segmented-selected-bg` (default: `var(--lr-color-surface)`) — Background of the checked segment. Scoped to `[aria-checked='true']` only, so it never repaints a hovered unselected segment (which is what hijacking `--lr-color-surface` library-wide used to do).\n- `--lr-segmented-selected-color` (default: `var(--lr-color-text)`) — Text color of the checked segment.\n- `--lr-segmented-selected-font-weight` (default: `var(--lr-font-weight-semibold)`) — Font weight of the checked segment.\n- `--lr-segmented-selected-shadow` (default: `var(--lr-shadow)`) — Box shadow lifting the checked segment off the track.\n- `--lr-segmented-hover-color` (default: `var(--lr-color-text)`) — Text color of a hovered segment that is neither checked nor disabled. Independent of the selected-state props above — recoloring the checked pill leaves this untouched.\n- `--lr-segmented-segment-padding` (default: `var(--lr-size-0-125rem) var(--lr-space-s)`) — Each segment's padding. Re-set per `size`; this default applies at the unset/`m` size.\n- `--lr-segmented-font-size` (default: `var(--lr-font-size-sm)`) — Each segment's font size. Re-set per `size`; this default applies at the unset/`m` size.\n- `--lr-segmented-track-gap` (default: `var(--lr-size-0-125rem)`) — Gap between segments.\n- `--lr-segmented-track-radius` (default: `var(--lr-radius)`) — Track corner radius.\n- `--lr-segmented-track-padding` (default: `var(--lr-size-0-125rem)`) — Track inset padding."
+        "value": "`<lr-segmented>` — a single-select button row with the WAI-ARIA APG `radiogroup` contract\nbuilt in: `role=\"radiogroup\"`/`role=\"radio\"`, roving tabindex, automatic activation (click or\narrow-key move both select immediately, like a native radio group), cyclic Arrow/Home/End\nnavigation among non-disabled items. First-party invention --\n\"choose exactly one of N labeled options, rendered as a button row\" is ubiquitous\nsettings/filter-panel UI. Supports the same `2xs`-`xl` compact-form-control `size` scale as\n`<lr-select>`/`<lr-combobox>`/`<lr-input>`, so it can sit flush beside those controls in a\ntoolbar at a matching height.\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The `role=\"radiogroup\"` root. |\n| `segment` | A single `role=\"radio\"` button. |\n| `segment-icon` | Optional leading visual supplied by the item's `icon` field; content may have a natural aspect ratio and is not restricted to a square icon. |\n| `segment-label` | The segment's label text. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-scroll-fade-size` (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the track actually overflows, so a row that fits is never dimmed.\n- `--lr-segmented-track-min-height` (default: `var(--lr-size-2-5rem)`) — Minimum height of the `base` track. Re-set per `size` (`2xs` through `xl`); the `2.5rem` (40px) default applies at the unset/`m` size, matching `<lr-input>`/`<lr-select>`/`<lr-combobox>`'s own shared default-tier floor. Because it is declared on `:host` per tier, override it on the element itself, not on an ancestor.\n- `--lr-segmented-track-height` — Exact height of the `base` track, pinning it at every `size` tier (sets both `block-size` and `min-block-size`) so the row can sit flush beside a hard-sized toolbar control. **Genuinely unset by default** — while unset each tier keeps its own `--lr-segmented-track-min-height` floor and the track grows with its content.\n- `--lr-segmented-selected-bg` (default: `var(--lr-color-surface)`) — Background of the checked segment. Scoped to `[aria-checked='true']` only, so it never repaints a hovered unselected segment (which is what hijacking `--lr-color-surface` library-wide used to do).\n- `--lr-segmented-selected-color` (default: `var(--lr-color-text)`) — Text color of the checked segment.\n- `--lr-segmented-selected-font-weight` (default: `var(--lr-font-weight-semibold)`) — Font weight of the checked segment.\n- `--lr-segmented-selected-shadow` (default: `var(--lr-shadow)`) — Box shadow lifting the checked segment off the track.\n- `--lr-segmented-hover-color` (default: `var(--lr-color-text)`) — Text color of a hovered segment that is neither checked nor disabled. Independent of the selected-state props above — recoloring the checked pill leaves this untouched.\n- `--lr-segmented-segment-padding` (default: `var(--lr-size-0-125rem) var(--lr-space-s)`) — Each segment's padding. Re-set per `size`; this default applies at the unset/`m` size.\n- `--lr-segmented-font-size` (default: `var(--lr-font-size-sm)`) — Each segment's font size. Re-set per `size`; this default applies at the unset/`m` size.\n- `--lr-segmented-track-gap` (default: `var(--lr-size-0-125rem)`) — Gap between segments.\n- `--lr-segmented-track-radius` (default: `var(--lr-radius)`) — Track corner radius.\n- `--lr-segmented-track-padding` (default: `var(--lr-size-0-125rem)`) — Track inset padding."
       },
       "attributes": [
         {
@@ -14542,7 +14542,7 @@
       "name": "lr-tabs",
       "description": {
         "kind": "markdown",
-        "value": "`<lr-tabs>` — a tab strip whose panels are direct light-DOM children,\neach carrying `slot=\"<id>\"` (the panel's stable id) and `label=\"<text>\"`\n(the tab button's text). One named `<slot>` is rendered per distinct\n`slot` name found among the current children — a child with no `label`,\nor a name with no matching child, simply never produces a tab.\n\nA tab button's *visible* content can carry a leading icon without ever\nchanging its *accessible name* (which always stays exactly `label`'s\ntext, nothing else): give a tab an extra direct-child sibling of\n`<lr-tabs>` carrying `slot=\"<id>-icon\"` (that sibling's own content --\nan inline SVG, an emoji span, a custom icon element, anything -- is\nentirely up to the consumer). It's rendered ahead of the label inside\nthat tab's button, wrapped in an `aria-hidden=\"true\"` part so it's\nexcluded from accessible-name computation no matter what it contains. A\ntab with no matching `<id>-icon` sibling renders no icon wrapper at all,\nso existing text-only tabs are completely unaffected. (A named slot,\nrather than a second attribute holding an icon-name lookup, was chosen\nbecause this library's `internal/icons.ts` is a small closed set of\nchrome glyphs for this library's *own* components, not a public\nname-keyed registry -- a slot lets a consumer supply an arbitrary,\ndomain-specific icon instead of being limited to that internal set.)\n\nImplements the WAI-ARIA APG tabs pattern with automatic activation:\nLeft/Right (swapped under RTL) move focus *and* selection together,\nHome/End jump to the first/last enabled tab, and a roving `tabindex`\nfollows whichever tab is currently selected.\n\n---\n\n**Slots**\n\n| Name | Description |\n| --- | --- |\n| (default) | Direct children with `slot=\"<id>\" label=\"<text>\"` (and optionally `disabled`); one becomes each tab's panel. |\n| `<id>-icon` | Optional sibling direct child supplying a tab's leading icon content; excluded from the tab button's accessible name. |\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The root wrapper around the tablist and panels. |\n| `panel` | A single `role=\"tabpanel\"` wrapper (one per tab, hidden unless active). |\n| `tab` | A single tab button. |\n| `tab-icon` | The optional leading-icon wrapper inside a tab button; only rendered when that tab has a matching `<id>-icon` sibling. |\n| `tablist` | The `role=\"tablist\"` row of tab buttons. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-scroll-fade-size` (default: `2rem`) — Width of the static fade at each horizontal scroll edge.\n- `--lr-tabs-selected-color` (default: `var(--lr-color-brand)`) — Text color of the selected tab. Scoped to `[aria-selected='true']` only, so it never repaints a hovered unselected tab (which is what hijacking `--lr-color-brand` library-wide used to do).\n- `--lr-tabs-indicator-color` (default: `var(--lr-color-brand)`) — Color of the selected tab's underline, themeable independently of its text color.\n- `--lr-tabs-hover-color` (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled tab. Independent of the selected-state props above."
+        "value": "`<lr-tabs>` — a tab strip whose panels are direct light-DOM children,\neach carrying `slot=\"<id>\"` (the panel's stable id) and `label=\"<text>\"`\n(the tab button's text). One named `<slot>` is rendered per distinct\n`slot` name found among the current children — a child with no `label`,\nor a name with no matching child, simply never produces a tab.\n\nA tab button's *visible* content can carry a leading icon without ever\nchanging its *accessible name* (which always stays exactly `label`'s\ntext, nothing else): give a tab an extra direct-child sibling of\n`<lr-tabs>` carrying `slot=\"<id>-icon\"` (that sibling's own content --\nan inline SVG, an emoji span, a custom icon element, anything -- is\nentirely up to the consumer). It's rendered ahead of the label inside\nthat tab's button, wrapped in an `aria-hidden=\"true\"` part so it's\nexcluded from accessible-name computation no matter what it contains. A\ntab with no matching `<id>-icon` sibling renders no icon wrapper at all,\nso existing text-only tabs are completely unaffected. (A named slot,\nrather than a second attribute holding an icon-name lookup, was chosen\nbecause this library's `internal/icons.ts` is a small closed set of\nchrome glyphs for this library's *own* components, not a public\nname-keyed registry -- a slot lets a consumer supply an arbitrary,\ndomain-specific icon instead of being limited to that internal set.)\n\nImplements the WAI-ARIA APG tabs pattern with automatic activation:\nLeft/Right (swapped under RTL) move focus *and* selection together,\nHome/End jump to the first/last enabled tab, and a roving `tabindex`\nfollows whichever tab is currently selected.\n\n---\n\n**Slots**\n\n| Name | Description |\n| --- | --- |\n| (default) | Direct children with `slot=\"<id>\" label=\"<text>\"` (and optionally `disabled`); one becomes each tab's panel. |\n| `<id>-icon` | Optional sibling direct child supplying a tab's leading icon content; excluded from the tab button's accessible name. |\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The root wrapper around the tablist and panels. |\n| `panel` | A single `role=\"tabpanel\"` wrapper (one per tab, hidden unless active). |\n| `tab` | A single tab button. |\n| `tab-icon` | The optional leading-icon wrapper inside a tab button; only rendered when that tab has a matching `<id>-icon` sibling. |\n| `tablist` | The `role=\"tablist\"` row of tab buttons. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-scroll-fade-size` (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the tablist actually overflows, so a row that fits is never dimmed.\n- `--lr-tabs-selected-color` (default: `var(--lr-color-brand)`) — Text color of the selected tab. Scoped to `[aria-selected='true']` only, so it never repaints a hovered unselected tab (which is what hijacking `--lr-color-brand` library-wide used to do).\n- `--lr-tabs-indicator-color` (default: `var(--lr-color-brand)`) — Color of the selected tab's underline, themeable independently of its text color.\n- `--lr-tabs-hover-color` (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled tab. Independent of the selected-state props above."
       },
       "attributes": [
         {
@@ -15276,7 +15276,7 @@
       "name": "lr-timeline",
       "description": {
         "kind": "markdown",
-        "value": "`<lr-timeline>` — an ordered, connected sequence of past-event rows (an audit trail, an agent\naction history, a changelog) composed from `<lr-timeline-item>` light-DOM children, joined by a\ncontinuous connecting rail. First-party invention: no Web Awesome/Shoelace counterpart exists, so\nthis follows the library's own established conventions rather than mirroring an upstream API.\n\nA pure, read-only, declarative display component — same zero-event shape as `<lr-badge>`/\n`<lr-avatar>`/`<lr-skeleton>`. It never mutates its own children and fires no events; a\nconsumer who needs to react to item count changes already owns the mutation (they're the one\nadding/removing `<lr-timeline-item>` children) and can listen to the native `slotchange` event\ndirectly if truly needed.\n\nNo keyboard navigation, roving-tabindex, or selection model of any kind — a deliberate scope\ndecision, not an oversight. A timeline is a passive record display, not a navigable widget; see\n`<lr-timeline-item>`'s class doc for the full reasoning behind dropping an earlier\n\"interactive row\" design. Not a form-associated control — no value to submit, no label/hint/error\nchrome.\n\n---\n\n**Slots**\n\n| Name | Description |\n| --- | --- |\n| (default) | `<lr-timeline-item>` children, in display order. |\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The root wrapper. `role=\"list\"` lives here directly (a timeline isn't a navigation landmark, so it doesn't need a two-layer `base`+`list` split). Flex container: `flex-direction: column` in `vertical` orientation (the default), `flex-direction: row` (with `overflow-x: auto`, `overflow-y: hidden`, and a static edge-fade `mask-image`) in `horizontal` orientation. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-timeline-gap` (default: `var(--lr-space-l)`) — Spacing between consecutive items along the timeline's main axis; also the length each item's own rail visually bridges to reach the next item's marker. Declared here but actually consumed inside each `<lr-timeline-item>`'s own stylesheet, via ordinary CSS custom-property inheritance across the slot boundary."
+        "value": "`<lr-timeline>` — an ordered, connected sequence of past-event rows (an audit trail, an agent\naction history, a changelog) composed from `<lr-timeline-item>` light-DOM children, joined by a\ncontinuous connecting rail. First-party invention: no Web Awesome/Shoelace counterpart exists, so\nthis follows the library's own established conventions rather than mirroring an upstream API.\n\nA pure, read-only, declarative display component — same zero-event shape as `<lr-badge>`/\n`<lr-avatar>`/`<lr-skeleton>`. It never mutates its own children and fires no events; a\nconsumer who needs to react to item count changes already owns the mutation (they're the one\nadding/removing `<lr-timeline-item>` children) and can listen to the native `slotchange` event\ndirectly if truly needed.\n\nNo keyboard navigation, roving-tabindex, or selection model of any kind — a deliberate scope\ndecision, not an oversight. A timeline is a passive record display, not a navigable widget; see\n`<lr-timeline-item>`'s class doc for the full reasoning behind dropping an earlier\n\"interactive row\" design. Not a form-associated control — no value to submit, no label/hint/error\nchrome.\n\n---\n\n**Slots**\n\n| Name | Description |\n| --- | --- |\n| (default) | `<lr-timeline-item>` children, in display order. |\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The root wrapper. `role=\"list\"` lives here directly (a timeline isn't a navigation landmark, so it doesn't need a two-layer `base`+`list` split). Flex container: `flex-direction: column` in `vertical` orientation (the default), `flex-direction: row` (with `overflow-x: auto`, `overflow-y: hidden`, and an edge-fade `mask-image` applied only while the strip actually overflows) in `horizontal` orientation. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-timeline-gap` (default: `var(--lr-space-l)`) — Spacing between consecutive items along the timeline's main axis; also the length each item's own rail visually bridges to reach the next item's marker. Declared here but actually consumed inside each `<lr-timeline-item>`'s own stylesheet, via ordinary CSS custom-property inheritance across the slot boundary."
       },
       "attributes": [
         {

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@aceshooting/lyra-ui",
-  "version": "7.8.0",
+  "version": "7.8.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -14494,7 +14494,7 @@
         },
         {
           "name": "lr-segmented",
-          "description": "`<lr-segmented>` — a single-select button row with the WAI-ARIA APG `radiogroup` contract\nbuilt in: `role=\"radiogroup\"`/`role=\"radio\"`, roving tabindex, automatic activation (click or\narrow-key move both select immediately, like a native radio group), cyclic Arrow/Home/End\nnavigation among non-disabled items. First-party invention --\n\"choose exactly one of N labeled options, rendered as a button row\" is ubiquitous\nsettings/filter-panel UI. Supports the same `2xs`-`xl` compact-form-control `size` scale as\n`<lr-select>`/`<lr-combobox>`/`<lr-input>`, so it can sit flush beside those controls in a\ntoolbar at a matching height.\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The `role=\"radiogroup\"` root. |\n| `segment` | A single `role=\"radio\"` button. |\n| `segment-icon` | Optional leading visual supplied by the item's `icon` field; content may have a natural aspect ratio and is not restricted to a square icon. |\n| `segment-label` | The segment's label text. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-scroll-fade-size` (default: `2rem`) — Width of the static fade at each horizontal scroll edge.\n- `--lr-segmented-track-min-height` (default: `var(--lr-size-2-5rem)`) — Minimum height of the `base` track. Re-set per `size` (`2xs` through `xl`); the `2.5rem` (40px) default applies at the unset/`m` size, matching `<lr-input>`/`<lr-select>`/`<lr-combobox>`'s own shared default-tier floor. Because it is declared on `:host` per tier, override it on the element itself, not on an ancestor.\n- `--lr-segmented-track-height` — Exact height of the `base` track, pinning it at every `size` tier (sets both `block-size` and `min-block-size`) so the row can sit flush beside a hard-sized toolbar control. **Genuinely unset by default** — while unset each tier keeps its own `--lr-segmented-track-min-height` floor and the track grows with its content.\n- `--lr-segmented-selected-bg` (default: `var(--lr-color-surface)`) — Background of the checked segment. Scoped to `[aria-checked='true']` only, so it never repaints a hovered unselected segment (which is what hijacking `--lr-color-surface` library-wide used to do).\n- `--lr-segmented-selected-color` (default: `var(--lr-color-text)`) — Text color of the checked segment.\n- `--lr-segmented-selected-font-weight` (default: `var(--lr-font-weight-semibold)`) — Font weight of the checked segment.\n- `--lr-segmented-selected-shadow` (default: `var(--lr-shadow)`) — Box shadow lifting the checked segment off the track.\n- `--lr-segmented-hover-color` (default: `var(--lr-color-text)`) — Text color of a hovered segment that is neither checked nor disabled. Independent of the selected-state props above — recoloring the checked pill leaves this untouched.\n- `--lr-segmented-segment-padding` (default: `var(--lr-size-0-125rem) var(--lr-space-s)`) — Each segment's padding. Re-set per `size`; this default applies at the unset/`m` size.\n- `--lr-segmented-font-size` (default: `var(--lr-font-size-sm)`) — Each segment's font size. Re-set per `size`; this default applies at the unset/`m` size.\n- `--lr-segmented-track-gap` (default: `var(--lr-size-0-125rem)`) — Gap between segments.\n- `--lr-segmented-track-radius` (default: `var(--lr-radius)`) — Track corner radius.\n- `--lr-segmented-track-padding` (default: `var(--lr-size-0-125rem)`) — Track inset padding.",
+          "description": "`<lr-segmented>` — a single-select button row with the WAI-ARIA APG `radiogroup` contract\nbuilt in: `role=\"radiogroup\"`/`role=\"radio\"`, roving tabindex, automatic activation (click or\narrow-key move both select immediately, like a native radio group), cyclic Arrow/Home/End\nnavigation among non-disabled items. First-party invention --\n\"choose exactly one of N labeled options, rendered as a button row\" is ubiquitous\nsettings/filter-panel UI. Supports the same `2xs`-`xl` compact-form-control `size` scale as\n`<lr-select>`/`<lr-combobox>`/`<lr-input>`, so it can sit flush beside those controls in a\ntoolbar at a matching height.\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The `role=\"radiogroup\"` root. |\n| `segment` | A single `role=\"radio\"` button. |\n| `segment-icon` | Optional leading visual supplied by the item's `icon` field; content may have a natural aspect ratio and is not restricted to a square icon. |\n| `segment-label` | The segment's label text. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-scroll-fade-size` (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the track actually overflows, so a row that fits is never dimmed.\n- `--lr-segmented-track-min-height` (default: `var(--lr-size-2-5rem)`) — Minimum height of the `base` track. Re-set per `size` (`2xs` through `xl`); the `2.5rem` (40px) default applies at the unset/`m` size, matching `<lr-input>`/`<lr-select>`/`<lr-combobox>`'s own shared default-tier floor. Because it is declared on `:host` per tier, override it on the element itself, not on an ancestor.\n- `--lr-segmented-track-height` — Exact height of the `base` track, pinning it at every `size` tier (sets both `block-size` and `min-block-size`) so the row can sit flush beside a hard-sized toolbar control. **Genuinely unset by default** — while unset each tier keeps its own `--lr-segmented-track-min-height` floor and the track grows with its content.\n- `--lr-segmented-selected-bg` (default: `var(--lr-color-surface)`) — Background of the checked segment. Scoped to `[aria-checked='true']` only, so it never repaints a hovered unselected segment (which is what hijacking `--lr-color-surface` library-wide used to do).\n- `--lr-segmented-selected-color` (default: `var(--lr-color-text)`) — Text color of the checked segment.\n- `--lr-segmented-selected-font-weight` (default: `var(--lr-font-weight-semibold)`) — Font weight of the checked segment.\n- `--lr-segmented-selected-shadow` (default: `var(--lr-shadow)`) — Box shadow lifting the checked segment off the track.\n- `--lr-segmented-hover-color` (default: `var(--lr-color-text)`) — Text color of a hovered segment that is neither checked nor disabled. Independent of the selected-state props above — recoloring the checked pill leaves this untouched.\n- `--lr-segmented-segment-padding` (default: `var(--lr-size-0-125rem) var(--lr-space-s)`) — Each segment's padding. Re-set per `size`; this default applies at the unset/`m` size.\n- `--lr-segmented-font-size` (default: `var(--lr-font-size-sm)`) — Each segment's font size. Re-set per `size`; this default applies at the unset/`m` size.\n- `--lr-segmented-track-gap` (default: `var(--lr-size-0-125rem)`) — Gap between segments.\n- `--lr-segmented-track-radius` (default: `var(--lr-radius)`) — Track corner radius.\n- `--lr-segmented-track-padding` (default: `var(--lr-size-0-125rem)`) — Track inset padding.",
           "attributes": [
             {
               "name": "label",
@@ -16152,7 +16152,7 @@
         },
         {
           "name": "lr-tabs",
-          "description": "`<lr-tabs>` — a tab strip whose panels are direct light-DOM children,\neach carrying `slot=\"<id>\"` (the panel's stable id) and `label=\"<text>\"`\n(the tab button's text). One named `<slot>` is rendered per distinct\n`slot` name found among the current children — a child with no `label`,\nor a name with no matching child, simply never produces a tab.\n\nA tab button's *visible* content can carry a leading icon without ever\nchanging its *accessible name* (which always stays exactly `label`'s\ntext, nothing else): give a tab an extra direct-child sibling of\n`<lr-tabs>` carrying `slot=\"<id>-icon\"` (that sibling's own content --\nan inline SVG, an emoji span, a custom icon element, anything -- is\nentirely up to the consumer). It's rendered ahead of the label inside\nthat tab's button, wrapped in an `aria-hidden=\"true\"` part so it's\nexcluded from accessible-name computation no matter what it contains. A\ntab with no matching `<id>-icon` sibling renders no icon wrapper at all,\nso existing text-only tabs are completely unaffected. (A named slot,\nrather than a second attribute holding an icon-name lookup, was chosen\nbecause this library's `internal/icons.ts` is a small closed set of\nchrome glyphs for this library's *own* components, not a public\nname-keyed registry -- a slot lets a consumer supply an arbitrary,\ndomain-specific icon instead of being limited to that internal set.)\n\nImplements the WAI-ARIA APG tabs pattern with automatic activation:\nLeft/Right (swapped under RTL) move focus *and* selection together,\nHome/End jump to the first/last enabled tab, and a roving `tabindex`\nfollows whichever tab is currently selected.\n\n---\n\n**Slots**\n\n| Name | Description |\n| --- | --- |\n| (default) | Direct children with `slot=\"<id>\" label=\"<text>\"` (and optionally `disabled`); one becomes each tab's panel. |\n| `<id>-icon` | Optional sibling direct child supplying a tab's leading icon content; excluded from the tab button's accessible name. |\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The root wrapper around the tablist and panels. |\n| `panel` | A single `role=\"tabpanel\"` wrapper (one per tab, hidden unless active). |\n| `tab` | A single tab button. |\n| `tab-icon` | The optional leading-icon wrapper inside a tab button; only rendered when that tab has a matching `<id>-icon` sibling. |\n| `tablist` | The `role=\"tablist\"` row of tab buttons. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-scroll-fade-size` (default: `2rem`) — Width of the static fade at each horizontal scroll edge.\n- `--lr-tabs-selected-color` (default: `var(--lr-color-brand)`) — Text color of the selected tab. Scoped to `[aria-selected='true']` only, so it never repaints a hovered unselected tab (which is what hijacking `--lr-color-brand` library-wide used to do).\n- `--lr-tabs-indicator-color` (default: `var(--lr-color-brand)`) — Color of the selected tab's underline, themeable independently of its text color.\n- `--lr-tabs-hover-color` (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled tab. Independent of the selected-state props above.",
+          "description": "`<lr-tabs>` — a tab strip whose panels are direct light-DOM children,\neach carrying `slot=\"<id>\"` (the panel's stable id) and `label=\"<text>\"`\n(the tab button's text). One named `<slot>` is rendered per distinct\n`slot` name found among the current children — a child with no `label`,\nor a name with no matching child, simply never produces a tab.\n\nA tab button's *visible* content can carry a leading icon without ever\nchanging its *accessible name* (which always stays exactly `label`'s\ntext, nothing else): give a tab an extra direct-child sibling of\n`<lr-tabs>` carrying `slot=\"<id>-icon\"` (that sibling's own content --\nan inline SVG, an emoji span, a custom icon element, anything -- is\nentirely up to the consumer). It's rendered ahead of the label inside\nthat tab's button, wrapped in an `aria-hidden=\"true\"` part so it's\nexcluded from accessible-name computation no matter what it contains. A\ntab with no matching `<id>-icon` sibling renders no icon wrapper at all,\nso existing text-only tabs are completely unaffected. (A named slot,\nrather than a second attribute holding an icon-name lookup, was chosen\nbecause this library's `internal/icons.ts` is a small closed set of\nchrome glyphs for this library's *own* components, not a public\nname-keyed registry -- a slot lets a consumer supply an arbitrary,\ndomain-specific icon instead of being limited to that internal set.)\n\nImplements the WAI-ARIA APG tabs pattern with automatic activation:\nLeft/Right (swapped under RTL) move focus *and* selection together,\nHome/End jump to the first/last enabled tab, and a roving `tabindex`\nfollows whichever tab is currently selected.\n\n---\n\n**Slots**\n\n| Name | Description |\n| --- | --- |\n| (default) | Direct children with `slot=\"<id>\" label=\"<text>\"` (and optionally `disabled`); one becomes each tab's panel. |\n| `<id>-icon` | Optional sibling direct child supplying a tab's leading icon content; excluded from the tab button's accessible name. |\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The root wrapper around the tablist and panels. |\n| `panel` | A single `role=\"tabpanel\"` wrapper (one per tab, hidden unless active). |\n| `tab` | A single tab button. |\n| `tab-icon` | The optional leading-icon wrapper inside a tab button; only rendered when that tab has a matching `<id>-icon` sibling. |\n| `tablist` | The `role=\"tablist\"` row of tab buttons. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-scroll-fade-size` (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the tablist actually overflows, so a row that fits is never dimmed.\n- `--lr-tabs-selected-color` (default: `var(--lr-color-brand)`) — Text color of the selected tab. Scoped to `[aria-selected='true']` only, so it never repaints a hovered unselected tab (which is what hijacking `--lr-color-brand` library-wide used to do).\n- `--lr-tabs-indicator-color` (default: `var(--lr-color-brand)`) — Color of the selected tab's underline, themeable independently of its text color.\n- `--lr-tabs-hover-color` (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled tab. Independent of the selected-state props above.",
           "attributes": [
             {
               "name": "active",
@@ -16980,7 +16980,7 @@
         },
         {
           "name": "lr-timeline",
-          "description": "`<lr-timeline>` — an ordered, connected sequence of past-event rows (an audit trail, an agent\naction history, a changelog) composed from `<lr-timeline-item>` light-DOM children, joined by a\ncontinuous connecting rail. First-party invention: no Web Awesome/Shoelace counterpart exists, so\nthis follows the library's own established conventions rather than mirroring an upstream API.\n\nA pure, read-only, declarative display component — same zero-event shape as `<lr-badge>`/\n`<lr-avatar>`/`<lr-skeleton>`. It never mutates its own children and fires no events; a\nconsumer who needs to react to item count changes already owns the mutation (they're the one\nadding/removing `<lr-timeline-item>` children) and can listen to the native `slotchange` event\ndirectly if truly needed.\n\nNo keyboard navigation, roving-tabindex, or selection model of any kind — a deliberate scope\ndecision, not an oversight. A timeline is a passive record display, not a navigable widget; see\n`<lr-timeline-item>`'s class doc for the full reasoning behind dropping an earlier\n\"interactive row\" design. Not a form-associated control — no value to submit, no label/hint/error\nchrome.\n\n---\n\n**Slots**\n\n| Name | Description |\n| --- | --- |\n| (default) | `<lr-timeline-item>` children, in display order. |\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The root wrapper. `role=\"list\"` lives here directly (a timeline isn't a navigation landmark, so it doesn't need a two-layer `base`+`list` split). Flex container: `flex-direction: column` in `vertical` orientation (the default), `flex-direction: row` (with `overflow-x: auto`, `overflow-y: hidden`, and a static edge-fade `mask-image`) in `horizontal` orientation. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-timeline-gap` (default: `var(--lr-space-l)`) — Spacing between consecutive items along the timeline's main axis; also the length each item's own rail visually bridges to reach the next item's marker. Declared here but actually consumed inside each `<lr-timeline-item>`'s own stylesheet, via ordinary CSS custom-property inheritance across the slot boundary.",
+          "description": "`<lr-timeline>` — an ordered, connected sequence of past-event rows (an audit trail, an agent\naction history, a changelog) composed from `<lr-timeline-item>` light-DOM children, joined by a\ncontinuous connecting rail. First-party invention: no Web Awesome/Shoelace counterpart exists, so\nthis follows the library's own established conventions rather than mirroring an upstream API.\n\nA pure, read-only, declarative display component — same zero-event shape as `<lr-badge>`/\n`<lr-avatar>`/`<lr-skeleton>`. It never mutates its own children and fires no events; a\nconsumer who needs to react to item count changes already owns the mutation (they're the one\nadding/removing `<lr-timeline-item>` children) and can listen to the native `slotchange` event\ndirectly if truly needed.\n\nNo keyboard navigation, roving-tabindex, or selection model of any kind — a deliberate scope\ndecision, not an oversight. A timeline is a passive record display, not a navigable widget; see\n`<lr-timeline-item>`'s class doc for the full reasoning behind dropping an earlier\n\"interactive row\" design. Not a form-associated control — no value to submit, no label/hint/error\nchrome.\n\n---\n\n**Slots**\n\n| Name | Description |\n| --- | --- |\n| (default) | `<lr-timeline-item>` children, in display order. |\n\n---\n\n**CSS Shadow Parts**\n\n| Name | Description |\n| --- | --- |\n| `base` | The root wrapper. `role=\"list\"` lives here directly (a timeline isn't a navigation landmark, so it doesn't need a two-layer `base`+`list` split). Flex container: `flex-direction: column` in `vertical` orientation (the default), `flex-direction: row` (with `overflow-x: auto`, `overflow-y: hidden`, and an edge-fade `mask-image` applied only while the strip actually overflows) in `horizontal` orientation. |\n\n---\n\n**CSS Custom Properties**\n\n- `--lr-timeline-gap` (default: `var(--lr-space-l)`) — Spacing between consecutive items along the timeline's main axis; also the length each item's own rail visually bridges to reach the next item's marker. Declared here but actually consumed inside each `<lr-timeline-item>`'s own stylesheet, via ordinary CSS custom-property inheritance across the slot boundary.",
           "attributes": [
             {
               "name": "aria-label",
@@ -20879,7 +20879,7 @@
         },
         {
           "name": "--lr-scroll-fade-size",
-          "description": "**`<lr-segmented>`, `<lr-tabs>`** (default: `2rem`) — Width of the static fade at each horizontal scroll edge."
+          "description": "**`<lr-segmented>`** (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the track actually overflows, so a row that fits is never dimmed.\n\n**`<lr-tabs>`** (default: `2rem`) — Width of the fade at each horizontal scroll edge. The fade is applied only while the tablist actually overflows, so a row that fits is never dimmed."
         },
         {
           "name": "--lr-scroller-control-size",