@aceshooting/lyra-ui 3.8.0 → 4.0.0

package/vscode-css-data.json

@@ -2,948 +2,962 @@
   "version": 1.1,
   "properties": [
     {
-      "name": "--lyra-activity-feed-max-height",
+      "name": "--lr-activity-feed-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-activity-feed>`** (default: `16rem`) — Cap on how tall the expanded body grows before it scrolls internally (non-virtualized mode); also sizes the internal virtual-list."
+        "value": "**`<lr-activity-feed>`** (default: `16rem`) — Cap on how tall the expanded body grows before it scrolls internally (non-virtualized mode); also sizes the internal virtual-list."
       }
     },
     {
-      "name": "--lyra-animated-image-control-box-size",
+      "name": "--lr-animated-image-control-box-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-animated-image>`** — The size of `control-box`. Defaults to `var(--lyra-icon-button-size)`."
+        "value": "**`<lr-animated-image>`** — The size of `control-box`. Defaults to `var(--lr-icon-button-size)`."
       }
     },
     {
-      "name": "--lyra-animated-image-icon-size",
+      "name": "--lr-animated-image-icon-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-animated-image>`** — The size of the play/pause icons. Defaults to `calc(var(--lyra-icon-button-size) * 0.35)`."
+        "value": "**`<lr-animated-image>`** — The size of the play/pause icons. Defaults to `calc(var(--lr-icon-button-size) * 0.35)`."
       }
     },
     {
-      "name": "--lyra-animated-image-max-height",
+      "name": "--lr-animated-image-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-animated-image>`** — Caps the rendered media's block-size. Defaults to `var(--lyra-size-20rem)`."
+        "value": "**`<lr-animated-image>`** — Caps the rendered media's block-size. Defaults to `var(--lr-size-20rem)`."
       }
     },
     {
-      "name": "--lyra-animation-bounce-height",
+      "name": "--lr-animation-bounce-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-animation>`** (default: `25%`) — Peak lift height of the bounce preset."
+        "value": "**`<lr-animation>`** (default: `25%`) — Peak lift height of the bounce preset."
       }
     },
     {
-      "name": "--lyra-animation-shake-distance",
+      "name": "--lr-animation-shake-distance",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-animation>`** (default: `4%`) — Horizontal travel of the shake preset."
+        "value": "**`<lr-animation>`** (default: `4%`) — Horizontal travel of the shake preset."
       }
     },
     {
-      "name": "--lyra-animation-slide-distance",
+      "name": "--lr-animation-slide-distance",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-animation>`** (default: `100%`) — Travel distance for the slide-in/slide-out/slide-in-up/slide-in-down presets."
+        "value": "**`<lr-animation>`** (default: `100%`) — Travel distance for the slide-in/slide-out/slide-in-up/slide-in-down presets."
       }
     },
     {
-      "name": "--lyra-animation-zoom-scale",
+      "name": "--lr-animation-zoom-scale",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-animation>`** (default: `0.5`) — Starting/ending scale factor for the zoom-in/zoom-out presets."
+        "value": "**`<lr-animation>`** (default: `0.5`) — Starting/ending scale factor for the zoom-in/zoom-out presets."
       }
     },
     {
-      "name": "--lyra-attachment-chip-spinner-duration",
+      "name": "--lr-attachment-chip-spinner-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-attachment-chip>`** (default: `0.8s`) — Duration of one indeterminate upload-spinner rotation. The ambient loop stops under reduced motion."
+        "value": "**`<lr-attachment-chip>`** (default: `0.8s`) — Duration of one indeterminate upload-spinner rotation. The ambient loop stops under reduced motion."
       }
     },
     {
-      "name": "--lyra-audio-visualizer-color",
+      "name": "--lr-audio-visualizer-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-audio-visualizer>`** (default: `var(--lyra-color-brand)`) — Active bar/waveform color."
+        "value": "**`<lr-audio-visualizer>`** (default: `var(--lr-color-brand)`) — Active bar/waveform color."
       }
     },
     {
-      "name": "--lyra-audio-visualizer-quiet-color",
+      "name": "--lr-audio-visualizer-quiet-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-audio-visualizer>`** (default: `var(--lyra-color-brand-quiet)`) — Inactive/idle color."
+        "value": "**`<lr-audio-visualizer>`** (default: `var(--lr-color-brand-quiet)`) — Inactive/idle color."
       }
     },
     {
-      "name": "--lyra-av-player-transcript-height",
+      "name": "--lr-av-player-transcript-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-av-player>`** (default: `var(--lyra-size-16rem)`) — Block size of the virtualized transcript list."
+        "value": "**`<lr-av-player>`** (default: `var(--lr-size-16rem)`) — Block size of the virtualized transcript list."
       }
     },
     {
-      "name": "--lyra-avatar-group-avatar-size",
+      "name": "--lr-avatar-group-avatar-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-avatar-group>`** (default: `var(--lyra-size-2rem)`) — Sizes the overflow badge to match the slotted avatars. Does not resize the avatars themselves (see class doc) — set a matching `size` on each `<lyra-avatar>` child directly for that."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-size-2rem)`) — Sizes the overflow badge to match the slotted avatars. Does not resize the avatars themselves (see class doc) — set a matching `size` on each `<lr-avatar>` child directly for that."
       }
     },
     {
-      "name": "--lyra-avatar-group-badge-bg",
+      "name": "--lr-avatar-group-badge-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-avatar-group>`** (default: `var(--lyra-color-border)`) — Overflow badge background. Tone-driven; see `tone`."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-color-border)`) — Overflow badge background. Tone-driven; see `tone`."
       }
     },
     {
-      "name": "--lyra-avatar-group-badge-color",
+      "name": "--lr-avatar-group-badge-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-avatar-group>`** (default: `var(--lyra-color-text)`) — Overflow badge text color. Tone-driven; see `tone`."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-color-text)`) — Overflow badge text color. Tone-driven; see `tone`."
       }
     },
     {
-      "name": "--lyra-avatar-group-overlap",
+      "name": "--lr-avatar-group-overlap",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-avatar-group>`** (default: `var(--lyra-size-neg-6px)`) — Horizontal overlap between consecutive avatars (a logical `margin-inline-start`, so it auto-mirrors under `dir=\"rtl\"`). Setting this to `0` or a positive length is a supported escape hatch that turns the stack into normal, non-overlapping spacing."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-size-neg-6px)`) — Horizontal overlap between consecutive avatars (a logical `margin-inline-start`, so it auto-mirrors under `dir=\"rtl\"`). Setting this to `0` or a positive length is a supported escape hatch that turns the stack into normal, non-overlapping spacing."
       }
     },
     {
-      "name": "--lyra-avatar-group-ring-color",
+      "name": "--lr-avatar-group-ring-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-avatar-group>`** (default: `var(--lyra-color-surface)`) — The cutout-style ring drawn around every avatar and the overflow badge."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-color-surface)`) — The cutout-style ring drawn around every avatar and the overflow badge."
       }
     },
     {
-      "name": "--lyra-avatar-group-ring-width",
+      "name": "--lr-avatar-group-ring-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-avatar-group>`** (default: `var(--lyra-border-width-medium)`) — Ring thickness."
+        "value": "**`<lr-avatar-group>`** (default: `var(--lr-border-width-medium)`) — Ring thickness."
       }
     },
     {
-      "name": "--lyra-browser-frame-aspect-ratio",
+      "name": "--lr-browser-frame-aspect-ratio",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-browser-frame>`** (default: `16 / 9`) — The viewport's aspect ratio."
+        "value": "**`<lr-browser-frame>`** (default: `16 / 9`) — The viewport's aspect ratio."
       }
     },
     {
-      "name": "--lyra-button-active-scale",
+      "name": "--lr-button-active-scale",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-button>`** (default: `0.9875`) — `transform: scale()` factor applied while a non-disabled button is pressed."
+        "value": "**`<lr-button>`** (default: `0.9875`) — `transform: scale()` factor applied while a non-disabled button is pressed."
       }
     },
     {
-      "name": "--lyra-button-group-gap",
+      "name": "--lr-button-group-gap",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-button-group>`** — Gap between grouped controls."
+        "value": "**`<lr-button-group>`** — Gap between grouped controls."
       }
     },
     {
-      "name": "--lyra-button-hover-brightness",
+      "name": "--lr-button-hover-brightness",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-button>`** (default: `1.08`) — `filter: brightness()` multiplier applied while hovering a non-disabled button."
+        "value": "**`<lr-button>`** (default: `1.08`) — `filter: brightness()` multiplier applied while hovering a non-disabled button."
       }
     },
     {
-      "name": "--lyra-button-spinner-duration",
+      "name": "--lr-button-spinner-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-button>`** (default: `1s`) — Rotation period of the `loading` spinner."
+        "value": "**`<lr-button>`** (default: `1s`) — Rotation period of the `loading` spinner."
       }
     },
     {
-      "name": "--lyra-button-width",
+      "name": "--lr-button-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-button>`** (default: `100%`) — Inline size of the internal button. The host defaults it to `100%` so the native button follows the host's own width; override to `auto` (or any other value) for a compact inline composition."
+        "value": "**`<lr-button>`** (default: `100%`) — Inline size of the internal button. The host defaults it to `100%` so the native button follows the host's own width; override to `auto` (or any other value) for a compact inline composition."
       }
     },
     {
-      "name": "--lyra-chat-message-max-width",
+      "name": "--lr-chat-message-max-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-chat-message>`** (default: `80%`) — Maximum inline size of the message bubble."
+        "value": "**`<lr-chat-message>`** (default: `80%`) — Maximum inline size of the message bubble."
       }
     },
     {
-      "name": "--lyra-checkpoint-spin-duration",
+      "name": "--lr-checkpoint-spin-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-checkpoint>`** (default: `1s`) — Duration of one restoring-spinner rotation (stopped under reduced motion)."
+        "value": "**`<lr-checkpoint>`** (default: `1s`) — Duration of one restoring-spinner rotation (stopped under reduced motion)."
       }
     },
     {
-      "name": "--lyra-chip-pressed-bg",
+      "name": "--lr-chip-pressed-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-chip>`** (default: `var(--lyra-chip-bg)`) — Background while a toggleable chip is selected, independently themeable from its resting background."
+        "value": "**`<lr-chip>`** (default: `var(--lr-chip-bg)`) — Background while a toggleable chip is selected, independently themeable from its resting background."
       }
     },
     {
-      "name": "--lyra-combobox-font-size",
+      "name": "--lr-combobox-font-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-combobox>`** — Input text size."
+        "value": "**`<lr-combobox>`** — Input text size."
       }
     },
     {
-      "name": "--lyra-combobox-tag-font-size",
+      "name": "--lr-combobox-tag-font-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-combobox>`** — Selected-tag text size."
+        "value": "**`<lr-combobox>`** — Selected-tag text size."
       }
     },
     {
-      "name": "--lyra-combobox-tag-padding",
+      "name": "--lr-combobox-tag-padding",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-combobox>`** — Selected-tag padding."
+        "value": "**`<lr-combobox>`** — Selected-tag padding."
       }
     },
     {
-      "name": "--lyra-combobox-trigger-min-height",
+      "name": "--lr-combobox-trigger-min-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-combobox>`** — Minimum input-container block size."
+        "value": "**`<lr-combobox>`** — Minimum input-container block size."
       }
     },
     {
-      "name": "--lyra-combobox-trigger-padding",
+      "name": "--lr-combobox-trigger-padding",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-combobox>`** — Padding inside the input container."
+        "value": "**`<lr-combobox>`** — Padding inside the input container."
       }
     },
     {
-      "name": "--lyra-contact-viewer-max-height",
+      "name": "--lr-contact-viewer-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-contact-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+        "value": "**`<lr-contact-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
       }
     },
     {
-      "name": "--lyra-document-preview-font",
+      "name": "--lr-control-group-gap",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-document-preview>`** (default: `var(--lyra-font-mono)`) — Font used for plain-text previews."
+        "value": "**`<lr-control-group>`** — Gap between grouped controls."
       }
     },
     {
-      "name": "--lyra-document-preview-max-height",
+      "name": "--lr-document-preview-font",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-document-preview>`** (default: `none`) — Maximum body block size before the preview scrolls internally."
+        "value": "**`<lr-document-preview>`** (default: `var(--lr-font-mono)`) — Font used for plain-text previews."
       }
     },
     {
-      "name": "--lyra-document-preview-spin-duration",
+      "name": "--lr-document-preview-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-document-preview>`** (default: `0.8s`) — Duration of one indeterminate loading-indicator rotation."
+        "value": "**`<lr-document-preview>`** (default: `none`) — Maximum body block size before the preview scrolls internally."
       }
     },
     {
-      "name": "--lyra-document-viewer-max-height",
+      "name": "--lr-document-preview-spin-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-document-viewer>`** (default: `70vh`) — Maximum block size of the dialog body before it scrolls internally."
+        "value": "**`<lr-document-preview>`** (default: `0.8s`) — Duration of one indeterminate loading-indicator rotation."
       }
     },
     {
-      "name": "--lyra-docx-viewer-max-height",
+      "name": "--lr-document-viewer-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-docx-viewer>`** (default: `none`) — Maximum block size of the scrollable document body before it scrolls internally. Also settable via the `max-height` property."
+        "value": "**`<lr-document-viewer>`** (default: `70vh`) — Maximum block size of the dialog body before it scrolls internally."
       }
     },
     {
-      "name": "--lyra-drawer-height",
+      "name": "--lr-docx-viewer-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-drawer>`** — Block size for top/bottom drawers."
+        "value": "**`<lr-docx-viewer>`** (default: `none`) — Maximum block size of the scrollable document body before it scrolls internally. Also settable via the `max-height` property."
       }
     },
     {
-      "name": "--lyra-drawer-width",
+      "name": "--lr-drawer-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-drawer>`** — Inline size for start/end drawers."
+        "value": "**`<lr-drawer>`** — Block size for top/bottom drawers."
       }
     },
     {
-      "name": "--lyra-empty-compact-align",
+      "name": "--lr-drawer-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-empty>`** — Cross-axis and text alignment used in compact mode; set to `center` for dense but centered empty states."
+        "value": "**`<lr-drawer>`** — Inline size for start/end drawers."
       }
     },
     {
-      "name": "--lyra-empty-compact-padding",
+      "name": "--lr-empty-compact-align",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-empty>`** (default: `var(--lyra-space-xs)`) — Padding used in compact mode; accepts any padding shorthand (e.g. `8px 2px`)."
+        "value": "**`<lr-empty>`** — Cross-axis and text alignment used in compact mode; set to `center` for dense but centered empty states."
       }
     },
     {
-      "name": "--lyra-entity-chip-bg",
+      "name": "--lr-empty-compact-padding",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-entity-chip>`** (default: `var(--lyra-color-brand-quiet)`) — Background color."
+        "value": "**`<lr-empty>`** (default: `var(--lr-space-xs)`) — Padding used in compact mode; accepts any padding shorthand (e.g. `8px 2px`)."
       }
     },
     {
-      "name": "--lyra-entity-chip-color",
+      "name": "--lr-entity-chip-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-entity-chip>`** (default: `var(--lyra-color-brand)`) — Text/accent color. Reflected `type` lets a host theme per type from CSS, e.g. `lyra-entity-chip[type='person'] { --lyra-entity-chip-color: ... }`."
+        "value": "**`<lr-entity-chip>`** (default: `var(--lr-color-brand-quiet)`) — Background color."
       }
     },
     {
-      "name": "--lyra-file-icon-size",
+      "name": "--lr-entity-chip-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-file-icon>`** (default: `var(--lyra-size-2rem)`) — Inline/block size of the format badge."
+        "value": "**`<lr-entity-chip>`** (default: `var(--lr-color-brand)`) — Text/accent color. Reflected `type` lets a host theme per type from CSS, e.g. `lr-entity-chip[type='person'] { --lr-entity-chip-color: ... }`."
       }
     },
     {
-      "name": "--lyra-flag-aspect-ratio",
+      "name": "--lr-file-icon-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-flag>`** (default: `4 / 3`) — Rectangular flag aspect ratio."
+        "value": "**`<lr-file-icon>`** (default: `var(--lr-size-2rem)`) — Inline/block size of the format badge."
       }
     },
     {
-      "name": "--lyra-flag-object-fit",
+      "name": "--lr-flag-aspect-ratio",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-flag>`** (default: `cover`) — How the image fits its flag frame."
+        "value": "**`<lr-flag>`** (default: `4 / 3`) — Rectangular flag aspect ratio."
       }
     },
     {
-      "name": "--lyra-flag-radius",
+      "name": "--lr-flag-object-fit",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-flag>`** — Rectangular flag corner radius."
+        "value": "**`<lr-flag>`** (default: `cover`) — How the image fits its flag frame."
       }
     },
     {
-      "name": "--lyra-flow-canvas-grid-size",
+      "name": "--lr-flag-radius",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-flow-canvas>`** (default: `8px`) — Dotted background spacing."
+        "value": "**`<lr-flag>`** — Rectangular flag corner radius."
       }
     },
     {
-      "name": "--lyra-flow-canvas-march-duration",
+      "name": "--lr-flow-canvas-grid-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-flow-canvas>`** (default: `var(--lyra-transition-ambient)`) — Running-edge march animation duration."
+        "value": "**`<lr-flow-canvas>`** (default: `8px`) — Dotted background spacing."
       }
     },
     {
-      "name": "--lyra-flow-minimap-block-size",
+      "name": "--lr-flow-canvas-march-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-flow-minimap>`** (default: `8rem`) — Map block size."
+        "value": "**`<lr-flow-canvas>`** (default: `var(--lr-transition-ambient)`) — Running-edge march animation duration."
       }
     },
     {
-      "name": "--lyra-flow-minimap-inline-size",
+      "name": "--lr-flow-minimap-block-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-flow-minimap>`** (default: `12rem`) — Map inline size."
+        "value": "**`<lr-flow-minimap>`** (default: `8rem`) — Map block size."
       }
     },
     {
-      "name": "--lyra-flow-node-min-inline-size",
+      "name": "--lr-flow-minimap-inline-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-flow-node>`** (default: `11rem`) — Minimum card inline size."
+        "value": "**`<lr-flow-minimap>`** (default: `12rem`) — Map inline size."
       }
     },
     {
-      "name": "--lyra-gauge-fill",
+      "name": "--lr-flow-node-min-inline-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-gauge>`** (default: `var(--lyra-color-brand)`) — Fill stroke for radial, ring, and linear gauges."
+        "value": "**`<lr-flow-node>`** (default: `11rem`) — Minimum card inline size."
       }
     },
     {
-      "name": "--lyra-graph-cat-1..8",
+      "name": "--lr-gauge-fill",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-graph>`** — Ordered categorical fallback palette for a typed node with no `GraphNodeType.color`, assigned by the type's index in `nodeTypes` (wraps every 8 entries). Declared centrally in `tokens.styles.ts` so `<lyra-graph>` and any future `<lyra-graph-legend>`- style component resolve the identical default."
+        "value": "**`<lr-gauge>`** (default: `var(--lr-color-brand)`) — Fill stroke for radial, ring, and linear gauges."
       }
     },
     {
-      "name": "--lyra-graph-edge-label-halo",
+      "name": "--lr-graph-cat-1..8",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-graph>`** (default: `var(--lyra-color-surface)`) — Legibility halo (`stroke`) behind a drawn edge label, painted under the fill via `paint-order: stroke`."
+        "value": "**`<lr-graph>`** — Ordered categorical fallback palette for a typed node with no `GraphNodeType.color`, assigned by the type's index in `nodeTypes` (wraps every 8 entries). Declared centrally in `tokens.styles.ts` so `<lr-graph>` and any future `<lr-graph-legend>`- style component resolve the identical default."
       }
     },
     {
-      "name": "--lyra-graph-focus-halo-color",
+      "name": "--lr-graph-dimmed-opacity",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-graph>`** (default: `var(--lyra-color-brand)`) — `focus-halo` stroke color."
+        "value": "**`<lr-graph>`** (default: `1`) — Opacity applied to a node/link when `dimmedNodeIds`/`dimmedLinkIds` includes its id (both SVG and canvas renderers). `1` (the default) is a no-op -- an unset host sees no visual change."
       }
     },
     {
-      "name": "--lyra-graph-hull-fill",
+      "name": "--lr-graph-edge-label-halo",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-graph>`** (default: `var(--lyra-color-brand)`) — Hull fill/stroke color."
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-surface)`) — Legibility halo (`stroke`) behind a drawn edge label, painted under the fill via `paint-order: stroke`."
       }
     },
     {
-      "name": "--lyra-graph-hull-opacity",
+      "name": "--lr-graph-focus-halo-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-graph>`** (default: `0.12`) — Hull element opacity (composites fill+stroke as one group, avoiding a double-opacity seam at the fill/stroke boundary)."
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-brand)`) — `focus-halo` stroke color."
       }
     },
     {
-      "name": "--lyra-graph-selected-color",
+      "name": "--lr-graph-hull-fill",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-graph>`** (default: `var(--lyra-color-success)`) — Selected node/link stroke."
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-brand)`) — Hull fill/stroke color."
       }
     },
     {
-      "name": "--lyra-heatmap-annotation-color",
+      "name": "--lr-graph-hull-opacity",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-heatmap>`** (default: `var(--lyra-color-danger)`) — Border color for an annotated cell."
+        "value": "**`<lr-graph>`** (default: `0.12`) — Hull element opacity (composites fill+stroke as one group, avoiding a double-opacity seam at the fill/stroke boundary)."
       }
     },
     {
-      "name": "--lyra-heatmap-focus-ring-color",
+      "name": "--lr-graph-selected-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-heatmap>`** (default: `var(--lyra-focus-ring-color)`) — Focus ring around a focused cell."
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-success)`) — Selected node/link stroke."
       }
     },
     {
-      "name": "--lyra-heatmap-label-font",
+      "name": "--lr-heatmap-annotation-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-heatmap>`** — Font for axis/legend labels drawn on the canvas."
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-danger)`) — Border color for an annotated cell."
       }
     },
     {
-      "name": "--lyra-heatmap-no-data-fill",
+      "name": "--lr-heatmap-focus-ring-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-heatmap>`** (default: `var(--lyra-color-no-data)`) — Fill for cells with no value."
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-focus-ring-color)`) — Focus ring around a focused cell."
       }
     },
     {
-      "name": "--lyra-heatmap-scale-hi",
+      "name": "--lr-heatmap-label-font",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-heatmap>`** (default: `var(--lyra-color-brand)`) — High endpoint of the sequential color ramp."
+        "value": "**`<lr-heatmap>`** — Font for axis/legend labels drawn on the canvas."
       }
     },
     {
-      "name": "--lyra-heatmap-scale-lo",
+      "name": "--lr-heatmap-no-data-fill",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-heatmap>`** (default: `var(--lyra-color-brand-quiet)`) — Low endpoint of the sequential color ramp."
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-no-data)`) — Fill for cells with no value."
       }
     },
     {
-      "name": "--lyra-heatmap-selected-color",
+      "name": "--lr-heatmap-scale-hi",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-heatmap>`** (default: `var(--lyra-color-success)`) — Border color for the selected cell."
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-brand)`) — High endpoint of the sequential color ramp."
       }
     },
     {
-      "name": "--lyra-heatmap-tooltip-bg",
+      "name": "--lr-heatmap-scale-lo",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-heatmap>`** (default: `var(--lyra-color-surface)`) — Hover tooltip background."
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the sequential color ramp."
       }
     },
     {
-      "name": "--lyra-heatmap-tooltip-text",
+      "name": "--lr-heatmap-selected-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-heatmap>`** (default: `var(--lyra-color-text)`) — Hover tooltip text color."
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-success)`) — Border color for the selected cell."
       }
     },
     {
-      "name": "--lyra-lightbox-control-bg",
+      "name": "--lr-heatmap-tooltip-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-lightbox>`** — Background for every floating/toolbar icon button."
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-surface)`) — Hover tooltip background."
       }
     },
     {
-      "name": "--lyra-lightbox-control-color",
+      "name": "--lr-heatmap-tooltip-text",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-lightbox>`** — Icon/text color paired with `--lyra-lightbox-control-bg`."
+        "value": "**`<lr-heatmap>`** (default: `var(--lr-color-text)`) — Hover tooltip text color."
       }
     },
     {
-      "name": "--lyra-lightbox-overlay-color",
+      "name": "--lr-lightbox-control-bg",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-lightbox>`** — The backdrop scrim color."
+        "value": "**`<lr-lightbox>`** — Background for every floating/toolbar icon button."
       }
     },
     {
-      "name": "--lyra-link-color",
+      "name": "--lr-lightbox-control-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-graph>`** (default: `var(--lyra-color-border)`) — Default link stroke, overridden per-link by a link's own `color`."
+        "value": "**`<lr-lightbox>`** — Icon/text color paired with `--lr-lightbox-control-bg`."
       }
     },
     {
-      "name": "--lyra-lite-chart-selected-outline-color",
+      "name": "--lr-lightbox-overlay-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-lite-chart>`** (default: `var(--lyra-color-brand)`) — Stroke for a bar/point whose category index is in `selectedIndex`."
+        "value": "**`<lr-lightbox>`** — The backdrop scrim color."
       }
     },
     {
-      "name": "--lyra-mind-map-ring-gap",
+      "name": "--lr-link-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-mind-map>`** (default: `6rem`) — Radius step per depth ring."
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-border)`) — Default link stroke, overridden per-link by a link's own `color`."
       }
     },
     {
-      "name": "--lyra-node-fill",
+      "name": "--lr-lite-chart-selected-outline-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-graph>`** (default: `var(--lyra-color-brand)`) — Default node fill, overridden per-node by `GraphNode.color`."
+        "value": "**`<lr-lite-chart>`** (default: `var(--lr-color-brand)`) — Stroke for a bar/point whose category index is in `selectedIndex`."
       }
     },
     {
-      "name": "--lyra-notebook-viewer-max-height",
+      "name": "--lr-mind-map-ring-gap",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-notebook-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+        "value": "**`<lr-mind-map>`** (default: `6rem`) — Radius step per depth ring."
       }
     },
     {
-      "name": "--lyra-overlay-max-inline-size",
+      "name": "--lr-node-fill",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-dropdown>`, `<lyra-popover>`** — Maximum inline size of the popup (default `--lyra-size-20rem`)."
+        "value": "**`<lr-graph>`** (default: `var(--lr-color-brand)`) — Default node fill, overridden per-node by `GraphNode.color`."
       }
     },
     {
-      "name": "--lyra-page-rail-height",
+      "name": "--lr-notebook-viewer-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-page-rail>`** (default: `var(--lyra-size-24rem)`) — Block size of the virtualized rail."
+        "value": "**`<lr-notebook-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
       }
     },
     {
-      "name": "--lyra-pagination-control-size",
+      "name": "--lr-overlay-max-inline-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-pagination>`** — Control inline/block size; defaults from the `size` variant."
+        "value": "**`<lr-dropdown>`, `<lr-popover>`** — Maximum inline size of the popup (default `--lr-size-20rem`)."
       }
     },
     {
-      "name": "--lyra-pagination-font-size",
+      "name": "--lr-page-rail-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-pagination>`** — Control font size; defaults from the `size` variant."
+        "value": "**`<lr-page-rail>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized rail."
       }
     },
     {
-      "name": "--lyra-pdf-viewer-height",
+      "name": "--lr-pagination-control-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-pdf-viewer>`** (default: `var(--lyra-size-24rem)`) — Block size of the virtualized page list."
+        "value": "**`<lr-pagination>`** — Control inline/block size; defaults from the `size` variant."
       }
     },
     {
-      "name": "--lyra-qr-code-background",
+      "name": "--lr-pagination-font-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-qr-code>`** (default: `var(--lyra-color-surface)`) — Light/background module color, including the quiet zone."
+        "value": "**`<lr-pagination>`** — Control font size; defaults from the `size` variant."
       }
     },
     {
-      "name": "--lyra-qr-code-fill",
+      "name": "--lr-pdf-viewer-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-qr-code>`** (default: `var(--lyra-color-text)`) — Dark/foreground module color."
+        "value": "**`<lr-pdf-viewer>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized page list."
       }
     },
     {
-      "name": "--lyra-random-content-animation-duration",
+      "name": "--lr-qr-code-background",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-random-content>`** (default: `300ms`) — Duration of the entrance animation."
+        "value": "**`<lr-qr-code>`** (default: `var(--lr-color-surface)`) — Light/background module color, including the quiet zone."
       }
     },
     {
-      "name": "--lyra-random-content-animation-easing",
+      "name": "--lr-qr-code-fill",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-random-content>`** (default: `ease`) — Easing function for the entrance animation."
+        "value": "**`<lr-qr-code>`** (default: `var(--lr-color-text)`) — Dark/foreground module color."
       }
     },
     {
-      "name": "--lyra-random-content-animation-translate",
+      "name": "--lr-random-content-animation-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-random-content>`** (default: `var(--lyra-size-0-5em)`) — Translation distance for directional animations."
+        "value": "**`<lr-random-content>`** (default: `300ms`) — Duration of the entrance animation."
       }
     },
     {
-      "name": "--lyra-rating-empty-color",
+      "name": "--lr-random-content-animation-easing",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-rating>`** (default: `var(--lyra-color-border)`) — Unfilled-star color."
+        "value": "**`<lr-random-content>`** (default: `ease`) — Easing function for the entrance animation."
       }
     },
     {
-      "name": "--lyra-rating-fill",
+      "name": "--lr-random-content-animation-translate",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-rating>`** (default: `var(--lyra-color-warning)`) — Filled-star color."
+        "value": "**`<lr-random-content>`** (default: `var(--lr-size-0-5em)`) — Translation distance for directional animations."
       }
     },
     {
-      "name": "--lyra-rating-size",
+      "name": "--lr-rating-empty-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-rating>`** (default: `var(--lyra-font-size-xl)`) — Star size."
+        "value": "**`<lr-rating>`** (default: `var(--lr-color-border)`) — Unfilled-star color."
       }
     },
     {
-      "name": "--lyra-scroll-fade-size",
+      "name": "--lr-rating-fill",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-segmented>`, `<lyra-tabs>`** (default: `2rem`) — Width of the static fade at each horizontal scroll edge."
+        "value": "**`<lr-rating>`** (default: `var(--lr-color-warning)`) — Filled-star color."
       }
     },
     {
-      "name": "--lyra-scroller-control-size",
+      "name": "--lr-rating-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-scroller>`** — Control size."
+        "value": "**`<lr-rating>`** (default: `var(--lr-font-size-xl)`) — Star size."
       }
     },
     {
-      "name": "--lyra-scroller-min-block-size",
+      "name": "--lr-scroll-fade-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-scroller>`** — Minimum vertical scroller size."
+        "value": "**`<lr-segmented>`, `<lr-tabs>`** (default: `2rem`) — Width of the static fade at each horizontal scroll edge."
       }
     },
     {
-      "name": "--lyra-span-waterfall-name-width",
+      "name": "--lr-scroller-control-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-span-waterfall>`** (default: `8rem`) — Width of the name gutter column."
+        "value": "**`<lr-scroller>`** — Control size."
       }
     },
     {
-      "name": "--lyra-span-waterfall-stripe-speed",
+      "name": "--lr-scroller-min-block-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-span-waterfall>`** — Animation duration for a `running` span's striped bar; defaults to `--lyra-transition-ambient`."
+        "value": "**`<lr-scroller>`** — Minimum vertical scroller size."
       }
     },
     {
-      "name": "--lyra-sparkline-area-opacity",
+      "name": "--lr-span-waterfall-name-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-sparkline>`** (default: `0.15`) — Fill opacity of the area under the line (type=\"area\")."
+        "value": "**`<lr-span-waterfall>`** (default: `8rem`) — Width of the name gutter column."
       }
     },
     {
-      "name": "--lyra-sparkline-stroke-width",
+      "name": "--lr-span-waterfall-stripe-speed",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-sparkline>`** (default: `1.5`) — Stroke width of the line/area path."
+        "value": "**`<lr-span-waterfall>`** — Animation duration for a `running` span's striped bar; defaults to `--lr-transition-ambient`."
       }
     },
     {
-      "name": "--lyra-svg-viewer-max-height",
+      "name": "--lr-sparkline-area-opacity",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-svg-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+        "value": "**`<lr-sparkline>`** (default: `0.15`) — Fill opacity of the area under the line (type=\"area\")."
       }
     },
     {
-      "name": "--lyra-swatch-picker-selected-blur",
+      "name": "--lr-sparkline-stroke-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-swatch-picker>`** (default: `0px`) — Blur radius of that same ring. 0 by default (a crisp ring); set a real length (e.g. 0.4rem) for a soft glow instead."
+        "value": "**`<lr-sparkline>`** (default: `1.5`) — Stroke width of the line/area path."
       }
     },
     {
-      "name": "--lyra-swatch-picker-selected-color",
+      "name": "--lr-svg-viewer-max-height",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-swatch-picker>`** (default: `var(--lyra-color-brand)`) — Ring color drawn around the selected swatch, themeable independently of the focus ring and every other ring color."
+        "value": "**`<lr-svg-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
       }
     },
     {
-      "name": "--lyra-swatch-picker-shine-duration",
+      "name": "--lr-swatch-picker-selected-blur",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-swatch-picker>`** (default: `0s`) — Duration of a rhythmic brighten-and-settle \"shine\" on the selected swatch. `0s` (the default) is a no-op -- today's static look for every existing consumer. Set a real duration (e.g. 1.6s) for a pulsing shine; disabled outright under `prefers-reduced-motion: reduce`. Independent of `--lyra-swatch-picker-selected-blur` (a separate `filter: brightness()` animation, not `box-shadow`), so the two compose freely, and works identically for a plain color circle and an icon swatch alike."
+        "value": "**`<lr-swatch-picker>`** (default: `0px`) — Blur radius of that same ring. 0 by default (a crisp ring); set a real length (e.g. 0.4rem) for a soft glow instead."
       }
     },
     {
-      "name": "--lyra-table-resize-handle-opacity",
+      "name": "--lr-swatch-picker-selected-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-table>`** (default: `0.12`) — Hover/focus opacity of the resize handle."
+        "value": "**`<lr-swatch-picker>`** (default: `var(--lr-color-brand)`) — Ring color drawn around the selected swatch, themeable independently of the focus ring and every other ring color."
       }
     },
     {
-      "name": "--lyra-table-resize-min-width",
+      "name": "--lr-swatch-picker-shine-duration",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-table>`** (default: `var(--lyra-size-3rem)`) — Default minimum width for a resizable column without an explicit pixel `minWidth`."
+        "value": "**`<lr-swatch-picker>`** (default: `0s`) — Duration of a rhythmic brighten-and-settle \"shine\" on the selected swatch. `0s` (the default) is a no-op -- today's static look for every existing consumer. Set a real duration (e.g. 1.6s) for a pulsing shine; disabled outright under `prefers-reduced-motion: reduce`. Independent of `--lr-swatch-picker-selected-blur` (a separate `filter: brightness()` animation, not `box-shadow`), so the two compose freely, and works identically for a plain color circle and an icon swatch alike."
       }
     },
     {
-      "name": "--lyra-task-list-spin",
+      "name": "--lr-table-resize-handle-opacity",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-task-list>`** (default: `1s linear`) — Running-status icon spin animation duration/timing."
+        "value": "**`<lr-table>`** (default: `0.12`) — Hover/focus opacity of the resize handle."
       }
     },
     {
-      "name": "--lyra-textarea-max-block-size",
+      "name": "--lr-table-resize-min-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-textarea>`** (default: `none`) — Maximum auto-grown block size before the textarea scrolls."
+        "value": "**`<lr-table>`** (default: `var(--lr-size-3rem)`) — Default minimum width for a resizable column without an explicit pixel `minWidth`."
       }
     },
     {
-      "name": "--lyra-timeline-gap",
+      "name": "--lr-task-list-spin",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-timeline>`** (default: `var(--lyra-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 `<lyra-timeline-item>`'s own stylesheet, via ordinary CSS custom-property inheritance across the slot boundary."
+        "value": "**`<lr-task-list>`** (default: `1s linear`) — Running-status icon spin animation duration/timing."
       }
     },
     {
-      "name": "--lyra-timeline-marker-color",
+      "name": "--lr-textarea-max-block-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-timeline-item>`** (default: `var(--lyra-color-text-quiet)`) — Marker fill/accent color. Swapped per `variant` (see the class doc's variant table); a consumer overriding this directly on one item wins over the variant default via normal CSS cascade/specificity."
+        "value": "**`<lr-textarea>`** (default: `none`) — Maximum auto-grown block size before the textarea scrolls."
       }
     },
     {
-      "name": "--lyra-timeline-marker-size",
+      "name": "--lr-timeline-gap",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-timeline-item>`** (default: `var(--lyra-size-1-25rem)`) — Diameter of the marker circle (both inline-size and block-size, so the default dot stays circular)."
+        "value": "**`<lr-timeline>`** (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."
       }
     },
     {
-      "name": "--lyra-timeline-rail-color",
+      "name": "--lr-timeline-marker-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-timeline-item>`** (default: `var(--lyra-color-border)`) — Color of the connecting rail line. A component-scoped property (not just inlining `var(--lyra-color-border)` at every use site) so a consumer can retint just the rail without touching the library-wide border color elsewhere."
+        "value": "**`<lr-timeline-item>`** (default: `var(--lr-color-text-quiet)`) — Marker fill/accent color. Swapped per `variant` (see the class doc's variant table); a consumer overriding this directly on one item wins over the variant default via normal CSS cascade/specificity."
       }
     },
     {
-      "name": "--lyra-timeline-rail-width",
+      "name": "--lr-timeline-marker-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-timeline-item>`** (default: `var(--lyra-border-width-medium)`) — Thickness of the connecting rail line."
+        "value": "**`<lr-timeline-item>`** (default: `var(--lr-size-1-25rem)`) — Diameter of the marker circle (both inline-size and block-size, so the default dot stays circular)."
       }
     },
     {
-      "name": "--lyra-tool-call-chip-spin",
+      "name": "--lr-timeline-rail-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tool-call-chip>`** (default: `1s linear`) — Running-icon animation duration and timing."
+        "value": "**`<lr-timeline-item>`** (default: `var(--lr-color-border)`) — Color of the connecting rail line. A component-scoped property (not just inlining `var(--lr-color-border)` at every use site) so a consumer can retint just the rail without touching the library-wide border color elsewhere."
       }
     },
     {
-      "name": "--lyra-tool-result-dialog-maximized-inset",
+      "name": "--lr-timeline-rail-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tool-result-dialog>`** — Insets for the maximized panel."
+        "value": "**`<lr-timeline-item>`** (default: `var(--lr-border-width-medium)`) — Thickness of the connecting rail line."
       }
     },
     {
-      "name": "--lyra-tool-result-dialog-overlay-color",
+      "name": "--lr-tool-call-chip-spin",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tool-result-dialog>`** (default: `var(--lyra-color-overlay)`) — Backdrop color."
+        "value": "**`<lr-tool-call-chip>`** (default: `1s linear`) — Running-icon animation duration and timing."
       }
     },
     {
-      "name": "--lyra-tool-result-dialog-spin",
+      "name": "--lr-tool-result-dialog-maximized-inset",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tool-result-dialog>`** (default: `1s linear`) — Running-status animation duration and timing."
+        "value": "**`<lr-tool-result-dialog>`** — Insets for the maximized panel."
       }
     },
     {
-      "name": "--lyra-tooltip-background",
+      "name": "--lr-tool-result-dialog-overlay-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tooltip>`** — Tooltip background color (default `--lyra-color-neutral`)."
+        "value": "**`<lr-tool-result-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop color."
       }
     },
     {
-      "name": "--lyra-tooltip-color",
+      "name": "--lr-tool-result-dialog-spin",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tooltip>`** — Tooltip text color (default `--lyra-color-on-neutral`)."
+        "value": "**`<lr-tool-result-dialog>`** (default: `1s linear`) — Running-status animation duration and timing."
       }
     },
     {
-      "name": "--lyra-tooltip-max-inline-size",
+      "name": "--lr-tooltip-background",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tooltip>`** — Maximum inline size of the tooltip (default `--lyra-size-20rem`)."
+        "value": "**`<lr-tooltip>`** — Tooltip background color (default `--lr-color-neutral`)."
       }
     },
     {
-      "name": "--lyra-tour-backdrop-color",
+      "name": "--lr-tooltip-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tour>`** — Backdrop scrim fill. Defaults to `--lyra-color-overlay`."
+        "value": "**`<lr-tooltip>`** — Tooltip text color (default `--lr-color-on-neutral`)."
       }
     },
     {
-      "name": "--lyra-tour-popover-max-width",
+      "name": "--lr-tooltip-max-inline-size",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tour>`** — Maximum popover inline size. Defaults to `--lyra-size-22rem`."
+        "value": "**`<lr-tooltip>`** — Maximum inline size of the tooltip (default `--lr-size-20rem`)."
       }
     },
     {
-      "name": "--lyra-tour-spotlight-radius",
+      "name": "--lr-tour-backdrop-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tour>`** — Corner radius shared by the cutout and the ring. Defaults to `--lyra-radius`."
+        "value": "**`<lr-tour>`** — Backdrop scrim fill. Defaults to `--lr-color-overlay`."
       }
     },
     {
-      "name": "--lyra-tour-spotlight-ring-color",
+      "name": "--lr-tour-popover-max-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tour>`** — Spotlight ring color. Defaults to `--lyra-color-brand`."
+        "value": "**`<lr-tour>`** — Maximum popover inline size. Defaults to `--lr-size-22rem`."
       }
     },
     {
-      "name": "--lyra-tour-spotlight-ring-width",
+      "name": "--lr-tour-spotlight-radius",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-tour>`** — Spotlight ring thickness. Defaults to `--lyra-border-width-medium`."
+        "value": "**`<lr-tour>`** — Corner radius shared by the cutout and the ring. Defaults to `--lr-radius`."
       }
     },
     {
-      "name": "--lyra-transition-ambient",
+      "name": "--lr-tour-spotlight-ring-color",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-chat-message>`** (default: `1.8s ease-in-out`) — Streaming-indicator animation duration and timing function.\n\n**`<lyra-skeleton>`** (default: `1.8s ease-in-out`) — Animation duration and timing function shared by the pulse and sheen effects.\n\n**`<lyra-tool-call-chip>`** (default: `1.8s ease-in-out`) — Pending-icon pulse duration and timing.\n\n**`<lyra-typing-indicator>`** (default: `1.8s ease-in-out`) — Animation duration and timing function shared by all variants."
+        "value": "**`<lr-tour>`** — Spotlight ring color. Defaults to `--lr-color-brand`."
       }
     },
     {
-      "name": "--lyra-typing-dot-stagger-1",
+      "name": "--lr-tour-spotlight-ring-width",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-typing-indicator>`** (default: `600ms`) — Delay for the second dot in the dots variant."
+        "value": "**`<lr-tour>`** — Spotlight ring thickness. Defaults to `--lr-border-width-medium`."
       }
     },
     {
-      "name": "--lyra-typing-dot-stagger-2",
+      "name": "--lr-transition-ambient",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-typing-indicator>`** (default: `1200ms`) — Delay for the third dot in the dots variant."
+        "value": "**`<lr-chat-message>`** (default: `1.8s ease-in-out`) — Streaming-indicator animation duration and timing function.\n\n**`<lr-skeleton>`** (default: `1.8s ease-in-out`) — Animation duration and timing function shared by the pulse and sheen effects.\n\n**`<lr-tool-call-chip>`** (default: `1.8s ease-in-out`) — Pending-icon pulse duration and timing.\n\n**`<lr-typing-indicator>`** (default: `1.8s ease-in-out`) — Animation duration and timing function shared by all variants."
       }
     },
     {
-      "name": "--lyra-word-cloud-color-1",
+      "name": "--lr-typing-dot-stagger-1",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-word-cloud>`** (default: `var(--lyra-color-brand)`) — First entry of the default categorical palette."
+        "value": "**`<lr-typing-indicator>`** (default: `600ms`) — Delay for the second dot in the dots variant."
       }
     },
     {
-      "name": "--lyra-word-cloud-color-2",
+      "name": "--lr-typing-dot-stagger-2",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-word-cloud>`** (default: `var(--lyra-color-success)`) — Second entry of the default categorical palette."
+        "value": "**`<lr-typing-indicator>`** (default: `1200ms`) — Delay for the third dot in the dots variant."
       }
     },
     {
-      "name": "--lyra-word-cloud-color-3",
+      "name": "--lr-word-cloud-color-1",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-word-cloud>`** (default: `var(--lyra-color-warning)`) — Third entry of the default categorical palette."
+        "value": "**`<lr-word-cloud>`** (default: `var(--lr-color-brand)`) — First entry of the default categorical palette."
       }
     },
     {
-      "name": "--lyra-word-cloud-color-4",
+      "name": "--lr-word-cloud-color-2",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-word-cloud>`** (default: `var(--lyra-color-danger)`) — Fourth entry of the default categorical palette."
+        "value": "**`<lr-word-cloud>`** (default: `var(--lr-color-success)`) — Second entry of the default categorical palette."
       }
     },
     {
-      "name": "--lyra-word-cloud-color-5",
+      "name": "--lr-word-cloud-color-3",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-word-cloud>`** (default: `var(--lyra-color-chart-1)`) — Fifth entry of the default categorical palette."
+        "value": "**`<lr-word-cloud>`** (default: `var(--lr-color-warning)`) — Third entry of the default categorical palette."
       }
     },
     {
-      "name": "--lyra-word-cloud-color-6",
+      "name": "--lr-word-cloud-color-4",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-word-cloud>`** (default: `var(--lyra-color-chart-2)`) — Sixth entry of the default categorical palette."
+        "value": "**`<lr-word-cloud>`** (default: `var(--lr-color-danger)`) — Fourth entry of the default categorical palette."
       }
     },
     {
-      "name": "--lyra-word-cloud-color-7",
+      "name": "--lr-word-cloud-color-5",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-word-cloud>`** (default: `var(--lyra-color-chart-3)`) — Seventh entry of the default categorical palette."
+        "value": "**`<lr-word-cloud>`** (default: `var(--lr-color-chart-1)`) — Fifth entry of the default categorical palette."
       }
     },
     {
-      "name": "--lyra-word-cloud-color-8",
+      "name": "--lr-word-cloud-color-6",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-word-cloud>`** (default: `var(--lyra-color-chart-4)`) — Eighth entry of the default categorical palette."
+        "value": "**`<lr-word-cloud>`** (default: `var(--lr-color-chart-2)`) — Sixth entry of the default categorical palette."
       }
     },
     {
-      "name": "--lyra-xml-viewer-max-height",
+      "name": "--lr-word-cloud-color-7",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-xml-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+        "value": "**`<lr-word-cloud>`** (default: `var(--lr-color-chart-3)`) — Seventh entry of the default categorical palette."
       }
     },
     {
-      "name": "--lyra-zoomable-frame-min-block-size",
+      "name": "--lr-word-cloud-color-8",
       "description": {
         "kind": "markdown",
-        "value": "**`<lyra-zoomable-frame>`** — Minimum viewport block size."
+        "value": "**`<lr-word-cloud>`** (default: `var(--lr-color-chart-4)`) — Eighth entry of the default categorical palette."
+      }
+    },
+    {
+      "name": "--lr-xml-viewer-max-height",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-xml-viewer>`** (default: `none`) — Maximum block size of the scrollable body before it scrolls internally. Also settable via the `max-height` property."
+      }
+    },
+    {
+      "name": "--lr-zoomable-frame-min-block-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-zoomable-frame>`** — Minimum viewport block size."
       }
     }
   ]