@aceshooting/lyra-ui 14.0.0 → 14.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (475) hide show
  1. package/CHANGELOG.md +155 -19
  2. package/custom-elements.json +1 -1
  3. package/dist/components/agent-tools/commit-card/commit-card.class.d.ts +3 -1
  4. package/dist/components/agent-tools/commit-card/commit-card.class.js +2 -2
  5. package/dist/components/agent-tools/compare-panel/compare-panel.class.d.ts +2 -1
  6. package/dist/components/agent-tools/compare-panel/compare-panel.styles.js +1 -1
  7. package/dist/components/agent-tools/prompt-studio/prompt-studio.class.d.ts +6 -2
  8. package/dist/components/agent-tools/prompt-studio/prompt-studio.class.js +4 -4
  9. package/dist/components/agent-tools/result-card/result-card.class.d.ts +1 -1
  10. package/dist/components/agent-tools/result-card/result-card.class.js +1 -1
  11. package/dist/components/agent-tools/result-card/result-field.class.d.ts +1 -1
  12. package/dist/components/agent-tools/result-card/result-field.class.js +1 -1
  13. package/dist/components/agent-tools/stack-trace/stack-trace.class.d.ts +1 -1
  14. package/dist/components/agent-tools/stack-trace/stack-trace.class.js +1 -1
  15. package/dist/components/agent-tools/terminal/terminal.class.d.ts +1 -1
  16. package/dist/components/agent-tools/terminal/terminal.class.js +2 -2
  17. package/dist/components/agent-tools/tool-call-chip/tool-call-chip.class.d.ts +2 -2
  18. package/dist/components/agent-tools/tool-call-chip/tool-call-chip.class.js +1 -1
  19. package/dist/components/agent-tools/tool-param-form/tool-param-form.class.js +1 -1
  20. package/dist/components/agent-tools/tool-result-dialog/tool-result-dialog.class.js +2 -2
  21. package/dist/components/agent-tools/tool-select-dialog/tool-select-dialog.class.js +4 -4
  22. package/dist/components/agent-tools/trace-tree/span.d.ts +3 -1
  23. package/dist/components/agent-tools/trace-tree/span.js +1 -1
  24. package/dist/components/charts/chart/box-plot.class.d.ts +2 -0
  25. package/dist/components/charts/chart/box-plot.class.js +1 -1
  26. package/dist/components/charts/chart/chart.class.d.ts +6 -1
  27. package/dist/components/charts/chart/chart.class.js +1 -1
  28. package/dist/components/charts/chart/lite-chart.class.d.ts +20 -11
  29. package/dist/components/charts/chart/lite-chart.class.js +10 -8
  30. package/dist/components/conversation/chat-message/chat-message.class.d.ts +4 -3
  31. package/dist/components/conversation/code-block/code-block-core.class.d.ts +4 -3
  32. package/dist/components/conversation/code-block/code-block-core.class.js +1 -1
  33. package/dist/components/conversation/code-block/code-block-shared.d.ts +3 -3
  34. package/dist/components/conversation/code-block/code-block-shared.js +2 -2
  35. package/dist/components/conversation/code-block/code-block.class.d.ts +4 -3
  36. package/dist/components/conversation/code-block/code-block.class.js +1 -1
  37. package/dist/components/conversation/code-block/shiki-types.d.ts +2 -0
  38. package/dist/components/conversation/code-block/shiki-types.js +1 -1
  39. package/dist/components/conversation/conversation-item/conversation-item.class.js +1 -1
  40. package/dist/components/conversation/markdown/markdown-base.class.js +1 -1
  41. package/dist/components/conversation/markdown/markdown-core.class.d.ts +1 -1
  42. package/dist/components/conversation/markdown/markdown.class.d.ts +1 -1
  43. package/dist/components/conversation/message-actions/message-actions.class.d.ts +2 -0
  44. package/dist/components/conversation/message-actions/message-actions.class.js +1 -1
  45. package/dist/components/conversation/message-feedback/message-feedback.class.d.ts +3 -1
  46. package/dist/components/conversation/message-feedback/message-feedback.class.js +2 -2
  47. package/dist/components/conversation/message-parts/message-parts.class.d.ts +3 -0
  48. package/dist/components/conversation/model-select/model-select.class.js +3 -3
  49. package/dist/components/conversation/thread-list/thread-list.class.js +1 -1
  50. package/dist/components/conversation/transcript-feed/transcript-feed.class.d.ts +2 -0
  51. package/dist/components/conversation/transcript-feed/transcript-feed.class.js +1 -1
  52. package/dist/components/conversation/typing-indicator/typing-indicator.class.d.ts +2 -1
  53. package/dist/components/conversation/typing-indicator/typing-indicator.class.js +1 -1
  54. package/dist/components/conversation/usage-badge/usage-badge-overlay-runtime.d.ts +3 -0
  55. package/dist/components/conversation/usage-badge/usage-badge-overlay-runtime.js +1 -0
  56. package/dist/components/conversation/usage-badge/usage-badge.class.d.ts +4 -2
  57. package/dist/components/conversation/usage-badge/usage-badge.class.js +1 -1
  58. package/dist/components/conversation/voice-picker/voice-picker.class.js +3 -3
  59. package/dist/components/conversation/widget-renderer/resolve.d.ts +4 -6
  60. package/dist/components/conversation/widget-renderer/resolve.js +1 -1
  61. package/dist/components/data/calendar/calendar.class.d.ts +6 -3
  62. package/dist/components/data/calendar/calendar.class.js +1 -1
  63. package/dist/components/data/calendar/calendar.styles.js +1 -1
  64. package/dist/components/data/condition-builder/condition-builder.class.d.ts +3 -1
  65. package/dist/components/data/condition-builder/condition-builder.class.js +15 -1
  66. package/dist/components/data/context-meter/context-meter.class.js +2 -2
  67. package/dist/components/data/data-grid/data-grid.class.d.ts +6 -2
  68. package/dist/components/data/data-grid/data-grid.class.js +1 -1
  69. package/dist/components/data/document-library/document-library.class.d.ts +5 -2
  70. package/dist/components/data/document-library/document-library.class.js +1 -1
  71. package/dist/components/data/file-tree/file-tree.class.d.ts +2 -1
  72. package/dist/components/data/file-tree/file-tree.class.js +1 -1
  73. package/dist/components/data/flow-canvas/flow-canvas.class.d.ts +5 -2
  74. package/dist/components/data/flow-canvas/flow-canvas.styles.js +1 -1
  75. package/dist/components/data/flow-canvas/flow-model.js +1 -1
  76. package/dist/components/data/flow-canvas/flow-types.d.ts +2 -1
  77. package/dist/components/data/funnel/funnel.class.d.ts +1 -0
  78. package/dist/components/data/funnel/funnel.class.js +1 -1
  79. package/dist/components/data/gauge/gauge.class.d.ts +4 -1
  80. package/dist/components/data/gauge/gauge.class.js +6 -6
  81. package/dist/components/data/graph-query-builder/graph-query-builder.class.d.ts +5 -2
  82. package/dist/components/data/graph-query-builder/graph-query-builder.class.js +15 -1
  83. package/dist/components/data/heatmap/heatmap.class.d.ts +7 -4
  84. package/dist/components/data/heatmap/heatmap.class.js +1 -1
  85. package/dist/components/data/sparkline/sparkline.class.d.ts +2 -1
  86. package/dist/components/data/sparkline/sparkline.class.js +1 -1
  87. package/dist/components/data/stat/stat.class.d.ts +6 -2
  88. package/dist/components/data/stat/stat.class.js +1 -1
  89. package/dist/components/data/table/table.class.d.ts +5 -2
  90. package/dist/components/data/table/table.class.js +2 -2
  91. package/dist/components/data/timeline/timeline.class.d.ts +7 -2
  92. package/dist/components/data/timeline/timeline.class.js +1 -1
  93. package/dist/components/data/timeline/timeline.styles.js +1 -1
  94. package/dist/components/data/tree/tree-item.class.d.ts +3 -1
  95. package/dist/components/data/tree/tree-item.class.js +1 -1
  96. package/dist/components/data/tree/tree.class.d.ts +4 -1
  97. package/dist/components/data/tree/tree.class.js +1 -1
  98. package/dist/components/data/word-cloud/word-cloud-layout.d.ts +2 -1
  99. package/dist/components/data/word-cloud/word-cloud-layout.js +1 -1
  100. package/dist/components/data/word-cloud/word-cloud.class.d.ts +2 -1
  101. package/dist/components/forms/button/button.class.d.ts +5 -3
  102. package/dist/components/forms/button/button.class.js +1 -1
  103. package/dist/components/forms/checkbox/checkbox.class.d.ts +3 -0
  104. package/dist/components/forms/checkbox/checkbox.class.js +1 -1
  105. package/dist/components/forms/code-editor/code-editor.class.d.ts +11 -3
  106. package/dist/components/forms/code-editor/code-editor.class.js +6 -7
  107. package/dist/components/forms/code-editor/code-editor.styles.js +1 -1
  108. package/dist/components/forms/color-picker/color-picker.class.d.ts +5 -1
  109. package/dist/components/forms/color-picker/color-picker.class.js +4 -4
  110. package/dist/components/forms/combobox/combobox.class.d.ts +19 -8
  111. package/dist/components/forms/combobox/combobox.class.js +3 -3
  112. package/dist/components/forms/combobox/option.class.d.ts +4 -0
  113. package/dist/components/forms/combobox/option.class.js +2 -2
  114. package/dist/components/forms/date-picker/calendar-core.d.ts +1 -1
  115. package/dist/components/forms/date-picker/calendar-core.js +1 -1
  116. package/dist/components/forms/date-picker/date-input.class.d.ts +20 -10
  117. package/dist/components/forms/date-picker/date-input.class.js +4 -4
  118. package/dist/components/forms/date-picker/date-picker.class.d.ts +24 -13
  119. package/dist/components/forms/date-picker/date-picker.class.js +7 -7
  120. package/dist/components/forms/date-picker/date-picker.styles.js +1 -1
  121. package/dist/components/forms/emoji-picker/emoji-picker.class.d.ts +11 -3
  122. package/dist/components/forms/emoji-picker/emoji-picker.class.js +3 -3
  123. package/dist/components/forms/emoji-picker/emoji-types.d.ts +2 -2
  124. package/dist/components/forms/icon-button/icon-button.class.d.ts +4 -2
  125. package/dist/components/forms/icon-button/icon-button.class.js +1 -1
  126. package/dist/components/forms/input/input.class.d.ts +5 -1
  127. package/dist/components/forms/input/input.class.js +1 -1
  128. package/dist/components/forms/input/native-time-input.class.d.ts +3 -0
  129. package/dist/components/forms/input/number-input.class.d.ts +3 -0
  130. package/dist/components/forms/input/time-input.class.d.ts +3 -0
  131. package/dist/components/forms/input/time-input.class.js +1 -1
  132. package/dist/components/forms/locale-picker/locale-picker.class.d.ts +5 -1
  133. package/dist/components/forms/locale-picker/locale-picker.class.js +2 -2
  134. package/dist/components/forms/otp-input/otp-input.class.d.ts +5 -1
  135. package/dist/components/forms/otp-input/otp-input.class.js +1 -1
  136. package/dist/components/forms/phone-input/phone-input.class.d.ts +21 -8
  137. package/dist/components/forms/phone-input/phone-input.class.js +1 -1
  138. package/dist/components/forms/radio/radio-button.class.d.ts +4 -0
  139. package/dist/components/forms/radio/radio-group.class.d.ts +4 -1
  140. package/dist/components/forms/radio/radio-group.class.js +1 -1
  141. package/dist/components/forms/radio/radio.class.d.ts +6 -2
  142. package/dist/components/forms/radio/radio.class.js +1 -1
  143. package/dist/components/forms/rubric-form/rubric-form.class.d.ts +7 -1
  144. package/dist/components/forms/rubric-form/rubric-form.class.js +3 -3
  145. package/dist/components/forms/select/select.class.d.ts +8 -2
  146. package/dist/components/forms/select/select.class.js +2 -2
  147. package/dist/components/forms/slider/slider.class.d.ts +12 -6
  148. package/dist/components/forms/slider/slider.class.js +2 -2
  149. package/dist/components/forms/swatch-picker/swatch-picker.class.d.ts +4 -0
  150. package/dist/components/forms/swatch-picker/swatch-picker.class.js +1 -1
  151. package/dist/components/forms/switch/switch.class.d.ts +5 -1
  152. package/dist/components/forms/switch/switch.class.js +1 -1
  153. package/dist/components/forms/textarea/textarea.class.d.ts +3 -0
  154. package/dist/components/forms/textarea/textarea.class.js +1 -1
  155. package/dist/components/forms/time-range/time-range.class.d.ts +3 -0
  156. package/dist/components/forms/time-range/time-range.class.js +1 -1
  157. package/dist/components/forms/token-input/token-input.class.d.ts +8 -2
  158. package/dist/components/forms/token-input/token-input.class.js +2 -2
  159. package/dist/components/forms/token-input/token-input.styles.js +1 -1
  160. package/dist/components/layout/app-rail/app-rail.class.d.ts +3 -1
  161. package/dist/components/layout/app-rail/app-rail.class.js +1 -1
  162. package/dist/components/layout/carousel/carousel.class.d.ts +3 -2
  163. package/dist/components/layout/carousel/carousel.class.js +1 -1
  164. package/dist/components/layout/command-palette/command-palette.class.js +1 -1
  165. package/dist/components/layout/dashboard-grid/dashboard-grid.class.d.ts +2 -0
  166. package/dist/components/layout/dashboard-grid/dashboard-grid.class.js +1 -1
  167. package/dist/components/layout/details/details.class.d.ts +3 -3
  168. package/dist/components/layout/filter-bar/filter-bar.class.d.ts +3 -1
  169. package/dist/components/layout/filter-bar/filter-bar.class.js +1 -1
  170. package/dist/components/layout/menu/menu-label.class.d.ts +3 -3
  171. package/dist/components/layout/menu/menu.class.d.ts +4 -1
  172. package/dist/components/layout/menu/menu.class.js +1 -1
  173. package/dist/components/layout/multi-split/multi-split.class.d.ts +9 -3
  174. package/dist/components/layout/multi-split/multi-split.class.js +1 -1
  175. package/dist/components/layout/multi-split/multi-split.styles.js +1 -1
  176. package/dist/components/layout/reorder-list/reorder-item.class.d.ts +2 -1
  177. package/dist/components/layout/reorder-list/reorder-item.class.js +1 -1
  178. package/dist/components/layout/reorder-list/reorder-list.class.js +1 -1
  179. package/dist/components/layout/reorder-list/reorder-owner.js +1 -1
  180. package/dist/components/layout/split-panel/split-panel.class.d.ts +2 -1
  181. package/dist/components/layout/split-panel/split-panel.class.js +1 -1
  182. package/dist/components/layout/tab-group/tab-group.class.d.ts +3 -1
  183. package/dist/components/layout/tab-group/tab-group.class.js +1 -1
  184. package/dist/components/layout/widget/widget.class.d.ts +6 -2
  185. package/dist/components/layout/widget/widget.class.js +1 -1
  186. package/dist/components/media/animation/animation.class.d.ts +3 -2
  187. package/dist/components/media/animation/animation.class.js +1 -1
  188. package/dist/components/media/attachment-chip/attachment-chip.class.d.ts +4 -3
  189. package/dist/components/media/attachment-chip/attachment-chip.class.js +1 -1
  190. package/dist/components/media/av-player/av-metadata.d.ts +3 -2
  191. package/dist/components/media/av-player/av-player.class.d.ts +4 -3
  192. package/dist/components/media/av-player/av-player.class.js +3 -3
  193. package/dist/components/media/av-player/av-player.styles.js +1 -1
  194. package/dist/components/media/avatar/avatar.class.d.ts +2 -1
  195. package/dist/components/media/avatar/avatar.class.js +1 -1
  196. package/dist/components/media/file-input/file-input.class.d.ts +4 -2
  197. package/dist/components/media/file-input/file-input.class.js +1 -1
  198. package/dist/components/media/file-input/file-input.styles.js +1 -1
  199. package/dist/components/media/image-viewer/image-viewer.class.d.ts +2 -1
  200. package/dist/components/media/image-viewer/image-viewer.class.js +1 -1
  201. package/dist/components/media/image-viewer/image-viewer.styles.js +1 -1
  202. package/dist/components/media/map/map.class.d.ts +5 -3
  203. package/dist/components/media/map/map.class.js +1 -1
  204. package/dist/components/media/map/map.styles.js +1 -1
  205. package/dist/components/media/media-card/media-card.class.d.ts +1 -1
  206. package/dist/components/media/media-card/media-card.class.js +1 -1
  207. package/dist/components/media/pan-zoom/pan-zoom.class.js +1 -1
  208. package/dist/components/media/sequence-playback/sequence-playback.class.d.ts +1 -1
  209. package/dist/components/media/sequence-playback/sequence-playback.styles.js +1 -1
  210. package/dist/components/media/video/video.class.d.ts +2 -1
  211. package/dist/components/media/video/video.styles.js +1 -1
  212. package/dist/components/media/zoomable-frame/zoomable-frame.class.d.ts +3 -2
  213. package/dist/components/media/zoomable-frame/zoomable-frame.class.js +2 -2
  214. package/dist/components/overlays/chip/chip-group.class.d.ts +2 -0
  215. package/dist/components/overlays/chip/chip-group.class.js +1 -1
  216. package/dist/components/overlays/dialog/dialog.class.d.ts +2 -0
  217. package/dist/components/overlays/dialog/dialog.class.js +1 -1
  218. package/dist/components/overlays/empty/empty.class.d.ts +2 -0
  219. package/dist/components/overlays/empty/empty.class.js +1 -1
  220. package/dist/components/overlays/kbd/kbd.class.d.ts +2 -0
  221. package/dist/components/overlays/kbd/kbd.class.js +1 -1
  222. package/dist/components/overlays/overlay/popover.class.d.ts +3 -1
  223. package/dist/components/overlays/overlay/popover.class.js +1 -1
  224. package/dist/components/overlays/overlay/tooltip.class.d.ts +3 -1
  225. package/dist/components/overlays/overlay/tooltip.class.js +1 -1
  226. package/dist/components/overlays/rating/rating.class.d.ts +2 -0
  227. package/dist/components/overlays/rating/rating.class.js +1 -1
  228. package/dist/components/retrieval/embedding-explorer/embedding-explorer.class.js +2 -2
  229. package/dist/components/retrieval/entity-card/entity-card.class.d.ts +5 -2
  230. package/dist/components/retrieval/entity-card/entity-card.class.js +1 -1
  231. package/dist/components/retrieval/entity-chip/entity-chip.class.d.ts +4 -2
  232. package/dist/components/retrieval/entity-chip/entity-chip.class.js +1 -1
  233. package/dist/components/retrieval/graph/graph-canvas.js +1 -1
  234. package/dist/components/retrieval/graph/graph.class.d.ts +9 -7
  235. package/dist/components/retrieval/graph/graph.class.js +1 -1
  236. package/dist/components/retrieval/grounding-summary/grounding-summary.class.d.ts +1 -3
  237. package/dist/components/retrieval/ingestion-queue/ingestion-queue.class.d.ts +2 -0
  238. package/dist/components/retrieval/ingestion-queue/ingestion-queue.class.js +1 -1
  239. package/dist/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.class.d.ts +3 -2
  240. package/dist/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.class.js +7 -3
  241. package/dist/components/retrieval/provenance-panel/provenance-panel.class.d.ts +2 -1
  242. package/dist/components/retrieval/provenance-panel/provenance-panel.class.js +1 -1
  243. package/dist/components/retrieval/source-picker/source-picker.class.d.ts +2 -1
  244. package/dist/components/retrieval/source-picker/source-picker.class.js +1 -1
  245. package/dist/components/utility/format/format-number.class.d.ts +3 -1
  246. package/dist/components/utility/format/format-options.js +1 -1
  247. package/dist/components/utility/json-viewer/json-viewer.class.d.ts +3 -2
  248. package/dist/components/utility/json-viewer/json-viewer.class.js +2 -2
  249. package/dist/components/utility/known-date/known-date.class.d.ts +9 -5
  250. package/dist/components/utility/known-date/known-date.class.js +2 -2
  251. package/dist/components/utility/known-date/known-date.styles.js +1 -1
  252. package/dist/components/utility/mention-popover/mention-popover.class.d.ts +3 -1
  253. package/dist/components/utility/mention-popover/mention-popover.class.js +1 -1
  254. package/dist/components/utility/poll-status/poll-status.class.d.ts +3 -0
  255. package/dist/components/utility/poll-status/poll-status.styles.js +1 -1
  256. package/dist/components/viewers/calendar-viewer/calendar-viewer.class.d.ts +1 -0
  257. package/dist/components/viewers/calendar-viewer/calendar-viewer.class.js +1 -1
  258. package/dist/components/viewers/dataset-viewer/dataset-viewer.class.d.ts +2 -1
  259. package/dist/components/viewers/dataset-viewer/dataset-viewer.styles.js +1 -1
  260. package/dist/components/viewers/document-preview/document-preview.class.d.ts +4 -2
  261. package/dist/components/viewers/document-preview/document-preview.class.js +1 -1
  262. package/dist/components/viewers/document-preview/document-preview.styles.js +1 -1
  263. package/dist/components/viewers/document-viewer/document-viewer.class.d.ts +3 -2
  264. package/dist/components/viewers/document-viewer/document-viewer.class.js +2 -2
  265. package/dist/components/viewers/document-viewer/registry-ownership.d.ts +1 -0
  266. package/dist/components/viewers/document-viewer/registry-ownership.js +1 -0
  267. package/dist/components/viewers/document-viewer/registry.js +1 -1
  268. package/dist/components/viewers/ebook-viewer/ebook-viewer.class.d.ts +7 -1
  269. package/dist/components/viewers/ebook-viewer/ebook-viewer.class.js +1 -1
  270. package/dist/components/viewers/email-viewer/email-viewer.class.d.ts +2 -1
  271. package/dist/components/viewers/email-viewer/email-viewer.class.js +2 -2
  272. package/dist/components/viewers/include/include-resource.js +1 -1
  273. package/dist/components/viewers/include/include.class.d.ts +3 -1
  274. package/dist/components/viewers/notebook-viewer/notebook-viewer.class.d.ts +4 -2
  275. package/dist/components/viewers/notebook-viewer/notebook-viewer.class.js +4 -4
  276. package/dist/components/viewers/notebook-viewer/notebook-viewer.styles.js +1 -1
  277. package/dist/components/viewers/passive-markup.js +1 -1
  278. package/dist/components/viewers/svg-viewer/svg-viewer.class.d.ts +2 -1
  279. package/dist/components/viewers/svg-viewer/svg-viewer.styles.js +1 -1
  280. package/dist/components/viewers/xml-viewer/xml-viewer.class.d.ts +2 -1
  281. package/dist/components/viewers/xml-viewer/xml-viewer.class.js +1 -1
  282. package/dist/components/viewers/xml-viewer/xml-viewer.js +1 -1
  283. package/dist/custom-elements-jsx.d.ts +1 -1
  284. package/dist/internal/aria-reflection.js +1 -1
  285. package/dist/internal/catalog-picker.js +1 -1
  286. package/dist/internal/default-strings.generated.d.ts +1 -1
  287. package/dist/internal/default-strings.generated.js +1 -1
  288. package/dist/internal/dev-mode-attribute-warning.d.ts +3 -0
  289. package/dist/internal/dev-mode-attribute-warning.js +1 -1
  290. package/dist/internal/form-associated.js +1 -1
  291. package/dist/internal/localization-types.d.ts +1 -1
  292. package/dist/internal/localization.js +1 -1
  293. package/dist/internal/lyra-element.js +1 -1
  294. package/dist/internal/native-control-description.d.ts +7 -0
  295. package/dist/internal/native-control-description.js +1 -0
  296. package/dist/internal/option-selection.js +1 -1
  297. package/dist/internal/overlay-order.d.ts +6 -0
  298. package/dist/internal/overlay-order.js +1 -0
  299. package/dist/internal/overlay-stack.d.ts +1 -1
  300. package/dist/internal/overlay-stack.js +1 -1
  301. package/dist/internal/package-metadata.d.ts +1 -1
  302. package/dist/internal/package-metadata.js +1 -1
  303. package/dist/internal/positioner.d.ts +5 -4
  304. package/dist/internal/reactive-property-writes.d.ts +1 -0
  305. package/dist/internal/reactive-property-writes.js +1 -0
  306. package/dist/internal/svg-title.d.ts +3 -0
  307. package/dist/internal/svg-title.js +1 -0
  308. package/dist/svelte.d.ts +1 -1
  309. package/dist/translations/ar.js +1 -1
  310. package/dist/translations/de.js +1 -1
  311. package/dist/translations/es.js +1 -1
  312. package/dist/translations/fa.js +1 -1
  313. package/dist/translations/fr.js +1 -1
  314. package/dist/translations/he.js +1 -1
  315. package/dist/translations/ja.js +1 -1
  316. package/dist/translations/pt-BR.js +1 -1
  317. package/dist/translations/ru.js +1 -1
  318. package/dist/translations/zh-CN.js +1 -1
  319. package/dist/vue.d.ts +1 -1
  320. package/llms/components/lr-accordion-item.md +4 -0
  321. package/llms/components/lr-accordion.md +4 -0
  322. package/llms/components/lr-agent-trace.md +3 -0
  323. package/llms/components/lr-animation.md +4 -0
  324. package/llms/components/lr-app-rail-item.md +4 -2
  325. package/llms/components/lr-app-rail.md +4 -2
  326. package/llms/components/lr-attachment-chip.md +6 -0
  327. package/llms/components/lr-av-player.md +14 -0
  328. package/llms/components/lr-avatar.md +4 -0
  329. package/llms/components/lr-box-plot.md +6 -0
  330. package/llms/components/lr-button.md +11 -3
  331. package/llms/components/lr-calendar-viewer.md +4 -0
  332. package/llms/components/lr-calendar.md +5 -0
  333. package/llms/components/lr-carousel.md +5 -0
  334. package/llms/components/lr-chart.md +13 -4
  335. package/llms/components/lr-chat-message.md +4 -0
  336. package/llms/components/lr-checkbox.md +3 -0
  337. package/llms/components/lr-chip-group.md +3 -0
  338. package/llms/components/lr-chip.md +3 -0
  339. package/llms/components/lr-code-block-core.md +16 -4
  340. package/llms/components/lr-code-block.md +7 -0
  341. package/llms/components/lr-code-editor.md +18 -5
  342. package/llms/components/lr-color-picker.md +9 -0
  343. package/llms/components/lr-combobox.md +35 -4
  344. package/llms/components/lr-command-palette.md +4 -0
  345. package/llms/components/lr-commit-card.md +3 -0
  346. package/llms/components/lr-compare-panel.md +7 -0
  347. package/llms/components/lr-condition-builder.md +5 -0
  348. package/llms/components/lr-conversation-item.md +3 -0
  349. package/llms/components/lr-copy-button.md +6 -0
  350. package/llms/components/lr-dashboard-grid.md +5 -0
  351. package/llms/components/lr-data-grid.md +11 -1
  352. package/llms/components/lr-dataset-viewer.md +3 -2
  353. package/llms/components/lr-date-input.md +46 -6
  354. package/llms/components/lr-date-picker.md +46 -6
  355. package/llms/components/lr-details.md +4 -0
  356. package/llms/components/lr-dialog.md +4 -0
  357. package/llms/components/lr-document-library.md +4 -0
  358. package/llms/components/lr-document-preview.md +7 -1
  359. package/llms/components/lr-document-viewer.md +9 -3
  360. package/llms/components/lr-dropdown-item.md +4 -0
  361. package/llms/components/lr-dropdown.md +3 -0
  362. package/llms/components/lr-ebook-viewer.md +4 -0
  363. package/llms/components/lr-email-viewer.md +5 -0
  364. package/llms/components/lr-emoji-picker.md +17 -3
  365. package/llms/components/lr-empty.md +3 -0
  366. package/llms/components/lr-entity-card.md +3 -0
  367. package/llms/components/lr-entity-chip.md +4 -0
  368. package/llms/components/lr-file-input.md +7 -0
  369. package/llms/components/lr-file-tree.md +5 -1
  370. package/llms/components/lr-filter-bar.md +5 -0
  371. package/llms/components/lr-flow-canvas.md +8 -1
  372. package/llms/components/lr-flow-node.md +2 -1
  373. package/llms/components/lr-flow-run-status.md +1 -1
  374. package/llms/components/lr-format-number.md +4 -0
  375. package/llms/components/lr-funnel.md +4 -0
  376. package/llms/components/lr-gauge.md +4 -0
  377. package/llms/components/lr-generation-metrics.md +5 -0
  378. package/llms/components/lr-graph-query-builder.md +6 -0
  379. package/llms/components/lr-graph.md +8 -2
  380. package/llms/components/lr-heatmap.md +13 -0
  381. package/llms/components/lr-icon-button.md +7 -0
  382. package/llms/components/lr-image-viewer.md +9 -0
  383. package/llms/components/lr-include.md +5 -0
  384. package/llms/components/lr-ingestion-queue.md +4 -0
  385. package/llms/components/lr-input.md +22 -8
  386. package/llms/components/lr-json-viewer.md +4 -0
  387. package/llms/components/lr-kbd.md +3 -0
  388. package/llms/components/lr-knowledge-graph-explorer.md +7 -0
  389. package/llms/components/lr-known-date.md +7 -0
  390. package/llms/components/lr-lite-chart.md +21 -4
  391. package/llms/components/lr-live-region.md +3 -0
  392. package/llms/components/lr-locale-picker.md +6 -0
  393. package/llms/components/lr-map.md +8 -0
  394. package/llms/components/lr-markdown-core.md +4 -0
  395. package/llms/components/lr-markdown.md +8 -4
  396. package/llms/components/lr-media-card.md +5 -2
  397. package/llms/components/lr-mention-popover.md +5 -0
  398. package/llms/components/lr-menu-item.md +4 -0
  399. package/llms/components/lr-menu-label.md +4 -3
  400. package/llms/components/lr-menu.md +4 -0
  401. package/llms/components/lr-message-actions.md +3 -0
  402. package/llms/components/lr-message-feedback.md +4 -0
  403. package/llms/components/lr-message-parts.md +3 -2
  404. package/llms/components/lr-model-select.md +8 -0
  405. package/llms/components/lr-multi-split.md +15 -6
  406. package/llms/components/lr-native-time-input.md +10 -0
  407. package/llms/components/lr-node-palette.md +3 -0
  408. package/llms/components/lr-notebook-viewer.md +4 -1
  409. package/llms/components/lr-number-input.md +12 -1
  410. package/llms/components/lr-option.md +35 -4
  411. package/llms/components/lr-otp-input.md +10 -0
  412. package/llms/components/lr-pan-zoom.md +1 -2
  413. package/llms/components/lr-phone-input.md +20 -5
  414. package/llms/components/lr-poll-status.md +4 -0
  415. package/llms/components/lr-popover.md +3 -0
  416. package/llms/components/lr-popup.md +3 -2
  417. package/llms/components/lr-prompt-studio.md +7 -0
  418. package/llms/components/lr-provenance-panel.md +3 -0
  419. package/llms/components/lr-push-to-talk.md +3 -0
  420. package/llms/components/lr-radio-button.md +13 -4
  421. package/llms/components/lr-radio-group.md +5 -0
  422. package/llms/components/lr-radio.md +9 -0
  423. package/llms/components/lr-rating.md +3 -0
  424. package/llms/components/lr-reorder-item.md +6 -0
  425. package/llms/components/lr-reorder-list.md +6 -0
  426. package/llms/components/lr-result-card.md +3 -0
  427. package/llms/components/lr-result-field.md +3 -0
  428. package/llms/components/lr-rubric-form.md +12 -0
  429. package/llms/components/lr-select.md +9 -0
  430. package/llms/components/lr-sequence-playback.md +4 -0
  431. package/llms/components/lr-slider.md +16 -4
  432. package/llms/components/lr-source-picker.md +4 -0
  433. package/llms/components/lr-span-waterfall.md +3 -0
  434. package/llms/components/lr-sparkline.md +4 -0
  435. package/llms/components/lr-split-panel.md +4 -0
  436. package/llms/components/lr-stack-trace.md +3 -0
  437. package/llms/components/lr-stat.md +10 -0
  438. package/llms/components/lr-subagent-panel.md +3 -2
  439. package/llms/components/lr-svg-viewer.md +3 -0
  440. package/llms/components/lr-swatch-picker.md +4 -0
  441. package/llms/components/lr-switch.md +6 -0
  442. package/llms/components/lr-tab-group.md +4 -0
  443. package/llms/components/lr-table.md +10 -2
  444. package/llms/components/lr-terminal.md +3 -0
  445. package/llms/components/lr-textarea.md +9 -0
  446. package/llms/components/lr-thread-list.md +6 -3
  447. package/llms/components/lr-time-input.md +3 -0
  448. package/llms/components/lr-time-range.md +5 -0
  449. package/llms/components/lr-timeline-item.md +6 -0
  450. package/llms/components/lr-timeline.md +6 -0
  451. package/llms/components/lr-token-input.md +14 -0
  452. package/llms/components/lr-tool-call-chip.md +5 -3
  453. package/llms/components/lr-tool-param-form.md +4 -0
  454. package/llms/components/lr-tool-result-dialog.md +4 -0
  455. package/llms/components/lr-tool-select-dialog.md +4 -0
  456. package/llms/components/lr-tooltip.md +6 -0
  457. package/llms/components/lr-trace-tree.md +3 -0
  458. package/llms/components/lr-transcript-feed.md +3 -0
  459. package/llms/components/lr-tree-item.md +12 -5
  460. package/llms/components/lr-tree.md +12 -5
  461. package/llms/components/lr-typing-indicator.md +3 -0
  462. package/llms/components/lr-usage-badge.md +4 -0
  463. package/llms/components/lr-video.md +8 -2
  464. package/llms/components/lr-virtual-list.md +5 -3
  465. package/llms/components/lr-voice-picker.md +8 -0
  466. package/llms/components/lr-widget-renderer.md +9 -0
  467. package/llms/components/lr-widget.md +4 -2
  468. package/llms/components/lr-word-cloud.md +4 -0
  469. package/llms/components/lr-xml-viewer.md +9 -2
  470. package/llms/components/lr-zoomable-frame.md +6 -3
  471. package/llms-full.txt +4080 -2711
  472. package/package.json +4 -4
  473. package/vscode-css-data.json +1 -1
  474. package/vscode-html-data.json +1 -1
  475. package/web-types.json +1 -1
@@ -1 +1 @@
1
- {"version":1.1,"properties":[{"name":"--accent-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-brand)`) — Accent used by focus and active states."}},{"name":"--accent-width","description":{"kind":"markdown","value":"**`<lr-toast-item>`** — Mapped alias for `--lr-toast-accent-width`."}},{"name":"--animation-delay","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0s`) — Delay before an icon animation starts."}},{"name":"--animation-direction","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `normal`) — Playback direction for icon animations."}},{"name":"--animation-duration","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `var(--lr-duration-icon)`) — Duration of one animation cycle.\n\n**`<lr-random-content>`** (default: `300ms`) — Web Awesome duration alias."}},{"name":"--animation-easing","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `ease`) — Web Awesome easing alias."}},{"name":"--animation-iteration-count","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `infinite`) — Number of animation cycles."}},{"name":"--animation-timing","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `var(--lr-easing-emphasized)`) — Animation timing function."}},{"name":"--animation-translate","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `var(--lr-size-0-5em)`) — Web Awesome travel-distance alias."}},{"name":"--arrow-color","description":{"kind":"markdown","value":"**`<lr-popup>`** (default: `var(--lr-color-surface-raised)`) — Arrow fill."}},{"name":"--arrow-size","description":{"kind":"markdown","value":"**`<lr-dropdown>`** (default: `var(--lr-overlay-arrow-size,var(--lr-size-0-375rem))`) — Arrow half-width inherited from the popover surface.\n\n**`<lr-popover>`** (default: `var(--lr-overlay-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square.\n\n**`<lr-popup>`** (default: `var(--lr-popup-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square. `--lr-popup-arrow-size` remains a compatibility alias.\n\n**`<lr-tooltip>`** (default: `var(--lr-tooltip-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square."}},{"name":"--aside-width","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-aside-width`."}},{"name":"--aspect-ratio","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `16/9`) — Aspect ratio inherited by each slide.\n\n**`<lr-carousel-item>`** — The slide aspect ratio, inherited from an owning carousel by default."}},{"name":"--auto-size-available-height","description":{"kind":"markdown","value":"**`<lr-popup>`** — Read-only available block size."}},{"name":"--auto-size-available-width","description":{"kind":"markdown","value":"**`<lr-popup>`** — Read-only available inline size."}},{"name":"--backdrop-filter","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-dialog-backdrop-filter,none)`) — Mapped backdrop-filter alias."}},{"name":"--background-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-surface)`) — Grid background."}},{"name":"--banner-height","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-banner-height`."}},{"name":"--beat-fade-opacity","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.4`) — Lowest opacity during `beat-fade`."}},{"name":"--beat-fade-scale","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.25`) — Peak scale during `beat-fade`."}},{"name":"--beat-scale","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.25`) — Scale multiplier for `beat` and `spin-pulse`."}},{"name":"--body-spacing","description":{"kind":"markdown","value":"**`<lr-dialog>`** — Shoelace body padding override.\n\n**`<lr-drawer>`** — Shoelace body padding."}},{"name":"--border-color","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-border)`) — Shoelace-compatible border color.\n\n**`<lr-data-grid>`** (default: `var(--lr-color-border)`) — Grid and cell border color."}},{"name":"--border-color-1","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-1)`) — First dataset border color."}},{"name":"--border-color-2","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-2)`) — Second dataset border color."}},{"name":"--border-color-3","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-3)`) — Third dataset border color."}},{"name":"--border-color-4","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-4)`) — Fourth dataset border color."}},{"name":"--border-color-5","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-5)`) — Fifth dataset border color."}},{"name":"--border-color-6","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-6)`) — Sixth dataset border color."}},{"name":"--border-radius","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-radius)`) — Dataset element corner radius.\n\n**`<lr-card>`** (default: `var(--lr-radius)`) — Shoelace-compatible corner radius.\n\n**`<lr-data-grid>`** (default: `var(--lr-radius)`) — Outer and control corner radius.\n\n**`<lr-skeleton>`** (default: `var(--lr-skeleton-border-radius)`) — Shoelace-compatible corner radius."}},{"name":"--border-width","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-border-width-thin)`) — Dataset element border width.\n\n**`<lr-card>`** (default: `var(--lr-border-width-thin)`) — Shoelace-compatible border width.\n\n**`<lr-data-grid>`** (default: `var(--lr-border-width-thin)`) — Grid and cell border width."}},{"name":"--bounce-anticipation","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0`) — Downward offset before a bounce."}},{"name":"--bounce-height","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `calc(var(--lr-size-0-5em)*-1)`) — Peak bounce height."}},{"name":"--bounce-jump-scale-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.95`) — Horizontal scale at the top of a bounce."}},{"name":"--bounce-jump-scale-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.05`) — Vertical scale at the top of a bounce."}},{"name":"--bounce-land-scale-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.08`) — Horizontal scale while landing."}},{"name":"--bounce-land-scale-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.92`) — Vertical scale while landing."}},{"name":"--bounce-rebound","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `calc(var(--lr-size-1em)*-0.1)`) — Landing rebound distance."}},{"name":"--bounce-start-scale-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Initial horizontal bounce scale."}},{"name":"--bounce-start-scale-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Initial vertical bounce scale."}},{"name":"--buzz-distance","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `calc(var(--lr-size-1em)*0.12)`) — Horizontal buzz travel."}},{"name":"--cell-padding","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-space-m)`) — Header, cell, and footer padding."}},{"name":"--checked-icon-color","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `currentColor`) — WA-compatible color of the checked or indeterminate glyph.\n\n**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-radio-checked-dot-color)`) — WA-compatible selected-glyph color alias."}},{"name":"--checked-icon-scale","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `1`) — WA-compatible scale of the checked or indeterminate glyph.\n\n**`<lr-radio>`, `<lr-radio-button>`** (default: `1`) — WA-compatible selected-glyph scale alias."}},{"name":"--color","description":{"kind":"markdown","value":"**`<lr-divider>`** (default: `var(--lr-color-border)`) — Separator color.\n\n**`<lr-skeleton>`** (default: `var(--lr-skeleton-color)`) — Upstream-compatible placeholder color."}},{"name":"--column-item-height","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `calc(var(--lr-size-1em)*2.25)`) — Picker row height."}},{"name":"--column-width","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `calc(var(--lr-size-1em)*3)`) — Picker column width."}},{"name":"--control-box-size","description":{"kind":"markdown","value":"**`<lr-animated-image>`** — Upstream-compatible alias for `--lr-animated-image-control-box-size`."}},{"name":"--controls-background","description":{"kind":"markdown","value":"**`<lr-video>`** (default: `var(--lr-color-overlay-strong)`) — Controls, captions, and title overlay background."}},{"name":"--controls-color","description":{"kind":"markdown","value":"**`<lr-video>`** (default: `var(--lr-color-on-strong-overlay)`) — Custom-control foreground color."}},{"name":"--current-text-color","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--lr-color-text)`) — Text color while the option is `current`."}},{"name":"--divider-hit-area","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `12px`) — Requested divider hit area; Lyra's minimum hit-area token remains the floor."}},{"name":"--divider-width","description":{"kind":"markdown","value":"**`<lr-image-comparer>`** (default: `var(--lr-size-1px)`) — Retained Shoelace-compat source for `--lr-image-comparer-divider-width`.\n\n**`<lr-split-panel>`** (default: `4px`) — Visible divider thickness."}},{"name":"--easing","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** — Upstream-compatible alias for `--lr-accordion-item-easing`."}},{"name":"--error-color","description":{"kind":"markdown","value":"**`<lr-copy-button>`** (default: `var(--lr-color-danger)`) — Error-state icon color."}},{"name":"--fade-opacity","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.4`) — Lowest opacity during `fade` and `spin-pulse`."}},{"name":"--fill-color","description":{"kind":"markdown","value":"**`<lr-sparkline>`** (default: `var(--lr-color-brand-quiet)`) — Area fill color. A `trend` supplies a semantic token default, while an authored value always wins."}},{"name":"--fill-color-1","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-1)`) — First dataset fill color."}},{"name":"--fill-color-2","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-2)`) — Second dataset fill color."}},{"name":"--fill-color-3","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-3)`) — Third dataset fill color."}},{"name":"--fill-color-4","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-4)`) — Fourth dataset fill color."}},{"name":"--fill-color-5","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-5)`) — Fifth dataset fill color."}},{"name":"--fill-color-6","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-6)`) — Sixth dataset fill color."}},{"name":"--flip-angle","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `180deg`) — Rotation angle for flip treatments."}},{"name":"--flip-anticipation-scale","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.9`) — Wind-up scale before a flip."}},{"name":"--flip-overshoot","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0deg`) — Extra angle before a flip settles."}},{"name":"--flip-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0`) — X coordinate of the flip rotation axis."}},{"name":"--flip-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Y coordinate of the flip rotation axis."}},{"name":"--flip-z","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0`) — Z coordinate of the flip rotation axis."}},{"name":"--float-drift","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0`) — Horizontal float drift."}},{"name":"--float-height","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `calc(var(--lr-size-0-5em)*-1)`) — Float rise height."}},{"name":"--float-squash-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.04`) — Resting horizontal float scale."}},{"name":"--float-squash-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.96`) — Resting vertical float scale."}},{"name":"--float-stretch-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.96`) — Peak horizontal float scale."}},{"name":"--float-stretch-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.04`) — Peak vertical float scale."}},{"name":"--float-tilt","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `4deg`) — Rotation at the float peak."}},{"name":"--focus-ring","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-focus-ring-width) solid var(--lr-focus-ring-color)`) — Focus ring."}},{"name":"--footer-spacing","description":{"kind":"markdown","value":"**`<lr-dialog>`** — Shoelace footer padding override.\n\n**`<lr-drawer>`** — Shoelace footer padding."}},{"name":"--gap","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`** (default: `var(--lr-checkbox-group-option-gap)`) — WA-compatible option gap.\n\n**`<lr-toast>`** — Mapped alias for `--lr-toast-gap`."}},{"name":"--grid-border-width","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-border-width-thin)`) — Axis and grid line width."}},{"name":"--grid-color","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-chart-grid-color)`) — Grid line color."}},{"name":"--grid-handle-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Upstream alias for `--lr-color-picker-grid-handle-size`."}},{"name":"--grid-height","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Upstream alias for `--lr-color-picker-grid-block-size`."}},{"name":"--grid-width","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Upstream alias for `--lr-color-picker-grid-inline-size`."}},{"name":"--handle-size","description":{"kind":"markdown","value":"**`<lr-image-comparer>`** (default: `var(--lr-icon-button-size)`) — Retained Shoelace-compat source for `--lr-image-comparer-handle-size`."}},{"name":"--header-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-surface-raised)`) — Header background."}},{"name":"--header-height","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-header-height`."}},{"name":"--header-row-height","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-size-3-5rem)`) — Header-row minimum height."}},{"name":"--header-spacing","description":{"kind":"markdown","value":"**`<lr-dialog>`** — Mapped header padding override.\n\n**`<lr-drawer>`** — Shoelace header padding."}},{"name":"--header-text-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-text)`) — Header foreground."}},{"name":"--height","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-track-height)`) — Shoelace-compatible track height.\n\n**`<lr-switch>`** (default: `var(--lr-switch-track-block-size)`) — WA/Shoelace alias for the track's block size."}},{"name":"--hide-delay","description":{"kind":"markdown","value":"**`<lr-tooltip>`** (default: `0ms`) — Interaction hide delay when `hide-delay` is not explicit."}},{"name":"--hide-duration","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** — Upstream-compatible alias for `--lr-accordion-item-hide-duration`.\n\n**`<lr-combobox>`** (default: `var(--lr-transition-fast)`) — Listbox exit-transition duration.\n\n**`<lr-date-input>`** (default: `var(--lr-transition-fast)`) — Popup exit-transition duration.\n\n**`<lr-details>`** (default: `var(--lr-duration-base)`) — Collapse-icon transition duration.\n\n**`<lr-dialog>`** — Mapped closing animation duration.\n\n**`<lr-drawer>`** — Closing slide duration.\n\n**`<lr-dropdown>`** (default: `var(--lr-transition-fast)`) — Closing transition duration.\n\n**`<lr-popover>`** (default: `var(--lr-duration-fast)`) — Closing transition duration.\n\n**`<lr-popup>`** (default: `var(--lr-duration-fast)`) — Deactivation transition duration.\n\n**`<lr-select>`** (default: `var(--lr-transition-fast)`) — Listbox exit-transition timing.\n\n**`<lr-time-input>`** (default: `var(--lr-duration-fast)`) — Picker closing duration.\n\n**`<lr-toast-item>`** — Mapped alias for `--lr-toast-hide-duration`.\n\n**`<lr-tree-item>`** (default: `var(--lr-duration-base)`) — Collapse motion duration."}},{"name":"--icon-size","description":{"kind":"markdown","value":"**`<lr-animated-image>`** — Upstream-compatible alias for `--lr-animated-image-icon-size`."}},{"name":"--indent-guide-color","description":{"kind":"markdown","value":"**`<lr-tree>`, `<lr-tree-item>`** (default: `var(--lr-color-border)`) — Indentation guide color."}},{"name":"--indent-guide-offset","description":{"kind":"markdown","value":"**`<lr-tree>`** (default: `0`) — Block-axis inset for indentation guides.\n\n**`<lr-tree-item>`** (default: `0`) — Block-axis inset at both ends of the indentation guide."}},{"name":"--indent-guide-style","description":{"kind":"markdown","value":"**`<lr-tree>`, `<lr-tree-item>`** (default: `solid`) — Indentation guide border style."}},{"name":"--indent-guide-width","description":{"kind":"markdown","value":"**`<lr-tree>`, `<lr-tree-item>`** (default: `0`) — Indentation guide width."}},{"name":"--indent-size","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-size-1-25rem)`) — Tree-level indentation.\n\n**`<lr-tree>`** (default: `var(--lr-space-l)`) — Indentation step for nested items.\n\n**`<lr-tree-item>`** (default: `var(--lr-space-l)`) — Indentation step applied once per nesting depth."}},{"name":"--indicator-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-indicator-color)`) — Upstream-compatible indicator color.\n\n**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-indicator-color)`) — Upstream-compatible indicator color.\n\n**`<lr-spinner>`** (default: `var(--lr-color-brand)`) — Upstream-compatible indicator color.\n\n**`<lr-tab-group>`** — Upstream alias for the active indicator color."}},{"name":"--indicator-transition-duration","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-indicator-transition-duration)`) — Upstream-compatible transition duration."}},{"name":"--indicator-width","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-indicator-width)`) — Upstream-compatible indicator width."}},{"name":"--jello-scale-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.18`) — Horizontal jello stretch."}},{"name":"--jello-scale-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.82`) — Vertical jello stretch."}},{"name":"--label-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-label-color)`) — Shoelace-compatible label color."}},{"name":"--line-border-width","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-border-width-medium)`) — Line dataset stroke width."}},{"name":"--line-color","description":{"kind":"markdown","value":"**`<lr-sparkline>`** (default: `var(--lr-color-brand)`) — Trend line color. A `trend` supplies a semantic token default, while an authored value always wins."}},{"name":"--line-width","description":{"kind":"markdown","value":"**`<lr-sparkline>`** (default: `var(--lr-border-width-medium)`) — Trend line width."}},{"name":"--lr-accordion-filled-bg","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `var(--lr-color-surface-raised)`) — Filled group background."}},{"name":"--lr-accordion-filled-border-color","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `transparent`) — Filled border color."}},{"name":"--lr-accordion-filled-outlined-bg","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `var(--lr-color-surface-raised)`) — Filled-outlined group background."}},{"name":"--lr-accordion-filled-outlined-border-color","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `var(--lr-color-border)`) — Filled-outlined border color."}},{"name":"--lr-accordion-item-button-active-bg","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `color-mix(...)`) — Trigger pressed background."}},{"name":"--lr-accordion-item-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-color-brand-quiet)`) — Trigger hover background."}},{"name":"--lr-accordion-item-easing","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-easing-standard)`) — Expand/collapse easing."}},{"name":"--lr-accordion-item-filled-bg","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-color-surface-raised)`) — Filled item background."}},{"name":"--lr-accordion-item-filled-outlined-bg","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-color-surface-raised)`) — Filled-outlined item background."}},{"name":"--lr-accordion-item-hide-duration","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-duration-base)`) — Collapse transition duration."}},{"name":"--lr-accordion-item-outlined-bg","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-color-surface)`) — Outlined item background."}},{"name":"--lr-accordion-item-show-duration","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-duration-base)`) — Expand transition duration."}},{"name":"--lr-accordion-item-spacing","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-form-control-padding-inline)`) — Header/content spacing."}},{"name":"--lr-accordion-outlined-bg","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `var(--lr-color-surface)`) — Outlined group background."}},{"name":"--lr-accordion-outlined-border-color","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `var(--lr-color-border)`) — Outlined border color."}},{"name":"--lr-activity-feed-live-status-color","description":{"kind":"markdown","value":"**`<lr-activity-feed>`** (default: `var(--lr-color-brand)`) — Background color of `status-dot` while `mode=\"live\"`."}},{"name":"--lr-activity-feed-max-height","description":{"kind":"markdown","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":"--lr-agent-eval-dashboard-active-background","description":{"kind":"markdown","value":"**`<lr-agent-eval-dashboard>`** (default: `var(--lr-color-brand-quiet)`) — Active metric background."}},{"name":"--lr-agent-eval-dashboard-active-border","description":{"kind":"markdown","value":"**`<lr-agent-eval-dashboard>`** (default: `var(--lr-color-brand)`) — Active metric border."}},{"name":"--lr-agent-run-compact-gap","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-space-s)`) — Gap between `[part=\"base\"]`'s header and body while `compact`."}},{"name":"--lr-agent-run-compact-padding","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-agent-run-metric-brand-color","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-color-brand)`) — Brand metric value."}},{"name":"--lr-agent-run-metric-danger-color","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-color-danger)`) — Danger metric value."}},{"name":"--lr-agent-run-metric-success-color","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-color-success)`) — Success metric value."}},{"name":"--lr-agent-run-metric-warning-color","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-color-warning)`) — Warning metric value."}},{"name":"--lr-agent-run-spin","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-transition-ambient)`) — Current-step icon spin animation."}},{"name":"--lr-agent-trace-handoff-active-bg","description":{"kind":"markdown","value":"**`<lr-agent-trace>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) handoff quick-jump entry. Shadow Parts forbids an attribute selector after `::part()`, so the active entry could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-animated-image-control-box-size","description":{"kind":"markdown","value":"**`<lr-animated-image>`** — The size of `control-box`. Defaults to `var(--lr-icon-button-size)`."}},{"name":"--lr-animated-image-icon-size","description":{"kind":"markdown","value":"**`<lr-animated-image>`** — The size of the play/pause icons. Defaults to `calc(var(--lr-icon-button-size) * 0.35)`."}},{"name":"--lr-animated-image-max-height","description":{"kind":"markdown","value":"**`<lr-animated-image>`** — Caps the rendered media's block-size. Defaults to `var(--lr-size-20rem)`."}},{"name":"--lr-animation-bounce-height","description":{"kind":"markdown","value":"**`<lr-animation>`** (default: `25%`) — Peak lift height of the bounce preset."}},{"name":"--lr-animation-duration","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `300ms`) — Mapped duration of the entrance animation."}},{"name":"--lr-animation-easing","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `ease`) — Mapped easing function for the entrance animation."}},{"name":"--lr-animation-shake-distance","description":{"kind":"markdown","value":"**`<lr-animation>`** (default: `4%`) — Horizontal travel of the shake preset."}},{"name":"--lr-animation-slide-distance","description":{"kind":"markdown","value":"**`<lr-animation>`** (default: `100%`) — Travel distance for the slide-in/slide-out/slide-in-up/slide-in-down presets."}},{"name":"--lr-animation-translate","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `var(--lr-size-0-5em)`) — Mapped travel distance for directional animations."}},{"name":"--lr-animation-zoom-scale","description":{"kind":"markdown","value":"**`<lr-animation>`** (default: `0.5`) — Starting/ending scale factor for the zoom-in/zoom-out presets."}},{"name":"--lr-app-rail-icon-width","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-size-4rem)`) — The inline rail's width in `'icon-only'` mode, and the maximum width of each slotted `<lr-app-rail-item>` in that mode."}},{"name":"--lr-app-rail-item-active-bg","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** — Pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-app-rail-item-active-color","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** (default: `var(--lr-color-brand)`) — Pressed text/icon color."}},{"name":"--lr-app-rail-item-current-bg","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `current`/`aria-current=\"page\"` item. Scoped to `[aria-current='page']` only and declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-app-rail-item-current-color","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** (default: `var(--lr-color-brand)`) — Text/icon color of the `current`/`aria-current=\"page\"` item."}},{"name":"--lr-app-rail-item-hover-bg","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** (default: `var(--lr-color-brand-quiet)`) — Hover background."}},{"name":"--lr-app-rail-item-hover-color","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** (default: `var(--lr-color-brand)`) — Hover text/icon color."}},{"name":"--lr-app-rail-mobile-width","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-size-18rem)`) — The mobile overlay panel's width, capped at `85vw`."}},{"name":"--lr-app-rail-overlay-color","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-color-overlay)`) — The mobile overlay scrim's background."}},{"name":"--lr-app-rail-resizer-active-bg","description":{"kind":"markdown","value":"**`<lr-app-rail>`** — Resizer-track pressed background; defaults to the former brand active mix."}},{"name":"--lr-app-rail-resizer-hover-bg","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-color-brand)`) — Resizer-track hover background."}},{"name":"--lr-app-rail-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-app-rail>`** — Toggle pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-app-rail-toggle-active-color","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-color-brand)`) — Toggle pressed foreground."}},{"name":"--lr-app-rail-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-color-brand-quiet)`) — Toggle hover background."}},{"name":"--lr-app-rail-toggle-hover-color","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-color-brand)`) — Toggle hover foreground."}},{"name":"--lr-app-rail-width","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-size-15rem)`) — The inline rail's width in `'full'` mode. Overridden by an inline width while a `resizable` rail has an explicit `railWidthPx`."}},{"name":"--lr-approval-queue-selected-border","description":{"kind":"markdown","value":"**`<lr-approval-queue>`** (default: `var(--lr-color-brand)`) — Selected request border."}},{"name":"--lr-archive-viewer-highlight-accent-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Accent highlight background."}},{"name":"--lr-archive-viewer-highlight-active-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Active highlight background."}},{"name":"--lr-archive-viewer-highlight-active-outline","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Active fallback-highlight outline."}},{"name":"--lr-archive-viewer-highlight-danger-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Danger highlight background."}},{"name":"--lr-archive-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Neutral highlight background."}},{"name":"--lr-archive-viewer-highlight-success-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Success highlight background."}},{"name":"--lr-archive-viewer-highlight-warning-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Warning highlight background."}},{"name":"--lr-archive-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** (default: `none`) — Maximum block size of the scrollable body. Also settable via the `max-height` property."}},{"name":"--lr-artifact-panel-view-active-bg","description":{"kind":"markdown","value":"**`<lr-artifact-panel>`** (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (active) preview/code toggle button."}},{"name":"--lr-artifact-panel-view-active-color","description":{"kind":"markdown","value":"**`<lr-artifact-panel>`** (default: `var(--lr-color-brand)`) — Text color of the pressed (active) preview/code toggle button. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(view-button)[aria-pressed]` is invalid CSS."}},{"name":"--lr-attachment-chip-accent","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-color-text-quiet)`) — Accent color used for the status text, spinner, and progress fill. Its private default changes per `status` (`uploading`/`error`/`success`); the public value remains authoritative."}},{"name":"--lr-attachment-chip-bg","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-color-surface)`) — Chip background. Its private default changes per `status` to that status's `-quiet` tint; the public value still wins."}},{"name":"--lr-attachment-chip-border","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-color-border)`) — Chip border color. Every non-`pending` `status` changes its private default to `transparent`."}},{"name":"--lr-attachment-chip-compact-font-size","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-font-size-xs)`) — Font size of `[part=\"base\"]` while `compact`."}},{"name":"--lr-attachment-chip-compact-gap","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-size-0-25rem)`) — Gap between the chip's parts while `compact`."}},{"name":"--lr-attachment-chip-compact-thumbnail-size","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-size-1-75rem)`) — Thumbnail size while `compact`, rethemeable independently of `--lr-icon-button-size`. Retry, preview, and remove actions retain that shared token's minimum hit-area floor."}},{"name":"--lr-attachment-chip-spinner-duration","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-transition-ambient)`) — Duration and easing of one indeterminate upload-spinner rotation. The ambient loop stops under reduced motion."}},{"name":"--lr-audio-visualizer-ambient-duration","description":{"kind":"markdown","value":"**`<lr-audio-visualizer>`** (default: `var(--lr-duration-ambient)`) — Time-only duration of one signal-less ambient pulse or sweep cycle."}},{"name":"--lr-audio-visualizer-color","description":{"kind":"markdown","value":"**`<lr-audio-visualizer>`** (default: `var(--lr-color-brand)`) — Active bar/waveform color."}},{"name":"--lr-audio-visualizer-height","description":{"kind":"markdown","value":"**`<lr-audio-visualizer>`** (default: `var(--lr-size-3rem)`) — The host's block size, which the canvas fills at 100%."}},{"name":"--lr-audio-visualizer-quiet-color","description":{"kind":"markdown","value":"**`<lr-audio-visualizer>`** (default: `var(--lr-color-brand-border-normal)`) — Inactive/idle color. Chosen over `--lr-color-brand-quiet` for its WCAG 1.4.11 non-text contrast against `--lr-color-surface` (the idle bars have no other distinguishing shape or border)."}},{"name":"--lr-av-player-cue-active-match-color","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"cue\"]` holding the current search match, leaving the other matches' dashed outline on the shared warning token."}},{"name":"--lr-av-player-cue-current-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cue\"]` the playhead is currently inside."}},{"name":"--lr-av-player-marker-active-color","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"timeline-marker\"]` matching `activeHighlightId`."}},{"name":"--lr-av-player-marker-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-brand) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"]` with no (or an unrecognized) `data-tone`."}},{"name":"--lr-av-player-marker-danger-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-danger) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"danger\"]`."}},{"name":"--lr-av-player-marker-fill","description":{"kind":"markdown","value":"**`<lr-av-player>`** — The resting fill a `[part=\"timeline-marker\"]` actually renders, resolved per tone from the `--lr-av-player-marker-*-bg` knobs above. Its hover and pressed states are colour mixes taken from this value, so setting it directly retints all three at once for one marker; retint a whole tone through the `-bg` knob instead."}},{"name":"--lr-av-player-marker-neutral-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-text) 25%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"neutral\"]`."}},{"name":"--lr-av-player-marker-success-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-success) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"success\"]`."}},{"name":"--lr-av-player-marker-warning-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-warning) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"warning\"]`."}},{"name":"--lr-av-player-transcript-height","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `var(--lr-size-16rem)`) — Block size of the virtualized transcript list."}},{"name":"--lr-avatar-bg","description":{"kind":"markdown","value":"**`<lr-avatar>`** (default: `var(--lr-color-border)`) — Container background. Each non-neutral `variant` changes its private default to that variant's `-quiet` tint."}},{"name":"--lr-avatar-color","description":{"kind":"markdown","value":"**`<lr-avatar>`** (default: `var(--lr-color-text)`) — Initials/glyph color. Each non-neutral `variant` changes its private default to that variant's loud color."}},{"name":"--lr-avatar-font-size","description":{"kind":"markdown","value":"**`<lr-avatar>`** (default: `var(--lr-font-size-m)`) — Font size of the initials fallback (and of any `em`-sized slotted glyph). `size` steps its private default alongside the diameter, so the initials track the circle instead of staying at one fixed size across every tier."}},{"name":"--lr-avatar-group-avatar-size","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-size-3rem)`) — Sizes the overflow badge to match the slotted avatars, tier for tier with `<lr-avatar>`'s own `--lr-avatar-size`."}},{"name":"--lr-avatar-group-badge-bg","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-color-border)`) — Overflow badge background. Its private default follows `variant`; the public value remains authoritative."}},{"name":"--lr-avatar-group-badge-color","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-color-text)`) — Overflow badge text color. Its private default follows `variant`; the public value remains authoritative."}},{"name":"--lr-avatar-group-badge-font-size","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-font-size-m)`) — Font size of the \"+N\" badge label. `size` steps its private default across the same six-step ladder as `<lr-avatar>`'s own `--lr-avatar-font-size`, so the badge and the avatars it caps read at the same optical weight."}},{"name":"--lr-avatar-group-overlap","description":{"kind":"markdown","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":"--lr-avatar-group-ring-color","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-color-surface)`) — The cutout-style ring drawn around every avatar and the overflow badge."}},{"name":"--lr-avatar-group-ring-width","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-border-width-medium)`) — Ring thickness."}},{"name":"--lr-avatar-size","description":{"kind":"markdown","value":"**`<lr-avatar>`** (default: `var(--lr-size-3rem)`) — Inline and block size of the container. `size` steps its private default across the shared six-step ladder, from `var(--lr-size-1-5rem)` (`2xs`) to `var(--lr-size-5rem)` (`xl`); an inherited or direct public value still wins."}},{"name":"--lr-badge-attention-duration","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-duration-ambient)`) — One cycle of the `attention` animation."}},{"name":"--lr-badge-attention-easing","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-easing-emphasized)`) — Timing function of the `attention` animation."}},{"name":"--lr-badge-background","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-fill)`) — Explicit override for the badge's background, winning over whatever `variant` and `appearance` resolved. Left unset (the default) so it still inherits from a consumer's own ancestor rule."}},{"name":"--lr-badge-border","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-stroke)`) — Explicit override for the badge's border color, on the same terms as `--lr-badge-background`."}},{"name":"--lr-badge-bounce-distance","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-size-0-1875rem)`) — Peak travel of the `attention=\"bounce\"` hop."}},{"name":"--lr-badge-color","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-text)`) — Explicit override for the badge's text color, on the same terms as `--lr-badge-background`."}},{"name":"--lr-badge-edge","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-border)`) — Palette slot: the variant's border color. Its private default follows each non-neutral `variant`'s loud fill; an inherited or direct public value remains authoritative."}},{"name":"--lr-badge-fill","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-tint)`) — Surface slot: which palette entry `appearance` routed onto the background. Set it to retune a single appearance without touching the palette."}},{"name":"--lr-badge-font-size","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-font-size-sm)`) — The badge's label font size. Each `size` sets it to that step's font size."}},{"name":"--lr-badge-gap","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-space-2xs)`) — Space between the `start` slot, the label, and the `end` slot."}},{"name":"--lr-badge-ink","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-text)`) — Palette slot: the variant's text color. Its private default follows each non-neutral `variant`'s loud fill; an inherited or direct public value remains authoritative."}},{"name":"--lr-badge-min-height","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-size-1-25rem)`) — The badge's minimum block size. Each `size` sets it to that step's minimum block size."}},{"name":"--lr-badge-on-solid","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-on-loud)`) — Palette slot: the text color that stays legible on `--lr-badge-solid`."}},{"name":"--lr-badge-padding-inline","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-space-s)`) — The badge's inline padding. Each `size` sets it to that step's inline padding."}},{"name":"--lr-badge-pulse-color","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `color-mix(in srgb, currentColor 40%, transparent)`) — Color of the expanding ring drawn by `attention=\"pulse\"`."}},{"name":"--lr-badge-pulse-spread","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-size-0-25rem)`) — How far the `attention=\"pulse\"` ring expands."}},{"name":"--lr-badge-radius","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-radius)`) — Corner radius of the badge surface. `pill` raises it to `var(--lr-radius-pill)`. Does not vary by `size` tier."}},{"name":"--lr-badge-solid","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-fill-loud)`) — Palette slot: the variant's loud fill, used by `appearance=\"accent\"`."}},{"name":"--lr-badge-stroke","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-edge)`) — Surface slot: which palette entry `appearance` routed onto the border color."}},{"name":"--lr-badge-text","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-ink)`) — Surface slot: which palette entry `appearance` routed onto the label color."}},{"name":"--lr-badge-tint","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-surface)`) — Palette slot: the variant's quiet fill. Its private default follows each non-neutral `variant`'s quiet fill from the shared semantic grid; an inherited or direct public value remains authoritative."}},{"name":"--lr-border-width-medium","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for border width medium. Reads `--lr-theme-border-width-medium`."}},{"name":"--lr-border-width-thick","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for border width thick. Reads `--lr-theme-border-width-thick`."}},{"name":"--lr-border-width-thin","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for border width thin. Reads `--lr-theme-border-width-thin`."}},{"name":"--lr-box-plot-data-table-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-box-plot>`** — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-box-plot-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-box-plot>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-breadcrumb-current-color","description":{"kind":"markdown","value":"**`<lr-breadcrumb-item>`** (default: `var(--lr-color-text-quiet)`) — Text color of the current-page item (`current`/`aria-current=\"page\"`). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-text-quiet` token."}},{"name":"--lr-breadcrumb-item-active-bg","description":{"kind":"markdown","value":"**`<lr-breadcrumb-item>`** — Link/button pressed background; defaults to the former transparent active mix."}},{"name":"--lr-browser-frame-aspect-ratio","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `16 / 9`) — The viewport's aspect ratio."}},{"name":"--lr-browser-frame-controller-background","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-brand-quiet)`) — Controller badge background."}},{"name":"--lr-browser-frame-controller-color","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-brand)`) — Controller badge text color."}},{"name":"--lr-browser-frame-ping-click-color","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-brand)`) — Click-ping border color."}},{"name":"--lr-browser-frame-ping-move-color","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-text-quiet)`) — Move-ping border color."}},{"name":"--lr-browser-frame-ping-scroll-color","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-warning)`) — Scroll-ping border color."}},{"name":"--lr-browser-frame-ping-type-color","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-success)`) — Type-ping border color."}},{"name":"--lr-button-accent","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-fill-loud)`) — Text/glyph color for the chrome-less appearances (`outlined`, `plain`, `link`), i.e. the active `variant`'s loud fill used as a foreground. `variant=\"neutral\"` is the one exception: its loud fill is a mid grey picked to carry light text, so borrowing it as text on the page surface would wash out every plain and link button — neutral keeps `--lr-color-text`."}},{"name":"--lr-button-accent-fill","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-fill-loud)`) — Background of `appearance=\"accent\"` (and its border color): the active `variant`'s loud fill, the one primary action in a view."}},{"name":"--lr-button-accent-on-fill","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-on-loud)`) — Text color on top of `--lr-button-accent-fill`, the grid's guaranteed-legible foreground for that fill."}},{"name":"--lr-button-active-background","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `color-mix(in oklab, var(--lr-button-hover-base), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background while a non-disabled button is pressed — the same mix at the stronger `--lr-color-mix-active` share, so the pressed state reads as more than the hover. `appearance=\"link\"` moves its text colour by these two shares instead of taking a background."}},{"name":"--lr-button-active-scale","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `0.9875`) — `transform: scale()` factor applied while a non-disabled button is pressed."}},{"name":"--lr-button-border","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-border-normal)`) — Border color of the internal button, from the active `variant`'s row of the shared semantic grid."}},{"name":"--lr-button-caret-size","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-size-0-75em)`) — Font size of the `with-caret` chevron, i.e. its rendered glyph box. Relative to the button's own font size, so it follows every `size` tier without a per-tier rule."}},{"name":"--lr-button-fill","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-fill-quiet)`) — Background of `appearance=\"filled\"`: the active `variant`'s quiet tint, i.e. a secondary-action fill that is visibly a fill rather than the page surface. Follows `variant` through the shared semantic grid."}},{"name":"--lr-button-font-size","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-font-size)`) — Font size of the internal button, from the active `size` tier. `appearance=\"link\"` ignores it and inherits the ambient font instead."}},{"name":"--lr-button-gap","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-gap)`) — Gap between the icon/label and any slotted content in the internal button. Constant across the ladder's tiers. Override it to retune without a `::part(base)` rule."}},{"name":"--lr-button-group-gap","description":{"kind":"markdown","value":"**`<lr-button-group>`** (default: `var(--lr-space-2xs)`) — Gap between grouped controls."}},{"name":"--lr-button-height","description":{"kind":"markdown","value":"**`<lr-button>`** — Exact height of the internal button. **Undeclared by default** — so the button keeps the active tier's `min-block-size` floor and an `auto` height, exactly as before. Set it (e.g. to pin the button to a fixed toolbar row) to both floor *and* cap the height. Never declare it as `auto`: a declared value wins over the `var()` fallback arm and would make every tier's floor dead code. `appearance=\"link\"` ignores it."}},{"name":"--lr-button-hover-background","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `color-mix(in oklab, var(--lr-button-hover-base), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Background of a non-disabled button while hovered. Replaced the pre-8.0.0 `--lr-button-hover-brightness` multiplier: a `filter` multiplies every channel, so it moved a mid-toned fill but did nothing at all to a pure white or pure black one, and it dimmed the label and icons along with the box."}},{"name":"--lr-button-hover-base","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-surface)`) — The colour the hover and press mixes move away from. Each painted appearance re-points it at its own fill (`--lr-button-fill` for `filled`/`filled-outlined`, `--lr-button-accent-fill` for `accent`); the chrome-less tiers (`outlined`, `plain`, `quiet`, `link`) paint nothing, so they mix from the page surface. Set it alongside `--lr-button-outlined-fill` when you tint an outlined button."}},{"name":"--lr-button-min-height","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height)`) — The active tier's `min-block-size` floor, resolved through that tier's own `--lr-button-size-*` token, and used as the fallback when `--lr-button-height` is unset."}},{"name":"--lr-button-on-fill","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-on-quiet)`) — Text color on top of `--lr-button-fill`, the grid's guaranteed-legible foreground for that tint."}},{"name":"--lr-button-outlined-border","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-border-strong)`) — Border color of `appearance=\"outlined\"` and `appearance=\"filled-outlined\"`, which overrides `--lr-button-border`."}},{"name":"--lr-button-outlined-fill","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `transparent`) — Background of `appearance=\"outlined\"`. Transparent by default; set it to tint the button (e.g. a faint surface wash behind the outline) without a `::part(base)` rule. Like `--lr-button-quiet-*`, it is deliberately *not* swapped per `variant`. The hover and press mixes read `--lr-button-hover-base`, which this tier leaves on the page surface, so set both together when you tint an outlined button."}},{"name":"--lr-button-padding-block","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-padding-block)`) — Block padding of the internal button, taken from the active `size` tier of the shared ladder. Override it to retune a tier without a `::part(base)` rule; `appearance=\"link\"` ignores it (it renders with zero padding)."}},{"name":"--lr-button-padding-inline","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-padding-inline)`) — Inline padding of the internal button, from the active `size` tier. `appearance=\"link\"` ignores it."}},{"name":"--lr-button-quiet-border","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-border)`) — Border color of `appearance=\"quiet\"`."}},{"name":"--lr-button-quiet-text","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-text-quiet)`) — Text color of `appearance=\"quiet\"`."}},{"name":"--lr-button-radius","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-radius)`) — Corner radius of the internal button, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius, since a 6px corner on a 20px-tall control reads as a lozenge). `appearance=\"link\"` ignores it (it renders with zero radius). `pill` changes the private default to `--lr-radius-pill`; an inherited or direct `--lr-button-radius` still wins."}},{"name":"--lr-button-shadow","description":{"kind":"markdown","value":"**`<lr-button>`** — Box shadow of the internal button. **Undeclared by default**, so `box-shadow` falls back to `none` — byte-identical to before this property existed. Set it (e.g. an elevated/floating action button) without a `::part(base)` rule."}},{"name":"--lr-button-size-2xs","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-2xs)`) — `min-block-size` at `size=\"2xs\"`. Since 8.0.0 the whole scale comes from the shared form-control ladder (`internal/sizes.styles.ts`), so ordinary single-row controls share the same minimum-height floor. A composed control can still grow to preserve an action's hit target or fit its content."}},{"name":"--lr-button-size-l","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-l)`) — `min-block-size` at `size=\"l\"` (and at `size=\"large\"`)."}},{"name":"--lr-button-size-m","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-m)`) — `min-block-size` at `size=\"m\"` (and at `size=\"medium\"`), the default tier."}},{"name":"--lr-button-size-s","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-s)`) — `min-block-size` at `size=\"s\"` (and at the `size=\"small\"` spelling)."}},{"name":"--lr-button-size-xl","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-xl)`) — `min-block-size` at `size=\"xl\"`."}},{"name":"--lr-button-size-xs","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-xs)`) — `min-block-size` at `size=\"xs\"`."}},{"name":"--lr-button-spinner-duration","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-transition-ambient)`) — Timing of the `loading` spinner."}},{"name":"--lr-button-width","description":{"kind":"markdown","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":"--lr-calendar-agenda-event-active-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `color-mix(in oklab, var(--lr-calendar-agenda-event-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Agenda-event pressed background."}},{"name":"--lr-calendar-agenda-event-hover-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-brand-quiet)`) — Agenda-event hover background."}},{"name":"--lr-calendar-day-active-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `color-mix(in oklab, var(--lr-calendar-day-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Day pressed background."}},{"name":"--lr-calendar-day-hover-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-brand-quiet)`) — Day hover background."}},{"name":"--lr-calendar-day-min-block-size","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-size-6rem)`) — Minimum block size of a day cell."}},{"name":"--lr-calendar-day-min-block-size-narrow","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-size-4rem)`) — Minimum block size of a day cell once the host is narrower than 28rem."}},{"name":"--lr-calendar-day-outside-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-surface)`) — Background of an adjacent-month day cell."}},{"name":"--lr-calendar-day-outside-color","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-text-quiet)`) — Text color of an adjacent-month day cell."}},{"name":"--lr-calendar-day-selected-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-brand-quiet)`) — Background of a selected day cell, decoupled from the shared token also driving the nav-button/agenda-event hover background."}},{"name":"--lr-calendar-day-today-outline-color","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-brand)`) — Outline color of today's day cell."}},{"name":"--lr-calendar-nav-active-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `color-mix(in oklab, var(--lr-calendar-nav-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Month-navigation pressed background."}},{"name":"--lr-calendar-nav-hover-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-brand-quiet)`) — Month-navigation hover background."}},{"name":"--lr-calendar-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-calendar-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-callout-background","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-color-fill-quiet,var(--lr-color-brand-fill-quiet))`) — The host surface's background: an inherited semantic quiet fill, with brand as the standalone fallback."}},{"name":"--lr-callout-border","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-color-fill-loud,var(--lr-color-brand-fill-loud))`) — The host surface's border color."}},{"name":"--lr-callout-close-hover-bg","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-color-brand-quiet)`) — The close button's hover background, decoupled from `--lr-callout-background` so a consumer can retint one without affecting the other (e.g. keeping the hover fill visibly distinct from a `variant=\"brand\"` panel, which shares the same default token)."}},{"name":"--lr-callout-color","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-color-fill-loud,var(--lr-color-brand-fill-loud))`) — The host surface's text color."}},{"name":"--lr-callout-font-size","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-form-control-font-size,var(--lr-font-size-m))`) — The callout's text size. Its private default follows the library's shared size ladder; an inherited or direct public value remains authoritative."}},{"name":"--lr-callout-gap","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-space-s)`) — Space between the icon, the content, and the close action. Deliberately does not vary by `size`: it separates three adjacent boxes rather than setting the panel's density, and shrinking it at the small tiers only crowds them."}},{"name":"--lr-callout-padding","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-form-control-padding-inline,var(--lr-space-m))`) — Padding of the panel, on both axes. Its private default follows the shared ladder's inline-padding knob: a panel's block rhythm is generous like a control's inline padding, not tight like its block padding (which exists to fit text inside a fixed control height). This hook applies to the panel treatment; `inline` intentionally forces host padding to zero."}},{"name":"--lr-canvas-reserved-height","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`, `<lr-graph>`, `<lr-knowledge-graph-explorer>`** (default: `var(--lr-size-24rem)`) — Default host block size, shared with the pre-upgrade reservation stylesheet. An explicit outer `block-size` still wins."}},{"name":"--lr-card-accent-border-color","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-brand)`) — Accent stripe color."}},{"name":"--lr-card-filled-bg","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-brand-quiet)`) — Filled appearance background."}},{"name":"--lr-card-filled-outlined-bg","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-brand-quiet)`) — Filled-outlined background."}},{"name":"--lr-card-interactive-active-border-color","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-brand)`) — Interactive pressed border."}},{"name":"--lr-card-interactive-active-overlay","description":{"kind":"markdown","value":"**`<lr-card>`** — Interactive pressed overlay; defaults to the former transparent active mix."}},{"name":"--lr-card-interactive-hover-border-color","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-brand)`) — Interactive hover border."}},{"name":"--lr-carousel-indicator-current-bg","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand-quiet)`) — Active dot fill."}},{"name":"--lr-carousel-indicator-current-border-color","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Active dot border."}},{"name":"--lr-carousel-navigation-active-bg","description":{"kind":"markdown","value":"**`<lr-carousel>`** — Navigation pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-carousel-navigation-active-border-color","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Navigation pressed border."}},{"name":"--lr-carousel-navigation-hover-bg","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand-quiet)`) — Navigation hover background."}},{"name":"--lr-carousel-navigation-hover-border-color","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Navigation hover border."}},{"name":"--lr-carousel-pagination-active-bg","description":{"kind":"markdown","value":"**`<lr-carousel>`** — Pagination-dot pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-carousel-pagination-active-border-color","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Pagination-dot pressed border."}},{"name":"--lr-carousel-pagination-hover-bg","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand-quiet)`) — Pagination-dot hover background."}},{"name":"--lr-carousel-pagination-hover-border-color","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Pagination-dot hover border."}},{"name":"--lr-carousel-slide-basis","description":{"kind":"markdown","value":"**`<lr-carousel>`** — Compatibility override for the computed per-page basis."}},{"name":"--lr-cell-size","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-size-2-25rem)`) — Inline and block size of each day cell and the matching calendar grid track."}},{"name":"--lr-chart-canvas-hover-outline-color","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-chart-grid-color)`) — Color of the `[part='canvas']` hover-state outline.\n\n**`<lr-box-plot>`** (default: `var(--lr-chart-grid-color)`) — Color of the `[part='canvas']` hover-state outline. Same token and default as `<lr-chart>`."}},{"name":"--lr-chart-canvas-hover-outline-width","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-box-plot>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-border-width-thin)`) — Width of the `[part='canvas']` hover-state outline."}},{"name":"--lr-chart-color-1","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-1)`) — First series color."}},{"name":"--lr-chart-color-2","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-2)`) — Second series color."}},{"name":"--lr-chart-color-3","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-3)`) — Third series color."}},{"name":"--lr-chart-color-4","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-4)`) — Fourth series color."}},{"name":"--lr-chart-color-5","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-5)`) — Fifth series color."}},{"name":"--lr-chart-color-6","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-6)`) — Sixth series color."}},{"name":"--lr-chart-color-7","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-7)`) — Seventh series color."}},{"name":"--lr-chart-color-8","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-8)`) — Eighth series color."}},{"name":"--lr-chart-data-table-button-active-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** — Pressed background of an actionable generated- table value; defaults to the standard active mix of `--lr-color-brand-quiet`."}},{"name":"--lr-chart-data-table-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of an actionable generated-table value."}},{"name":"--lr-chart-data-table-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-chart-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-chart-grid-color","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-border)`) — Grid-line color. Resolved via `getComputedStyle` on every draw (Chart.js paints to canvas and cannot consume `var()`).\n\n**`<lr-box-plot>`** (default: `var(--lr-color-border)`) — Canvas grid-line color.\n\n**`<lr-lite-chart>`** (default: `var(--lr-color-border)`) — Grid-line color."}},{"name":"--lr-chart-height","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-size-280px)`) — The plot region's `block-size` and the host's minimum block size. A visible data table or wrapping DOM legend grows the host in normal flow instead of overlapping following content. `height` supplies a private fallback; this public token always wins when a consumer sets it.\n\n**`<lr-box-plot>`, `<lr-lite-chart>`** (default: `var(--lr-size-280px)`) — Consumer-owned chart height. The `height` property supplies only a private fallback, so this public token always wins when set."}},{"name":"--lr-chart-legend-color","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-text)`) — Legend label color. Resolved via `getComputedStyle` on every draw.\n\n**`<lr-box-plot>`** (default: `var(--lr-color-text)`) — DOM legend label color.\n\n**`<lr-lite-chart>`** (default: `var(--lr-color-text)`) — Legend label color."}},{"name":"--lr-chart-legend-item-active-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** — Pressed background of a legend visibility button; defaults to the standard active mix of `--lr-color-brand-quiet`.\n\n**`<lr-box-plot>`** — Legend-item pressed background."}},{"name":"--lr-chart-legend-item-hover-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of a legend visibility button.\n\n**`<lr-box-plot>`** (default: `var(--lr-color-brand-quiet)`) — Legend-item hover background."}},{"name":"--lr-chart-legend-side-max","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-size-15rem)`) — Maximum inline size reserved for a side-positioned DOM legend; the track is also capped at one third of the chart allocation.\n\n**`<lr-box-plot>`, `<lr-lite-chart>`** (default: `var(--lr-size-15rem)`) — Maximum side-legend track size."}},{"name":"--lr-chart-pattern-step","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where every series collapses to one system color and the stripe/crosshatch pattern becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart.\n\n**`<lr-box-plot>`** (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where the eight-color series ramp collapses onto a repeating system-color cycle and the stripe/crosshatch pattern becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart. Shared verbatim with `<lr-chart>` and `<lr-lite-chart>`.\n\n**`<lr-lite-chart>`** (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where the eight-color series ramp collapses onto a repeating system-color cycle and the texture becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart. Shared verbatim with `<lr-chart>` and `<lr-box-plot>`."}},{"name":"--lr-chart-reset-zoom-button-active-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** — Pressed background of the reset-zoom button; defaults to the standard active mix of `--lr-color-brand-quiet`."}},{"name":"--lr-chart-reset-zoom-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the reset-zoom button."}},{"name":"--lr-chart-tick-color","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-text-quiet)`) — Axis tick-label color; also used for the `xLabel`/`yLabel`/`y2Label` axis-title text (there is no separate title-color token). Resolved via `getComputedStyle` on every draw.\n\n**`<lr-box-plot>`** (default: `var(--lr-color-text-quiet)`) — Canvas tick and axis-title color.\n\n**`<lr-lite-chart>`** (default: `var(--lr-color-text-quiet)`) — Axis and legend-detail color."}},{"name":"--lr-chart-tooltip-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-surface)`) — Tooltip background color. Resolved via `getComputedStyle` on every draw.\n\n**`<lr-box-plot>`** (default: `var(--lr-color-surface)`) — Canvas tooltip background."}},{"name":"--lr-chart-tooltip-text","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-text)`) — Tooltip text color. Resolved via `getComputedStyle` on every draw.\n\n**`<lr-box-plot>`** (default: `var(--lr-color-text)`) — Canvas tooltip text color."}},{"name":"--lr-chat-composer-busy-bg","description":{"kind":"markdown","value":"**`<lr-chat-composer>`** (default: `var(--lr-color-text-quiet)`) — `action-button` background while `status` is `\"sending\"` or `\"streaming\"`. Scoped separately from the shared `--lr-color-text-quiet` token, which the `textarea` part's placeholder also reads -- overriding this recolors only the busy button, not the placeholder text too."}},{"name":"--lr-chat-message-bubble-bg","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-surface)`) — Bubble fill for every role except `user`."}},{"name":"--lr-chat-message-bubble-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — Bubble text color for every role except `user`."}},{"name":"--lr-chat-message-bubble-padding","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-space-m)`) — Bubble padding."}},{"name":"--lr-chat-message-bubble-radius","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-radius)`) — Bubble corner radius. Bubble-only by design — `collapse-button` and `retry-button` keep reading the shared `--lr-radius`, so a rounder bubble never desyncs the controls from the rest of the library."}},{"name":"--lr-chat-message-failed-bg","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-danger-quiet)`) — Failed bubble fill."}},{"name":"--lr-chat-message-failed-border-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed bubble border."}},{"name":"--lr-chat-message-failed-footer-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed-message footer text."}},{"name":"--lr-chat-message-failed-indicator-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed indicator."}},{"name":"--lr-chat-message-failed-status-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed status text."}},{"name":"--lr-chat-message-footer-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text-quiet)`) — Default footer text."}},{"name":"--lr-chat-message-indicator-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text-quiet)`) — Default status indicator."}},{"name":"--lr-chat-message-max-width","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `80%`) — Maximum inline size of the message bubble."}},{"name":"--lr-chat-message-streaming-border-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-brand)`) — Streaming bubble border."}},{"name":"--lr-chat-message-streaming-indicator-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-brand)`) — Streaming indicator."}},{"name":"--lr-chat-message-system-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text-quiet)`) — System-message text color."}},{"name":"--lr-chat-message-user-bubble-bg","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-brand-quiet)`) — Bubble fill for `message-role=\"user\"`."}},{"name":"--lr-chat-message-user-bubble-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — Bubble text color for `message-role=\"user\"`."}},{"name":"--lr-chat-message-user-footer-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — User-message footer text."}},{"name":"--lr-checkbox-active-border","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Box border while pressed."}},{"name":"--lr-checkbox-active-ring","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-brand-quiet)`) — Outer box ring while pressed."}},{"name":"--lr-checkbox-box-size","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) * 0.7))`) — Edge length of `[part='box']`. Derived from the `size` tier's shared control height, so the box lines up with an `<lr-input>`/`<lr-select>`/`<lr-button>` of the same `size`; set it to pin the box independently of the tier."}},{"name":"--lr-checkbox-checked-bg","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Background of `[part='box']` while `checked` or `indeterminate`. Retint just this control's checked fill without touching the shared `--lr-color-brand` token every other component also reads."}},{"name":"--lr-checkbox-checked-border","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Border color of `[part='box']` while `checked` or `indeterminate`."}},{"name":"--lr-checkbox-group-invalid-border","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`** (default: `var(--lr-color-danger)`) — Border around the option collection while invalid chrome is visible."}},{"name":"--lr-checkbox-group-option-gap","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`** (default: `calc(var(--lr-form-control-height) * 0.2)`) — Gap between adjacent options, scaled by `size`."}},{"name":"--lr-checkbox-group-row-gap","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`** (default: `calc(var(--lr-form-control-height) * 0.1)`) — Vertical gap between the group's label, options and messages, scaled by `size`."}},{"name":"--lr-checkbox-hover-border","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Box border while the enabled interactive control is hovered."}},{"name":"--lr-checkbox-invalid-border","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-danger)`) — Box border while invalid chrome is visible."}},{"name":"--lr-checkbox-label-indent","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `calc(var(--lr-checkbox-box-size) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the box's own floor plus the gap next to it — so it tracks `size` along with the box. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-checkbox` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is *not* readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size`, `--lr-theme-form-control-height-*` and `--lr-theme-space-s`, which you control."}},{"name":"--lr-checkpoint-spin-duration","description":{"kind":"markdown","value":"**`<lr-checkpoint>`** (default: `var(--lr-transition-ambient)`) — Restoring-spinner timing, inheriting the shared ambient-motion token by default (stopped under reduced motion)."}},{"name":"--lr-chip-accent","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-color-text)`) — Text/icon color of the pill. Each non-neutral `variant` changes its private default to that variant's loud fill."}},{"name":"--lr-chip-bg","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-color-surface)`) — Background of the pill. Each non-neutral `variant` changes its private default to that variant's quiet fill."}},{"name":"--lr-chip-border","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-color-border)`) — Border color of the pill. Every non-neutral `variant` changes its private default to `transparent`."}},{"name":"--lr-chip-font-size","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-font-size-sm)`) — Label font size. Each `size` changes its private default to that step's font size; an inherited or direct public value still wins."}},{"name":"--lr-chip-gap","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-space-xs)`) — Gap between the icon, label, and remove button. Each `size` changes its private default to that step's gap."}},{"name":"--lr-chip-group-overflow-expanded-border-style","description":{"kind":"markdown","value":"**`<lr-chip-group>`** (default: `solid`) — Border style of `[part=\"overflow-indicator\"]` while expanded. The resting indicator intentionally stays dashed, so this can retune the expanded state without losing that structural affordance."}},{"name":"--lr-chip-group-overflow-expanded-color","description":{"kind":"markdown","value":"**`<lr-chip-group>`** (default: `var(--lr-color-text)`) — Text color of `[part=\"overflow-indicator\"]` while expanded (`aria-expanded=\"true\"`). `::part(overflow-indicator)[aria-expanded='true']` is invalid CSS, so this is the only way to retint the expanded state without re-pointing the shared `--lr-color-text` token."}},{"name":"--lr-chip-height","description":{"kind":"markdown","value":"**`<lr-chip>`** — Exact block size of the chip. Undeclared by default, so the chip grows to fit its content (floored by `--lr-chip-min-height` when interactive). Set it to pin a fixed height. A value below the shared interactive target is for non-interactive chips only."}},{"name":"--lr-chip-icon-size","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-font-size-sm)`) — Font size of the `start` slot wrapper. Its private default follows each `size` step's icon size; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-min-height","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-size-1-5rem)`) — Component density floor for an interactive chip. The real toggle/remove controls also enforce the shared `--lr-icon-button-size` target floor."}},{"name":"--lr-chip-padding-block","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-size-0-25rem)`) — Block padding of the pill. Each `size` changes its private default to that step's block padding; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-padding-inline","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-space-s)`) — Inline padding of the pill. Each `size` changes its private default to that step's inline padding; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-pressed-bg","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-chip-bg)`) — Background while a toggleable chip is selected, independently themeable from its resting background."}},{"name":"--lr-chip-pressed-border","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-chip-accent)`) — Border color while a toggleable chip is selected, independently themeable from the label/icon color."}},{"name":"--lr-chip-radius","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-radius)`) — Corner radius of the pill and of the remove button, kept in sync so retuning one retunes both. `pill` changes its private default to `var(--lr-radius-pill)`. Does not vary by `size` tier."}},{"name":"--lr-chunk-inspector-current-bg","description":{"kind":"markdown","value":"**`<lr-chunk-inspector>`** (default: `var(--lr-color-brand-quiet)`) — Background of the chunk matching `activeChunkId`. **Contrast-sensitive:** paired with `--lr-chunk-inspector-current-color`, which has to keep a 4.5:1 ratio against it."}},{"name":"--lr-chunk-inspector-current-color","description":{"kind":"markdown","value":"**`<lr-chunk-inspector>`** (default: `var(--lr-color-text)`) — Text color of the current chunk's `[part=\"score\"]` line. **Contrast-sensitive:** the quiet token it replaces only reaches ~4.24:1 against the current background, so override this together with `--lr-chunk-inspector-current-bg`, never alone."}},{"name":"--lr-citation-badge-accent","description":{"kind":"markdown","value":"**`<lr-citation-badge>`** (default: `var(--lr-color-text-quiet)`) — Text color of `base`, and its hover border color. Its private default follows the reflected `status`: success for `high`/`verified`, warning for `medium`/`low`, and danger for `unverified`; a public value wins."}},{"name":"--lr-citation-badge-bg","description":{"kind":"markdown","value":"**`<lr-citation-badge>`** (default: `transparent`) — Background of `base`. Its private default follows `status` to the matching `-quiet` tone (`success`/`warning`/`danger`); a public value wins."}},{"name":"--lr-citation-badge-border","description":{"kind":"markdown","value":"**`<lr-citation-badge>`** (default: `transparent`) — Resting border color of `base`; no `status` changes it, so it stays transparent unless a host overrides it."}},{"name":"--lr-claim-evidence-compact-gap","description":{"kind":"markdown","value":"**`<lr-claim-evidence>`** (default: `var(--lr-space-xs)`) — Gap between `[part=\"claim-trigger\"]`'s columns while `compact`."}},{"name":"--lr-claim-evidence-compact-padding","description":{"kind":"markdown","value":"**`<lr-claim-evidence>`** (default: `var(--lr-space-xs)`) — `[part=\"claim-trigger\"]` padding while `compact`."}},{"name":"--lr-code-block-active-line-outline-color","description":{"kind":"markdown","value":"**`<lr-code-block>`** (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`. Retints just that outline, leaving every other `--lr-color-brand` surface in the component (header pill, hover states, focus ring) alone. Inherits, so it can also be set on an ancestor or at the theme level.\n\n**`<lr-code-block-core>`** (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`, leaving every other `--lr-color-brand` surface in the component alone."}},{"name":"--lr-code-block-font","description":{"kind":"markdown","value":"**`<lr-code-block>`, `<lr-code-block-core>`** (default: `var(--lr-font-mono)`) — Monospace family for the rendered `pre` and `code`."}},{"name":"--lr-code-block-highlighted-line-bg","description":{"kind":"markdown","value":"**`<lr-code-block>`** (default: `var(--lr-color-warning-quiet)`) — Background color of a line marked by `highlight-lines` or a `line-range` entry in `highlights`, in both the light and dark-theme (shiki) rendering paths. Retints just that background, leaving every other `--lr-color-warning-quiet` surface alone. Inherits, so it can also be set on an ancestor or at the theme level.\n\n**`<lr-code-block-core>`** (default: `var(--lr-color-warning-quiet)`) — Background color of a line marked by `highlight-lines` or a `line-range` entry in `highlights`. Shared with `lr-code-block` (this component reuses its stylesheet), leaving every other `--lr-color-warning-quiet` surface alone."}},{"name":"--lr-code-block-max-height","description":{"kind":"markdown","value":"**`<lr-code-block>`, `<lr-code-block-core>`** (default: `none`) — Scroll cap applied to `body`. The `max-height` attribute, when set, writes this same property inline on `body` and therefore wins."}},{"name":"--lr-code-block-tab-size","description":{"kind":"markdown","value":"**`<lr-code-block>`** (default: `2`) — Tab width for the rendered code, applied to `pre`. Same default as `--lr-code-editor-tab-size`, so the editable and read-only code surfaces agree; `lr-markdown`/`lr-markdown-core` declare the same token for their own `code-block` part (they are sibling elements, so they cannot inherit this one). Read as a token and never written inline, so a host override survives shiki's own inline `style` on the highlighted `pre`. The default is a `var()` fallback at the point of use rather than a `:host` declaration, so it inherits: set it on the element, a container, or `:root` and it reaches every code surface below. The markdown surface wraps (`white-space: pre-wrap`) while this one does not, so the same value can look different on a wrapped line, where tab stops restart.\n\n**`<lr-code-block-core>`** (default: `2`) — Tab width for the rendered code, applied to `pre`. Shared with `lr-code-block` (this component reuses its stylesheet), `lr-code-editor`, and the markdown viewers' own `code-block` part, so every code surface agrees on a tab's width.\n\n**`<lr-markdown>`, `<lr-markdown-core>`** (default: `2`) — Tab width for a rendered fenced/indented `code-block`. Deliberately the same token (and default) `lr-code-block` and `lr-code-editor` use, so a consumer sets one tab width for every code surface — it is declared here rather than inherited because `lr-code-block` is a sibling element, not an ancestor. A markdown code block wraps (`white-space: pre-wrap`) while `lr-code-block` does not, so the same value can render differently on a wrapped line, where tab stops restart."}},{"name":"--lr-code-editor-font-size","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `var(--lr-font-size-m)`) — Font size of the gutter's line numbers and the textarea, from the active `size` tier."}},{"name":"--lr-code-editor-hover-border","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `var(--lr-color-brand)`) — Editor-frame border while the enabled surface is hovered."}},{"name":"--lr-code-editor-invalid-border","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `var(--lr-color-danger)`) — Editor-frame border while invalid chrome is visible."}},{"name":"--lr-code-editor-line-height","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `1.5`) — Line height shared by the gutter and the textarea, so line numbers stay aligned with their lines."}},{"name":"--lr-code-editor-min-block-size","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `var(--lr-size-8rem)`) — Minimum block size of the editor frame and its textarea. Comes from the active `size` tier by default; assign it directly to override that tier's value."}},{"name":"--lr-code-editor-padding","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `var(--lr-space-s)`) — Padding of the gutter (block side only) and the textarea (all sides), from the active `size` tier."}},{"name":"--lr-code-editor-tab-size","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `2`) — The textarea's `tab-size`. The single channel for tab width — the class writes this token rather than setting `tab-size` directly."}},{"name":"--lr-color-border","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color border. Reads `--lr-theme-color-surface-border`."}},{"name":"--lr-color-border-strong","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color border strong. Reads `--lr-theme-color-border-strong`."}},{"name":"--lr-color-brand","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand."}},{"name":"--lr-color-brand-border-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand border loud. Reads `--lr-theme-color-brand-border-loud`."}},{"name":"--lr-color-brand-border-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand border normal. Reads `--lr-theme-color-brand-border-normal`."}},{"name":"--lr-color-brand-border-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand border quiet. Reads `--lr-theme-color-brand-border-quiet`."}},{"name":"--lr-color-brand-fill-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand fill loud. Reads `--lr-theme-color-brand-fill-loud`."}},{"name":"--lr-color-brand-fill-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand fill normal. Reads `--lr-theme-color-brand-fill-normal`."}},{"name":"--lr-color-brand-fill-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand fill quiet. Reads `--lr-theme-color-brand-fill-quiet`."}},{"name":"--lr-color-brand-on-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand on loud. Reads `--lr-theme-color-brand-on-loud`."}},{"name":"--lr-color-brand-on-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand on normal. Reads `--lr-theme-color-brand-on-normal`."}},{"name":"--lr-color-brand-on-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand on quiet. Reads `--lr-theme-color-brand-on-quiet`."}},{"name":"--lr-color-brand-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand quiet."}},{"name":"--lr-color-chart-1","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-1,#0e006e)`) — First cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 1. Reads `--lr-theme-color-chart-1`."}},{"name":"--lr-color-chart-2","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-2,#4d011a)`) — Second cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 2. Reads `--lr-theme-color-chart-2`."}},{"name":"--lr-color-chart-3","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-3,#862002)`) — Third cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 3. Reads `--lr-theme-color-chart-3`."}},{"name":"--lr-color-chart-4","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-4,#503983)`) — Fourth cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 4. Reads `--lr-theme-color-chart-4`."}},{"name":"--lr-color-chart-5","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-5,#315fdd)`) — Fifth cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 5. Reads `--lr-theme-color-chart-5`."}},{"name":"--lr-color-chart-6","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-6,#935e7c)`) — Sixth cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 6. Reads `--lr-theme-color-chart-6`."}},{"name":"--lr-color-chart-7","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-7,#de6906)`) — Seventh cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 7. Reads `--lr-theme-color-chart-7`."}},{"name":"--lr-color-chart-8","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-8,#8f81d3)`) — Eighth cluster color; later clusters wrap through the same ordered palette.\n\n**Shared design token** — Canonical shared component token for color chart 8. Reads `--lr-theme-color-chart-8`."}},{"name":"--lr-color-danger","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger."}},{"name":"--lr-color-danger-border-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger border loud. Reads `--lr-theme-color-danger-border-loud`."}},{"name":"--lr-color-danger-border-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger border normal. Reads `--lr-theme-color-danger-border-normal`."}},{"name":"--lr-color-danger-border-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger border quiet. Reads `--lr-theme-color-danger-border-quiet`."}},{"name":"--lr-color-danger-fill-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger fill loud. Reads `--lr-theme-color-danger-fill-loud`."}},{"name":"--lr-color-danger-fill-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger fill normal. Reads `--lr-theme-color-danger-fill-normal`."}},{"name":"--lr-color-danger-fill-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger fill quiet. Reads `--lr-theme-color-danger-fill-quiet`."}},{"name":"--lr-color-danger-on-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger on loud. Reads `--lr-theme-color-danger-on-loud`."}},{"name":"--lr-color-danger-on-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger on normal. Reads `--lr-theme-color-danger-on-normal`."}},{"name":"--lr-color-danger-on-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger on quiet. Reads `--lr-theme-color-danger-on-quiet`."}},{"name":"--lr-color-danger-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger quiet."}},{"name":"--lr-color-mix-active","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color mix active. Reads `--lr-theme-color-mix-active`."}},{"name":"--lr-color-mix-hover","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color mix hover. Reads `--lr-theme-color-mix-hover`."}},{"name":"--lr-color-mix-partner","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color mix partner. Reads `--lr-theme-color-mix-partner`."}},{"name":"--lr-color-neutral","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral."}},{"name":"--lr-color-neutral-border-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral border loud. Reads `--lr-theme-color-neutral-border-loud`."}},{"name":"--lr-color-neutral-border-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral border normal. Reads `--lr-theme-color-neutral-border-normal`."}},{"name":"--lr-color-neutral-border-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral border quiet. Reads `--lr-theme-color-neutral-border-quiet`."}},{"name":"--lr-color-neutral-fill-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral fill loud. Reads `--lr-theme-color-neutral-fill-loud`."}},{"name":"--lr-color-neutral-fill-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral fill normal. Reads `--lr-theme-color-neutral-fill-normal`."}},{"name":"--lr-color-neutral-fill-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral fill quiet. Reads `--lr-theme-color-neutral-fill-quiet`."}},{"name":"--lr-color-neutral-on-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral on loud. Reads `--lr-theme-color-neutral-on-loud`."}},{"name":"--lr-color-neutral-on-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral on normal. Reads `--lr-theme-color-neutral-on-normal`."}},{"name":"--lr-color-neutral-on-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral on quiet. Reads `--lr-theme-color-neutral-on-quiet`."}},{"name":"--lr-color-no-data","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color no data. Reads `--lr-theme-color-no-data`."}},{"name":"--lr-color-on-brand","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on brand."}},{"name":"--lr-color-on-danger","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on danger."}},{"name":"--lr-color-on-neutral","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on neutral."}},{"name":"--lr-color-on-strong-overlay","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on strong overlay. Reads `--lr-theme-color-on-strong-overlay`."}},{"name":"--lr-color-on-success","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on success."}},{"name":"--lr-color-on-warning","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on warning."}},{"name":"--lr-color-overlay","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color overlay. Reads `--lr-theme-color-overlay`."}},{"name":"--lr-color-overlay-strong","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color overlay strong. Reads `--lr-theme-color-overlay-strong`."}},{"name":"--lr-color-picker-checker-color","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-color-border)`) — Tint of the alpha checkerboard."}},{"name":"--lr-color-picker-checker-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-0-5rem)`) — Cell size of the alpha checkerboard."}},{"name":"--lr-color-picker-gap","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-space-xs)`) — Gap between field chrome and panel rows."}},{"name":"--lr-color-picker-grid-block-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-8rem)`) — Saturation/brightness grid height."}},{"name":"--lr-color-picker-grid-handle-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-1rem)`) — Diameter of the grid handle."}},{"name":"--lr-color-picker-grid-hue","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — The saturation/brightness grid's fully-saturated base hue. Rewritten on every render, like `--lr-color-picker-swatch-color`."}},{"name":"--lr-color-picker-grid-inline-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-15rem)`) — Saturation/brightness grid width."}},{"name":"--lr-color-picker-hover-border-color","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-color-brand)`) — Hover border color."}},{"name":"--lr-color-picker-hue-stops","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — The hue ramp's own gradient stops, shared by the hue slider in both text directions. Defaults to the six-stop sRGB hue wheel."}},{"name":"--lr-color-picker-opacity-gradient","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — The opacity slider's transparent-to-opaque ramp, built from the current colour and text direction. Rewritten on every render."}},{"name":"--lr-color-picker-palette-swatch-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-1-5rem)`) — Size of a palette swatch."}},{"name":"--lr-color-picker-radius","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-radius)`) — Trigger, grid, and panel corner radius."}},{"name":"--lr-color-picker-selected-border","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-color-brand)`) — Border of the selected palette swatch."}},{"name":"--lr-color-picker-selected-check-color","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-color-surface)`) — Checkmark color on the selected palette swatch."}},{"name":"--lr-color-picker-slider-block-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-0-75rem)`) — Thickness of the visible hue/opacity ramp. The slider's own pointer target stays floored at 24px regardless."}},{"name":"--lr-color-picker-slider-handle-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-1-25rem)`) — Diameter of a slider handle."}},{"name":"--lr-color-picker-swatch-color","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — The live colour painted on the trigger, preview, slider handles, and palette swatches. Rewritten on every render, so it reports state rather than accepting configuration."}},{"name":"--lr-color-picker-swatch-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-form-control-height,var(--lr-size-2-5rem))`) — The centered visible swatch's inline and block size. The interactive trigger stays at least `--lr-icon-button-size`; larger swatch tiers expand it. The value reads the shared form-control height ladder, so the visible swatch follows neighbouring field density."}},{"name":"--lr-color-shadow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color shadow. Reads `--lr-theme-color-shadow`."}},{"name":"--lr-color-success","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success."}},{"name":"--lr-color-success-border-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success border loud. Reads `--lr-theme-color-success-border-loud`."}},{"name":"--lr-color-success-border-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success border normal. Reads `--lr-theme-color-success-border-normal`."}},{"name":"--lr-color-success-border-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success border quiet. Reads `--lr-theme-color-success-border-quiet`."}},{"name":"--lr-color-success-fill-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success fill loud. Reads `--lr-theme-color-success-fill-loud`."}},{"name":"--lr-color-success-fill-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success fill normal. Reads `--lr-theme-color-success-fill-normal`."}},{"name":"--lr-color-success-fill-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success fill quiet. Reads `--lr-theme-color-success-fill-quiet`."}},{"name":"--lr-color-success-on-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success on loud. Reads `--lr-theme-color-success-on-loud`."}},{"name":"--lr-color-success-on-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success on normal. Reads `--lr-theme-color-success-on-normal`."}},{"name":"--lr-color-success-on-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success on quiet. Reads `--lr-theme-color-success-on-quiet`."}},{"name":"--lr-color-success-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success quiet."}},{"name":"--lr-color-surface","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color surface. Reads `--lr-theme-color-surface-default`."}},{"name":"--lr-color-surface-overlay","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color surface overlay. Reads `--lr-theme-color-surface-overlay`."}},{"name":"--lr-color-surface-raised","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color surface raised. Reads `--lr-theme-color-surface-raised`."}},{"name":"--lr-color-text","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color text. Reads `--lr-theme-color-text-normal`."}},{"name":"--lr-color-text-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color text quiet. Reads `--lr-theme-color-text-quiet`."}},{"name":"--lr-color-warning","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning."}},{"name":"--lr-color-warning-border-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning border loud. Reads `--lr-theme-color-warning-border-loud`."}},{"name":"--lr-color-warning-border-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning border normal. Reads `--lr-theme-color-warning-border-normal`."}},{"name":"--lr-color-warning-border-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning border quiet. Reads `--lr-theme-color-warning-border-quiet`."}},{"name":"--lr-color-warning-fill-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning fill loud. Reads `--lr-theme-color-warning-fill-loud`."}},{"name":"--lr-color-warning-fill-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning fill normal. Reads `--lr-theme-color-warning-fill-normal`."}},{"name":"--lr-color-warning-fill-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning fill quiet. Reads `--lr-theme-color-warning-fill-quiet`."}},{"name":"--lr-color-warning-on-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning on loud. Reads `--lr-theme-color-warning-on-loud`."}},{"name":"--lr-color-warning-on-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning on normal. Reads `--lr-theme-color-warning-on-normal`."}},{"name":"--lr-color-warning-on-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning on quiet. Reads `--lr-theme-color-warning-on-quiet`."}},{"name":"--lr-color-warning-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning quiet."}},{"name":"--lr-combobox-expand-size","description":{"kind":"markdown","value":"**`<lr-combobox>`** — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-combobox-font-size","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-form-control-font-size)`) — Input text size, from the shared form-control size ladder."}},{"name":"--lr-combobox-gap","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-space-xs)`) — Gap between the start/end adornments, tags, and filter input inside the trigger row. Unlike the size knobs above it does not vary by `size` tier. Override it to retune without a `::part(combobox)` rule."}},{"name":"--lr-combobox-option-active-bg","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-combobox-option-selected-bg","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."}},{"name":"--lr-combobox-option-selected-border","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-combobox-option-selected-color","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-combobox-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-combobox-radius","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-radius)`) — Corner radius of the trigger row (`[part='combobox']`). Does not vary by `size` tier; the `pill` attribute swaps it for `--lr-radius-pill`."}},{"name":"--lr-combobox-tag-font-size","description":{"kind":"markdown","value":"**`<lr-combobox>`** — Selected-tag text size."}},{"name":"--lr-combobox-tag-padding","description":{"kind":"markdown","value":"**`<lr-combobox>`** — Selected-tag padding."}},{"name":"--lr-combobox-trigger-height","description":{"kind":"markdown","value":"**`<lr-combobox>`** — Exact input-container height. Unset by default, which leaves `--lr-combobox-trigger-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match `<lr-input>`/`<lr-select>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element. Intended for a single-row combobox: in `multiple` mode a tag row long enough to wrap overflows the pinned box visibly (nothing is clipped or made unreachable), so leave it unset there."}},{"name":"--lr-combobox-trigger-min-height","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-form-control-height)`) — Minimum input-container block size. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-*` moves this control and every sibling field together."}},{"name":"--lr-combobox-trigger-padding","description":{"kind":"markdown","value":"**`<lr-combobox>`** — Padding inside the input container."}},{"name":"--lr-command-palette-active-bg","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (keyboard-highlighted, `data-active=\"true\"`) command row. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active row without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-command-palette-group-height","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `var(--lr-size-2rem)`) — Virtual group-heading height; live changes rebuild heading/row transforms and the result extent."}},{"name":"--lr-command-palette-list-max-block-size","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `50vh`) — Maximum height of the scrolling command list."}},{"name":"--lr-command-palette-max-block-size","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `70vh`) — Maximum dialog height."}},{"name":"--lr-command-palette-max-inline-size","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `var(--lr-size-48rem)`) — Maximum dialog width."}},{"name":"--lr-command-palette-offset-block-start","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `12vh`) — Gap between the viewport top and the dialog."}},{"name":"--lr-command-palette-row-height","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `var(--lr-size-3rem)`) — Virtual command-row height; live changes rebuild row transforms, scrolling coordinates, and the result extent."}},{"name":"--lr-command-palette-z-index","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `var(--lr-overlay-stack-index, var(--lr-layer-modal))`) — Stacking index of the backdrop."}},{"name":"--lr-commit-card-compact-padding","description":{"kind":"markdown","value":"**`<lr-commit-card>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-compare-panel-max-height","description":{"kind":"markdown","value":"**`<lr-compare-panel>`** (default: `var(--lr-size-24rem)`) — Cap on how tall each pane's scroll region grows before it scrolls internally."}},{"name":"--lr-compare-panel-selected-background","description":{"kind":"markdown","value":"**`<lr-compare-panel>`** (default: `var(--lr-color-brand-quiet)`) — Selected vote button background."}},{"name":"--lr-compare-panel-selected-border-color","description":{"kind":"markdown","value":"**`<lr-compare-panel>`** (default: `var(--lr-color-brand)`) — Selected vote button border color."}},{"name":"--lr-compare-panel-selected-color","description":{"kind":"markdown","value":"**`<lr-compare-panel>`** (default: `var(--lr-color-brand)`) — Selected vote button text color."}},{"name":"--lr-compare-panel-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-compare-panel>`** (default: `var(--lr-font-weight-semibold)`) — Selected vote button font weight."}},{"name":"--lr-confirm-bar-approved-color","description":{"kind":"markdown","value":"**`<lr-confirm-bar>`** (default: `var(--lr-color-success)`) — `[part='status']` text/icon color once `decision` is `'approved'`."}},{"name":"--lr-confirm-bar-compact-gap","description":{"kind":"markdown","value":"**`<lr-confirm-bar>`** (default: `var(--lr-space-s)`) — Gap between the row's items while `compact`."}},{"name":"--lr-confirm-bar-compact-padding","description":{"kind":"markdown","value":"**`<lr-confirm-bar>`** (default: `var(--lr-space-s)`) — Padding of `[part='base']` while `compact`. Accepts any padding shorthand. Overridden entirely by `frame=\"plain\"`."}},{"name":"--lr-confirm-bar-denied-color","description":{"kind":"markdown","value":"**`<lr-confirm-bar>`** (default: `var(--lr-color-danger)`) — `[part='status']` text/icon color once `decision` is `'denied'`."}},{"name":"--lr-contact-viewer-max-height","description":{"kind":"markdown","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":"--lr-context-meter-legend-swatch-size","description":{"kind":"markdown","value":"**`<lr-context-meter>`** (default: `var(--lr-size-0-625rem)`) — Inline and block size of a legend swatch."}},{"name":"--lr-context-meter-segment-color","description":{"kind":"markdown","value":"**`<lr-context-meter>`** — Per-segment color. Set inline on `[part=\"segment\"]` by the component itself whenever that segment supplies a `color`; unset (and the token unread) otherwise, leaving the `data-tone` palette in charge. The matching `[part=\"legend-swatch\"]` reads the same property, so a swatch can never disagree with the band it stands for."}},{"name":"--lr-control-group-gap","description":{"kind":"markdown","value":"**`<lr-control-group>`** (default: `var(--lr-space-xs)`) — Gap between grouped controls."}},{"name":"--lr-conversation-item-active-bg","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of the row while `active`. **Contrast-sensitive:** it is one half of a documented WCAG-AA pair — the active row's text is sized/toned for this background, so an override has to keep at least a 4.5:1 ratio against `--lr-conversation-item-active-color` (excerpt/timestamp) and against `--lr-color-text` (the label, which is not restyled by the pair)."}},{"name":"--lr-conversation-item-active-color","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-color-text)`) — Text color of `[part=\"excerpt\"]` and `[part=\"timestamp\"]` while `active`. **Contrast-sensitive:** it exists precisely because `--lr-color-text-quiet` only reaches ~4.25:1 against the active background; override it together with `--lr-conversation-item-active-bg`, never alone."}},{"name":"--lr-conversation-item-active-indicator-color","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-color-brand)`) — Color of the decorative `[part=\"active-indicator\"]` while `active`."}},{"name":"--lr-conversation-item-active-indicator-inset-inline","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `0 auto`) — Logical inline-start and inline-end insets for `[part=\"active-indicator\"]`; set `auto 0` to place it at inline-end."}},{"name":"--lr-conversation-item-active-indicator-width","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-size-2px)`) — Inline size of `[part=\"active-indicator\"]` while `active`."}},{"name":"--lr-conversation-item-compact-gap","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s columns while `compact`."}},{"name":"--lr-conversation-item-compact-padding","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-space-xs) var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-csv-viewer-highlight-color","description":{"kind":"markdown","value":"**`<lr-csv-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-csv-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-csv-viewer>`** (default: `none`) — Maximum block size allocated to `[part=\"body\"]`; the nested virtual-list scrolls data rows within the remainder below the persistent header. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-dashboard-grid-cell-hover-outline-color","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `var(--lr-color-border-strong)`) — Outline color of a cell's mouse-hover preview of its own `:focus-visible` ring (shown because every cell is a real focusable, draggable/resizable target). Set to `transparent` to opt out."}},{"name":"--lr-dashboard-grid-collision-outline-color","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `var(--lr-color-danger)`) — Outline color of a cell whose current drag/resize preview collides with another cell."}},{"name":"--lr-dashboard-grid-columns","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `12`) — Author override for the column count; otherwise the normalized `columns` property supplies the computed value."}},{"name":"--lr-dashboard-grid-gap","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `8px`) — Author override for the gap between cells; otherwise the normalized `gap` property supplies a pixel value."}},{"name":"--lr-dashboard-grid-interaction-shadow","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `var(--lr-shadow-m)`) — Box shadow applied to a cell for the duration of its pointer drag or resize interaction."}},{"name":"--lr-dashboard-grid-row-height","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `80px`) — Author override for row track height; otherwise the normalized `rowHeight` property supplies a pixel value."}},{"name":"--lr-data-grid-cell-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `inherit`) — Text colour of body cells."}},{"name":"--lr-data-grid-cell-link-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-brand)`) — Colour of anchors returned by a column formatter or row detail renderer. These render inside the grid's shadow root, beyond the reach of page CSS. Set `revert` to restore the user-agent default."}},{"name":"--lr-data-grid-cell-link-hover-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-data-grid-cell-link-color,var(--lr-color-brand))`) — Colour of those anchors on hover, focus-visible, and active interaction."}},{"name":"--lr-data-grid-control-active-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Pressed background for grid controls."}},{"name":"--lr-data-grid-control-hover-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Hovered background for grid controls."}},{"name":"--lr-data-grid-page-size-active-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Pressed page-size selector background."}},{"name":"--lr-data-grid-row-active-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Pressed data-row background."}},{"name":"--lr-data-grid-sortable-header-active-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Pressed sortable-header background."}},{"name":"--lr-data-grid-sortable-header-hover-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Hovered sortable-header background."}},{"name":"--lr-dataset-viewer-highlight-color","description":{"kind":"markdown","value":"**`<lr-dataset-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-dataset-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-dataset-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`. `scrollMode='page'` deliberately ignores the cap and hands both axes to page flow so the sticky header can use the page scrollport."}},{"name":"--lr-date-input-action-active-bg","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `color-mix(...)`) — Clear/calendar action background while pressed."}},{"name":"--lr-date-input-action-active-color","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-date-input-action-hover-color,var(--lr-color-text))`) — Clear/calendar action color while pressed."}},{"name":"--lr-date-input-action-active-radius","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-date-input-radius)`) — Clear/calendar action corner radius while pressed."}},{"name":"--lr-date-input-action-hover-bg","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `transparent`) — Clear/calendar action background on hover."}},{"name":"--lr-date-input-action-hover-color","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-color-text)`) — Clear/calendar action color on hover."}},{"name":"--lr-date-input-action-hover-radius","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-date-input-radius)`) — Clear/calendar action corner radius on hover."}},{"name":"--lr-date-input-control-height","description":{"kind":"markdown","value":"**`<lr-date-input>`** — Exact block size of the input row. Undeclared by default, so the row grows to fit its content (floored by `--lr-date-input-control-min-height`). Set it to pin a fixed height; the calendar toggle keeps its own 24x24 touch target even when this pins a shorter row."}},{"name":"--lr-date-input-control-min-height","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-form-control-height)`) — Minimum block size of the input row, read from the shared form-control height ladder so retuning `--lr-theme-form-control-height-*` moves this control and every sibling field together. Each default sits below the row's transitively-pinned height, so it is dead until a consumer raises it -- the unset render is unchanged."}},{"name":"--lr-date-input-focus-border-color","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-date-input-font-size","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `inherit`) — Font size of the text input, scaled by `size`."}},{"name":"--lr-date-input-gap","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-space-xs)`) — Gap between input-row children."}},{"name":"--lr-date-input-padding-block","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-space-xs)`) — Block padding of the input row, scaled by `size`."}},{"name":"--lr-date-input-padding-inline","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-space-s)`) — Inline padding of the input row, scaled by `size`."}},{"name":"--lr-date-input-placeholder-color","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-color-text-quiet)`) — Placeholder text color."}},{"name":"--lr-date-input-radius","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-radius)`) — Input-row corner radius. `pill` changes its private default to `--lr-radius-pill`; an inherited or direct public value still wins."}},{"name":"--lr-date-picker-day-active-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `color-mix(in oklab, var(--lr-date-picker-day-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Day pressed background."}},{"name":"--lr-date-picker-day-hover-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Day hover background."}},{"name":"--lr-date-picker-day-outside-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-text-quiet)`) — Adjacent-month day color."}},{"name":"--lr-date-picker-disabled-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-text-quiet)`) — Disabled day text color."}},{"name":"--lr-date-picker-disabled-opacity","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-opacity-disabled)`) — Disabled day opacity."}},{"name":"--lr-date-picker-header-gap","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-space-s)`) — Month-header child gap."}},{"name":"--lr-date-picker-month-gap","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-space-l)`) — Gap between visible months."}},{"name":"--lr-date-picker-nav-active-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `color-mix(in oklab, var(--lr-date-picker-nav-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed month-navigation background."}},{"name":"--lr-date-picker-nav-hover-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the `[part=\"previous\"]`/`[part=\"next\"]` month-navigation buttons."}},{"name":"--lr-date-picker-preset-active-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** — Pressed background of a quick-range button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-date-picker-preset-hover-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of a quick-range button."}},{"name":"--lr-date-picker-preset-selected-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Background of the quick-range button whose range is currently selected."}},{"name":"--lr-date-picker-preset-selected-border","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Border color of the selected quick-range button."}},{"name":"--lr-date-picker-preset-selected-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-on-brand)`) — Foreground color of the selected quick-range button."}},{"name":"--lr-date-picker-radius","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-radius)`) — Calendar and control corner radius."}},{"name":"--lr-date-picker-range-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Selected-range interior background."}},{"name":"--lr-date-picker-range-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-text)`) — Adjacent-month range text color."}},{"name":"--lr-date-picker-range-preview-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-date-picker-range-bg, var(--lr-color-brand-quiet))`) — Pending-range preview background."}},{"name":"--lr-date-picker-selected-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Selected day/range-endpoint background."}},{"name":"--lr-date-picker-selected-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-on-brand)`) — Selected day/range-endpoint text color."}},{"name":"--lr-date-picker-title-active-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Pressed title background."}},{"name":"--lr-date-picker-title-active-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Pressed title color."}},{"name":"--lr-date-picker-title-active-radius","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-date-picker-radius)`) — Pressed title corner radius."}},{"name":"--lr-date-picker-title-hover-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Hovered title color."}},{"name":"--lr-date-picker-today-outline","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Today outline color."}},{"name":"--lr-date-picker-view-active-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `color-mix(in oklab, var(--lr-date-picker-view-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Selection-view item pressed background."}},{"name":"--lr-date-picker-view-disabled-opacity","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-opacity-disabled)`) — Disabled selection-view item opacity."}},{"name":"--lr-date-picker-view-hover-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Selection-view item hover background."}},{"name":"--lr-date-picker-view-selected-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Selected selection-view item background."}},{"name":"--lr-date-picker-view-selected-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-on-brand)`) — Selected selection-view item text color."}},{"name":"--lr-date-picker-view-today-outline","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Current-period selection-view outline."}},{"name":"--lr-details-filled-bg","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-brand-quiet)`) — Filled surface background."}},{"name":"--lr-details-filled-border-color","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `transparent`) — Filled border color."}},{"name":"--lr-details-filled-outlined-bg","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-brand-quiet)`) — Filled-outlined surface background."}},{"name":"--lr-details-filled-outlined-border-color","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-border)`) — Filled-outlined border color."}},{"name":"--lr-details-font-size","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-form-control-font-size)`) — Text size of the summary and the panel. Its private default follows the library's shared size ladder; an inherited or direct public value remains authoritative."}},{"name":"--lr-details-gap","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-space-s)`) — Gap between summary content and its icon."}},{"name":"--lr-details-outlined-bg","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-surface)`) — Outlined surface background."}},{"name":"--lr-details-outlined-border-color","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-border)`) — Outlined border color."}},{"name":"--lr-details-radius","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-radius)`) — Disclosure surface corner radius."}},{"name":"--lr-details-spacing","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-form-control-padding-inline)`) — Block rhythm: the summary's block padding and the panel's trailing padding, kept equal so a stack of disclosures reads evenly. Its private default follows the shared ladder's inline-padding knob, whose values suit a stacked panel; the ladder's own block padding exists to fit text inside a fixed control height and would collapse the summary row. An inherited or direct public value remains authoritative."}},{"name":"--lr-details-summary-active-bg","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `color-mix(...)`) — Summary pressed background."}},{"name":"--lr-details-summary-hover-bg","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-brand-quiet)`) — Summary hover background."}},{"name":"--lr-dialog-backdrop-duration","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-duration-fast)`) — Duration of the backdrop's fade."}},{"name":"--lr-dialog-backdrop-filter","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `none`) — `backdrop-filter` applied to the scrim, for a frosted-glass treatment over the page behind it."}},{"name":"--lr-dialog-max-width","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-dialog-width, var(--lr-size-32rem))`) — Cap on the panel's inline size. Falls back to `--lr-dialog-width` when that is set, so an assertive width is not clipped by the 32rem default; the viewport (`100%`) is always a hard limit on top."}},{"name":"--lr-dialog-overlay-color","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-dialog-panel-duration","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-duration-base)`) — Duration of the panel's enter/exit animation."}},{"name":"--lr-dialog-spacing","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-space-l)`) — Padding inside the body, and the inline padding of the header and footer rows."}},{"name":"--lr-dialog-spacing-block","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-space-m)`) — Block padding of the header and footer rows, which are tighter than the body by default."}},{"name":"--lr-dialog-width","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `auto`) — Assertive inline size for the panel. Left at `auto` the panel shrink-wraps to its content."}},{"name":"--lr-diff-view-add-background","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-success-quiet)`) — Added-line background."}},{"name":"--lr-diff-view-add-color","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-success)`) — Added-line text color."}},{"name":"--lr-diff-view-fold-background","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-surface-raised)`) — Fold-marker background."}},{"name":"--lr-diff-view-fold-color","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-text-quiet)`) — Fold-marker text color."}},{"name":"--lr-diff-view-font","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-font-mono)`) — Font family used for the diff lines."}},{"name":"--lr-diff-view-remove-background","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-danger-quiet)`) — Removed-line background."}},{"name":"--lr-diff-view-remove-color","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-danger)`) — Removed-line text color."}},{"name":"--lr-dock-panel-collapse-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-dock-panel>`** (default: `var(--lr-color-brand-quiet)`) — Background of `collapse-toggle` on hover; also feeds its pressed background via `color-mix()`."}},{"name":"--lr-dock-panel-collapse-toggle-hover-color","description":{"kind":"markdown","value":"**`<lr-dock-panel>`** (default: `var(--lr-color-brand)`) — Text/icon color of `collapse-toggle` on hover, reused verbatim for its pressed color too."}},{"name":"--lr-dock-panel-collapsed-size","description":{"kind":"markdown","value":"**`<lr-dock-panel>`** (default: `var(--lr-icon-button-size)`) — The extent the panel keeps along its resize axis while `collapsed` -- enough to still host the toggle button that re-expands it."}},{"name":"--lr-dock-panel-handle-active-color","description":{"kind":"markdown","value":"**`<lr-dock-panel>`** (default: `color-mix(in oklab, var(--lr-dock-panel-handle-hover-color, var(--lr-color-brand)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of `handle` while actively dragged/pressed."}},{"name":"--lr-dock-panel-handle-hover-color","description":{"kind":"markdown","value":"**`<lr-dock-panel>`** (default: `var(--lr-color-brand)`) — Background of `handle` on hover and keyboard focus -- scoped separately from `collapse-toggle`'s own hover tokens above even though both default to the same brand token, since the two serve unrelated purposes (drag affordance vs. button feedback)."}},{"name":"--lr-document-compare-pane-max-height","description":{"kind":"markdown","value":"**`<lr-document-compare>`** (default: `var(--lr-size-24rem)`) — Maximum block size of a side-by-side pane before it scrolls internally."}},{"name":"--lr-document-preview-active-border","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-warning, var(--lr-color-brand))`) — Border color of the `[part=\"region-highlight\"]` matching `activeHighlightId` (image format only). Distinct from the resting highlight border."}},{"name":"--lr-document-preview-download-link-active-bg","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the generic download link."}},{"name":"--lr-document-preview-download-link-hover-bg","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Hover background of the generic download link."}},{"name":"--lr-document-preview-font","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-font-mono)`) — Font used for plain-text previews."}},{"name":"--lr-document-preview-highlight-accent-color","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-brand)`) — Accent highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-danger-color","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-danger)`) — Danger highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-neutral-color","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-neutral)`) — Neutral highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-success-color","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-success)`) — Success highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-warning-color","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-warning)`) — Warning highlight border and hover tint."}},{"name":"--lr-document-preview-max-height","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `none`) — Maximum body block size before the preview scrolls internally."}},{"name":"--lr-document-preview-progress","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `0`) — Unitless 0-100 completion of the determinate loading ring (multiplied by `1%` in its conic gradient). Written inline by the component from the clamped `progress` value, so it is a read-out rather than a consumer knob."}},{"name":"--lr-document-preview-spin-duration","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-transition-ambient)`) — Timing of one indeterminate loading-indicator rotation."}},{"name":"--lr-document-viewer-download-link-active-bg","description":{"kind":"markdown","value":"**`<lr-document-viewer>`** (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the download link."}},{"name":"--lr-document-viewer-download-link-hover-bg","description":{"kind":"markdown","value":"**`<lr-document-viewer>`** (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Hover background of the download link."}},{"name":"--lr-document-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-document-viewer>`** (default: `70vh`) — Maximum block size of the dialog body before it scrolls internally."}},{"name":"--lr-docx-viewer-highlight-accent-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Accent highlight background."}},{"name":"--lr-docx-viewer-highlight-active-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Active highlight background."}},{"name":"--lr-docx-viewer-highlight-active-outline","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Active fallback-highlight outline."}},{"name":"--lr-docx-viewer-highlight-danger-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Danger highlight background."}},{"name":"--lr-docx-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Neutral highlight background."}},{"name":"--lr-docx-viewer-highlight-success-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Success highlight background."}},{"name":"--lr-docx-viewer-highlight-warning-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Warning highlight background."}},{"name":"--lr-docx-viewer-max-height","description":{"kind":"markdown","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":"--lr-docx-viewer-search-match-active-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Active search-match background."}},{"name":"--lr-docx-viewer-search-match-active-foreground","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Active search-match foreground."}},{"name":"--lr-docx-viewer-search-match-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Search-match background."}},{"name":"--lr-drawer-enter-x","description":{"kind":"markdown","value":"**`<lr-drawer>`** (default: `calc(-1 * var(--lr-size-1rem))`) — Horizontal offset the panel slides in from, and back out to, for start/end drawers. Its private default changes per placement (and flips under RTL); an inherited or direct public value remains authoritative."}},{"name":"--lr-drawer-enter-y","description":{"kind":"markdown","value":"**`<lr-drawer>`** (default: `calc(-1 * var(--lr-size-1rem))`) — Vertical offset the panel slides in from, and back out to, for top/bottom drawers. Its private default becomes `var(--lr-size-1rem)` for `bottom`; an inherited or direct public value remains authoritative."}},{"name":"--lr-drawer-height","description":{"kind":"markdown","value":"**`<lr-drawer>`** — Block size for top/bottom drawers."}},{"name":"--lr-drawer-width","description":{"kind":"markdown","value":"**`<lr-drawer>`** — Inline size for start/end drawers."}},{"name":"--lr-duration-ambient","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for duration ambient. Reads `--lr-theme-duration-slow`."}},{"name":"--lr-duration-base","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for duration base. Reads `--lr-theme-duration-normal`."}},{"name":"--lr-duration-fast","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for duration fast. Reads `--lr-theme-duration-fast`."}},{"name":"--lr-duration-icon","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for duration icon. Reads `--lr-theme-duration-icon`."}},{"name":"--lr-easing-emphasized","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for easing emphasized. Reads `--lr-theme-easing-emphasized`."}},{"name":"--lr-easing-linear","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for easing linear. Reads `--lr-theme-easing-linear`."}},{"name":"--lr-easing-standard","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for easing standard. Reads `--lr-theme-easing-standard`."}},{"name":"--lr-ebook-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-ebook-viewer>`** (default: `none`) — Maximum block size of the mount area epub.js renders into, before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-email-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-email-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-embedding-explorer-height","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `360px`) — The plot's `block-size`. Set on the host from the `height` property, whose default supplies the `360px`; a value the browser cannot parse as a `block-size` is dropped, leaving the `viewBox`-derived aspect-ratio size. A consumer's own `::part(plot) { block-size: ... }` rule still overrides it, and the narrow-allocation `min-block-size` floor still raises it."}},{"name":"--lr-embedding-explorer-selected-stroke","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-color-brand)`) — Stroke color of the selected point."}},{"name":"--lr-emoji-picker-active-bg","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand-quiet)`) — Compatibility fallback background for hover and roving-active states."}},{"name":"--lr-emoji-picker-control-gap","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-space-xs)`) — Gap between field sections."}},{"name":"--lr-emoji-picker-gap","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-space-2xs)`) — Gap between emoji within a windowed row."}},{"name":"--lr-emoji-picker-glyph-size","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-font-size-lg)`) — Font size of the emoji glyph, scaled by the `size` property to keep the glyph proportional to the item box."}},{"name":"--lr-emoji-picker-hover-bg","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-emoji-picker-active-bg,var(--lr-color-brand-quiet))`) — Pointer-hover background. The legacy `--lr-emoji-picker-active-bg` remains its fallback."}},{"name":"--lr-emoji-picker-item-radius","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-radius-xs)`) — Search and emoji corner radius."}},{"name":"--lr-emoji-picker-item-size","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-icon-button-size)`) — Each emoji button's box. Floored at the shared `--lr-icon-button-size`; small size tiers scale the glyph without shrinking the interactive target."}},{"name":"--lr-emoji-picker-keyboard-active-bg","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-emoji-picker-active-bg,var(--lr-color-brand-quiet))`) — Roving keyboard/pointer-active background."}},{"name":"--lr-emoji-picker-keyboard-active-outline-color","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand)`) — Outline color for the roving keyboard-active emoji."}},{"name":"--lr-emoji-picker-pressed-bg","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `color-mix(...)`) — Pointer-pressed background."}},{"name":"--lr-emoji-picker-pressed-outline-color","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand)`) — Outline color while an emoji button is being pointer-pressed."}},{"name":"--lr-emoji-picker-radius","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-radius)`) — Outer picker corner radius."}},{"name":"--lr-emoji-picker-row-height","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `calc(var(--lr-emoji-picker-item-size) + var(--lr-space-l))`) — One windowed row's height. Must stay at or above the item size plus the group-label band, or consecutive absolutely-positioned rows overlap."}},{"name":"--lr-emoji-picker-search-hover-border-color","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand)`) — Search hover border."}},{"name":"--lr-emoji-picker-selected-bg","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand-quiet)`) — Committed-value background."}},{"name":"--lr-emoji-picker-selected-color","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-text)`) — Committed-value foreground."}},{"name":"--lr-emoji-picker-selected-outline-color","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand)`) — Outline color for the committed selection."}},{"name":"--lr-empty-compact-align","description":{"kind":"markdown","value":"**`<lr-empty>`** — Cross-axis and text alignment used in compact mode; set to `center` for dense but centered empty states."}},{"name":"--lr-empty-compact-font-size","description":{"kind":"markdown","value":"**`<lr-empty>`** — Heading font size used in compact mode. Unset by default (no fallback), so the heading keeps its ordinary inherited font size until a consumer opts in."}},{"name":"--lr-empty-compact-gap","description":{"kind":"markdown","value":"**`<lr-empty>`** (default: `var(--lr-space-2xs)`) — Gap between the icon, title, and description in compact mode."}},{"name":"--lr-empty-compact-padding","description":{"kind":"markdown","value":"**`<lr-empty>`** (default: `var(--lr-space-xs)`) — Padding used in compact mode; accepts any padding shorthand (e.g. `8px 2px`)."}},{"name":"--lr-entity-card-compact-gap","description":{"kind":"markdown","value":"**`<lr-entity-card>`** (default: `var(--lr-space-xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."}},{"name":"--lr-entity-card-compact-padding","description":{"kind":"markdown","value":"**`<lr-entity-card>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-entity-chip-bg","description":{"kind":"markdown","value":"**`<lr-entity-chip>`** (default: `var(--lr-color-brand-quiet)`) — Background color."}},{"name":"--lr-entity-chip-border","description":{"kind":"markdown","value":"**`<lr-entity-chip>`** (default: `transparent`) — Border color of the chip."}},{"name":"--lr-entity-chip-color","description":{"kind":"markdown","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":"--lr-env-list-reveal-active-bg","description":{"kind":"markdown","value":"**`<lr-env-list>`** (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (revealed) reveal toggle."}},{"name":"--lr-env-list-reveal-active-border","description":{"kind":"markdown","value":"**`<lr-env-list>`** (default: `var(--lr-color-brand)`) — Border color of a pressed (revealed) reveal toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(reveal-button)[aria-pressed]` is invalid CSS."}},{"name":"--lr-file-icon-size","description":{"kind":"markdown","value":"**`<lr-file-icon>`** (default: `var(--lr-size-2rem)`) — Inline/block size of the format badge."}},{"name":"--lr-file-input-accept-bg","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of `[part~=\"base\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-file-input-accept-border-color","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-color-success)`) — Border color of `[part~=\"base\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-file-input-compact-font-size","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-font-size-sm)`) — Label font size while `compact`."}},{"name":"--lr-file-input-compact-gap","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-space-2xs)`) — Gap between the dropzone's slotted children while `compact`."}},{"name":"--lr-file-input-compact-padding","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-space-s)`) — `[part~=\"base\"]` padding while `compact`."}},{"name":"--lr-file-input-detail-font-size","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-font-size-sm)`) — Size of the secondary text: the hint, the validation error, and each selected file's formatted size. Retuned per `size` tier."}},{"name":"--lr-file-input-dropzone-font-size","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-font-size-md-sm)`) — Instructional text size inside the dropzone. Retuned per `size` tier; the documented default is the `m`/`medium` tier."}},{"name":"--lr-file-input-dropzone-icon-size","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-font-size-xl)`) — `[part=\"dropzone-icon\"]` glyph size. Retuned per `size` tier."}},{"name":"--lr-file-input-dropzone-padding","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-space-l)`) — Padding inside `[part~=\"base\"]` and the stacked dropzone content. Retuned per `size` tier; `compact` overrides it."}},{"name":"--lr-file-input-font-size","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-form-control-font-size)`) — Label and selected-filename text size; tracks the shared `size` ladder."}},{"name":"--lr-file-input-gap","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-space-xs)`) — Gap between the dropzone's slotted children. While `compact`, this is the fallback when `--lr-file-input-compact-gap` is unset."}},{"name":"--lr-file-input-radius","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-radius)`) — Corner radius of `[part~=\"base\"]`."}},{"name":"--lr-file-input-reject-bg","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of `[part~=\"base\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-file-input-reject-border-color","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-color-danger)`) — Border color of `[part~=\"base\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-flag-aspect-ratio","description":{"kind":"markdown","value":"**`<lr-flag>`** (default: `4 / 3`) — Rectangular flag aspect ratio."}},{"name":"--lr-flag-object-fit","description":{"kind":"markdown","value":"**`<lr-flag>`** (default: `cover`) — How the image fits its flag frame."}},{"name":"--lr-flag-radius","description":{"kind":"markdown","value":"**`<lr-flag>`** — Rectangular flag corner radius."}},{"name":"--lr-flow-canvas-drop-active-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of the viewport while a palette item is dragged over it (`droppable`)."}},{"name":"--lr-flow-canvas-edge-brand-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Brand edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-danger-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-danger)`) — Danger edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-neutral-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-border)`) — Neutral edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-success-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-success)`) — Success edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-warning-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-warning)`) — Warning edge and arrowhead color."}},{"name":"--lr-flow-canvas-grid-size","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-size-0-5rem)`) — Dotted background spacing. The `grid` property supplies the fallback when this hook is unset; an element or ancestor hook takes precedence."}},{"name":"--lr-flow-canvas-march-duration","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-duration-ambient)`) — Running-edge march animation duration."}},{"name":"--lr-flow-canvas-node-connect-invalid-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-danger)`) — Outline color of a node that is an invalid connect-gesture drop target. Same `::part()` attribute-selector restriction as `--lr-flow-canvas-node-selected-outline-color` above."}},{"name":"--lr-flow-canvas-node-connect-target-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of a node that is a valid connect-gesture drop target."}},{"name":"--lr-flow-canvas-node-hover-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-border-strong)`) — Outline color of a node's mouse-hover preview of its own `:focus-visible` ring. Unlike the four state-scoped colors above this one is `:hover`-gated rather than attribute-gated, so a `::part(node):hover` override would lose to this rule's own higher internal specificity rather than to the `::part()[attr]` restriction those four work around. Set to `transparent` to opt out."}},{"name":"--lr-flow-canvas-node-selected-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of a selected node."}},{"name":"--lr-flow-controls-lock-active-color","description":{"kind":"markdown","value":"**`<lr-flow-controls>`** (default: `var(--lr-color-brand)`) — Pressed lock-button foreground."}},{"name":"--lr-flow-minimap-block-size","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-size-8rem)`) — Map block size."}},{"name":"--lr-flow-minimap-inline-size","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-size-12rem)`) — Map inline size."}},{"name":"--lr-flow-minimap-viewport-min-size","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-icon-button-size)`) — Smallest rendered size, in physical pixels, of the transparent `viewport-hit-area` along either axis. On a canvas whose node bounds dwarf the visible viewport the raw rectangle collapses to a few pixels, which leaves the only pointer-drag handle for panning effectively unclickable; the floor grows it symmetrically about its own centre so it still points at what the viewport shows. The visible `viewport` stays exact. Defaults to Lyra's 40px interaction floor; set `0` to opt out."}},{"name":"--lr-flow-node-compact-gap","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"card\"]`'s rows while `compact`."}},{"name":"--lr-flow-node-compact-padding","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-space-xs)`) — `[part=\"card\"]` padding while `compact`."}},{"name":"--lr-flow-node-min-inline-size","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `calc(var(--lr-size-10rem) + var(--lr-size-1rem))`) — Minimum card inline size."}},{"name":"--lr-flow-node-progress-fill-color","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Determinate progress fill color, independent from the track and other brand-colored states."}},{"name":"--lr-flow-node-progress-track-color","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-color-border)`) — Determinate progress track color."}},{"name":"--lr-flow-node-running-border","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Border color of the card while `status=\"running\"`. Independent from `--lr-flow-node-selected-outline-color` so a consumer can retint just one of the two states without the other following along."}},{"name":"--lr-flow-node-running-glow","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-color-brand-quiet)`) — Box-shadow color of the running-state ring around the card, and the pulse keyframes' peak color."}},{"name":"--lr-flow-node-selected-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Outline color of the card while `selected`. The outline stays independent from execution-state border and glow."}},{"name":"--lr-flow-status-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-border-strong)`) — Fill of nodes without an execution status.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-border-strong)`) — Status-dot color when no execution status is set.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-border-strong)`) — Count-dot color when no execution status is set."}},{"name":"--lr-flow-status-denied-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-warning)`) — Denied-node fill.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-warning)`) — Denied status-dot color.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-warning)`) — Denied count-dot color."}},{"name":"--lr-flow-status-error-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-danger)`) — Failed-node fill.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-danger)`) — Error status-dot color.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-danger)`) — Error count-dot color."}},{"name":"--lr-flow-status-pending-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-border-strong)`) — Pending-node fill.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-border-strong)`) — Pending status-dot color.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-border-strong)`) — Pending count-dot color."}},{"name":"--lr-flow-status-running-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-brand)`) — Running-node fill.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Running status-dot color.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-brand)`) — Running count-dot color."}},{"name":"--lr-flow-status-success-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-success)`) — Successful-node fill.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-success)`) — Success status-dot color.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-success)`) — Success count-dot color."}},{"name":"--lr-focus-ring","description":{"kind":"markdown","value":"**Shared design token** — Composite focus-ring outline shorthand, derived from the width and color parts. Mirrors the ready-made outline value Web Awesome exposes as --wa-focus-ring so a migrating consumer has a one-to-one target instead of hand-expanding every site. Offset stays separate because outline-offset is its own property."}},{"name":"--lr-focus-ring-color","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for focus ring color. Reads `--lr-theme-color-focus`."}},{"name":"--lr-focus-ring-offset","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for focus ring offset. Reads `--lr-theme-focus-ring-offset`."}},{"name":"--lr-focus-ring-width","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for focus ring width. Reads `--lr-theme-focus-ring-width`."}},{"name":"--lr-font","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font. Reads `--lr-theme-font-family-body`."}},{"name":"--lr-font-mono","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font mono. Reads `--lr-theme-font-family-mono`."}},{"name":"--lr-font-size-2xl","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size 2xl. Reads `--lr-theme-font-size-2xl`."}},{"name":"--lr-font-size-2xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size 2xs. Reads `--lr-theme-font-size-2xs`."}},{"name":"--lr-font-size-3xl","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size 3xl. Reads `--lr-theme-font-size-3xl`."}},{"name":"--lr-font-size-3xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size 3xs. Reads `--lr-theme-font-size-3xs`."}},{"name":"--lr-font-size-lg","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size lg. Reads `--lr-theme-font-size-lg`."}},{"name":"--lr-font-size-m","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size m. Reads `--lr-theme-font-size-m`."}},{"name":"--lr-font-size-md-sm","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size md sm. Reads `--lr-theme-font-size-md-sm`."}},{"name":"--lr-font-size-sm","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size sm. Reads `--lr-theme-font-size-sm`."}},{"name":"--lr-font-size-xl","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size xl. Reads `--lr-theme-font-size-xl`."}},{"name":"--lr-font-size-xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size xs. Reads `--lr-theme-font-size-xs`."}},{"name":"--lr-font-weight-bold","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font weight bold. Reads `--lr-theme-font-weight-bold`."}},{"name":"--lr-font-weight-medium","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font weight medium. Reads `--lr-theme-font-weight-medium`."}},{"name":"--lr-font-weight-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font weight normal. Reads `--lr-theme-font-weight-normal`."}},{"name":"--lr-font-weight-semibold","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font weight semibold. Reads `--lr-theme-font-weight-semibold`."}},{"name":"--lr-form-control-required-color","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>`** (default: `var(--lr-color-danger)`) — Required-marker color, themeable independently of error text and invalid borders.\n\n**`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-known-date>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`, `<lr-tool-param-form>`** (default: `var(--lr-color-danger)`) — Color of that marker, retunable without touching any other danger-coloured surface.\n\n**`<lr-rubric-form>`** (default: `var(--lr-color-danger)`) — Color of that marker, independently retunable from field errors."}},{"name":"--lr-form-control-required-content","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>`** (default: `' *'`) — The required marker appended to `form-control-label` while `required` is set. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it.\n\n**`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`** (default: `' *'`) — The required-field marker rendered after the label. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here.\n\n**`<lr-known-date>`** (default: `' *'`) — The required-field marker, rendered after the `legend` box. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here.\n\n**`<lr-rubric-form>`** (default: `' *'`) — Required-field marker after rubric-owned score and unsupported-field labels. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it.\n\n**`<lr-tool-param-form>`** (default: `' *'`) — The required-field marker rendered after the `label` part of every field whose key is listed in the schema's `required` array — per field here, not per host, because this control's value is a whole object. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here."}},{"name":"--lr-form-control-required-offset","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>`** (default: `0`) — Inline space between the label text and the required marker.\n\n**`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-known-date>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`, `<lr-tool-param-form>`** (default: `0`) — Inline space between the label text and the marker.\n\n**`<lr-rubric-form>`** (default: `0`) — Inline space between the label text and marker."}},{"name":"--lr-funnel-bar-color","description":{"kind":"markdown","value":"**`<lr-funnel>`** (default: `var(--lr-color-brand)`) — Fill of every stage bar that has no own color."}},{"name":"--lr-funnel-bar-size","description":{"kind":"markdown","value":"**`<lr-funnel>`** (default: `var(--lr-size-1-5rem)`) — Thickness of a stage's track."}},{"name":"--lr-funnel-comparison-color","description":{"kind":"markdown","value":"**`<lr-funnel>`** (default: `var(--lr-color-border-strong)`) — Outline of the comparison bars."}},{"name":"--lr-funnel-track-color","description":{"kind":"markdown","value":"**`<lr-funnel>`** (default: `var(--lr-color-surface-raised)`) — Background of the bar track."}},{"name":"--lr-gauge-fill","description":{"kind":"markdown","value":"**`<lr-gauge>`** (default: `var(--lr-color-brand)`) — Fill stroke for radial, ring, and linear gauges."}},{"name":"--lr-graph-cat-1","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-1,#8250df)`) — First categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 1. Reads `--lr-theme-graph-cat-1`."}},{"name":"--lr-graph-cat-2","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-2,#bf3989)`) — Second categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 2. Reads `--lr-theme-graph-cat-2`."}},{"name":"--lr-graph-cat-3","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-3,#0a7d91)`) — Third categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 3. Reads `--lr-theme-graph-cat-3`."}},{"name":"--lr-graph-cat-4","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-4,#57606a)`) — Fourth categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 4. Reads `--lr-theme-graph-cat-4`."}},{"name":"--lr-graph-cat-5","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-5,#b083f5)`) — Fifth categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 5. Reads `--lr-theme-graph-cat-5`."}},{"name":"--lr-graph-cat-6","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-6,#f470b8)`) — Sixth categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 6. Reads `--lr-theme-graph-cat-6`."}},{"name":"--lr-graph-cat-7","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-7,#52d6e8)`) — Seventh categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 7. Reads `--lr-theme-graph-cat-7`."}},{"name":"--lr-graph-cat-8","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-8,#c9d1d9)`) — Eighth categorical fallback color for typed nodes; the palette wraps for later `nodeTypes` entries.\n\n**Shared design token** — Canonical shared component token for graph cat 8. Reads `--lr-theme-graph-cat-8`."}},{"name":"--lr-graph-dimmed-opacity","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `0.35`) — Opacity applied to a node/link when `dimmedNodeIds`/`dimmedLinkIds` includes its id (both SVG and canvas renderers). Visible by default -- a consumer controlling `dimmedNodeIds`/`dimmedLinkIds` (e.g. `lr-knowledge-graph-explorer`) sees the dimming take effect with no extra host styling."}},{"name":"--lr-graph-edge-label-halo","description":{"kind":"markdown","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":"--lr-graph-focus-halo-color","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-color-brand)`) — `focus-halo` stroke color."}},{"name":"--lr-graph-hull-fill","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-color-brand)`) — Hull fill/stroke color."}},{"name":"--lr-graph-hull-opacity","description":{"kind":"markdown","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). Applies to both SVG and canvas renderers."}},{"name":"--lr-graph-legend-hidden-color","description":{"kind":"markdown","value":"**`<lr-graph-legend>`** (default: `var(--lr-color-text-quiet)`) — Text color for a filtered-out (hidden) legend row's label/count, independent of the shared quiet-text token."}},{"name":"--lr-graph-legend-hidden-swatch-opacity","description":{"kind":"markdown","value":"**`<lr-graph-legend>`** (default: `0.5`) — Opacity of a filtered-out row's decorative swatch."}},{"name":"--lr-graph-query-builder-run-active-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** — Run button pressed background; defaults to the current brand active mix."}},{"name":"--lr-graph-query-builder-run-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-brand)`) — Run button resting background."}},{"name":"--lr-graph-query-builder-run-border-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-brand)`) — Run button resting border color."}},{"name":"--lr-graph-query-builder-run-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-on-brand)`) — Run button resting foreground."}},{"name":"--lr-graph-query-builder-run-hover-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** — Run button hover background; defaults to the current brand hover mix."}},{"name":"--lr-graph-query-builder-save-active-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** — Save button pressed background; defaults to the current quiet-brand active mix."}},{"name":"--lr-graph-query-builder-save-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-surface)`) — Save button resting background."}},{"name":"--lr-graph-query-builder-save-border-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-border)`) — Save button resting border color."}},{"name":"--lr-graph-query-builder-save-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-text)`) — Save button resting foreground."}},{"name":"--lr-graph-query-builder-save-hover-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-brand-quiet)`) — Save button hover background."}},{"name":"--lr-graph-query-builder-saved-delete-active-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-danger-quiet)`) — Saved-query delete pressed background."}},{"name":"--lr-graph-query-builder-saved-delete-active-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** — Saved-query delete pressed foreground; defaults to the current danger active mix."}},{"name":"--lr-graph-query-builder-saved-delete-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-text-quiet)`) — Saved-query delete foreground."}},{"name":"--lr-graph-query-builder-saved-delete-hover-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-danger)`) — Saved-query delete hover foreground."}},{"name":"--lr-graph-query-builder-saved-load-active-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** — Saved-query Load button pressed background; defaults to the current surface active mix."}},{"name":"--lr-graph-query-builder-saved-load-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-text)`) — Saved-query Load button foreground."}},{"name":"--lr-graph-selected-color","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-color-success)`) — Selected node/link stroke."}},{"name":"--lr-heatmap-annotation-color","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-danger)`) — Border color for an annotated cell."}},{"name":"--lr-heatmap-color-steps-gradient","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `linear-gradient(to right, var(--lr-heatmap-scale-lo), var(--lr-heatmap-scale-hi))`) — Gradient painted on the continuous legend bar. Set on the host by the component itself while `colorSteps` is supplied, and removed again when it is not; the fallback is the two-endpoint scale ramp."}},{"name":"--lr-heatmap-focus-ring-color","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-focus-ring-color)`) — Focus ring around a focused cell."}},{"name":"--lr-heatmap-grid-max-block-size","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `none`) — Block-size ceiling of the `stickyLabels` scrollport. A frozen column band only stays behind once the grid actually scrolls vertically."}},{"name":"--lr-heatmap-label-font","description":{"kind":"markdown","value":"**`<lr-heatmap>`** — Font for axis/legend labels drawn on the canvas."}},{"name":"--lr-heatmap-no-data-fill","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-no-data)`) — Fill for cells with no value."}},{"name":"--lr-heatmap-scale-hi","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-brand)`) — High endpoint of the sequential color ramp."}},{"name":"--lr-heatmap-scale-lo","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the sequential color ramp."}},{"name":"--lr-heatmap-selected-color","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-success)`) — Border color for the selected cell."}},{"name":"--lr-heatmap-sticky-label-bg","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-surface)`) — Backdrop painted under a frozen `stickyLabels` band. Must be opaque: it covers the same labels the scrolling canvas painted underneath it."}},{"name":"--lr-heatmap-tooltip-bg","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-surface)`) — Hover tooltip background."}},{"name":"--lr-heatmap-tooltip-text","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-text)`) — Hover tooltip text color."}},{"name":"--lr-highlight-layer-accent-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Accent highlight background."}},{"name":"--lr-highlight-layer-accent-outline","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Accent highlight outline."}},{"name":"--lr-highlight-layer-danger-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Danger highlight background."}},{"name":"--lr-highlight-layer-danger-outline","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Danger highlight outline."}},{"name":"--lr-highlight-layer-flash-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Flash-state background."}},{"name":"--lr-highlight-layer-neutral-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Neutral highlight background."}},{"name":"--lr-highlight-layer-neutral-outline","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Neutral highlight outline."}},{"name":"--lr-highlight-layer-success-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Success highlight background."}},{"name":"--lr-highlight-layer-success-outline","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Success highlight outline."}},{"name":"--lr-highlight-layer-warning-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Warning highlight background."}},{"name":"--lr-highlight-layer-warning-outline","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Warning highlight outline."}},{"name":"--lr-hover-brightness","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for hover brightness. Reads `--lr-theme-hover-brightness`."}},{"name":"--lr-html-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-html-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-icon-button-background","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `transparent`) — Background fill of the native button."}},{"name":"--lr-icon-button-background-active","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background fill while pressed: the same mix at the stronger `--lr-color-mix-active` share, so the pressed state is visibly more than the hover."}},{"name":"--lr-icon-button-background-hover","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Background fill on hover. Before 8.0.0 this fell back to `var(--lr-color-surface)` — the page background — so on a default page a hovered icon button painted itself the colour it was already sitting on and showed no hover at all."}},{"name":"--lr-icon-button-border","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `0`) — Complete border shorthand of the native button."}},{"name":"--lr-icon-button-border-active","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `var(--lr-icon-button-border-hover, var(--lr-icon-button-border, 0))`) — Complete border shorthand while pressed; falls through to the hover border when only that is set."}},{"name":"--lr-icon-button-border-hover","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `var(--lr-icon-button-border, 0)`) — Complete border shorthand on hover."}},{"name":"--lr-icon-button-color","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `inherit`) — Icon/text color of the native button."}},{"name":"--lr-icon-button-color-active","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `var(--lr-icon-button-color-hover, var(--lr-icon-button-color, inherit))`) — Icon/text color while pressed; falls through to the hover colour when only that is set."}},{"name":"--lr-icon-button-color-hover","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `var(--lr-icon-button-color, inherit)`) — Icon/text color on hover."}},{"name":"--lr-icon-button-radius","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `var(--lr-radius)`) — Corner radius of the native button."}},{"name":"--lr-icon-button-size","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `2.5rem`) — Minimum tappable inline and block size of the native button — a **floor**, not a fixed size: content larger than it grows the button and keeps its own aspect ratio, while a small glyph pads out to it. A library-wide token (declared on `:root` by `tokens.styles.ts`, and the shared minimum tappable size several other components size their icon controls against), so overriding it globally resizes all of them together.\n\n**Shared design token** — Canonical shared component token for icon button size. Reads `--lr-theme-icon-button-size`."}},{"name":"--lr-icon-fixed-width","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `var(--lr-size-1-5em)`) — Inline size of the box while `fixed-width` is set; the glyph keeps `--lr-icon-size` and centers inside it."}},{"name":"--lr-icon-flip-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Horizontal scale factor, set to `-1` by `flip`."}},{"name":"--lr-icon-flip-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Vertical scale factor, set to `-1` by `flip`."}},{"name":"--lr-icon-rotate","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0deg`) — Rotation applied to the box. Written inline from the `rotate` property, so set that rather than this property."}},{"name":"--lr-icon-size","description":{"kind":"markdown","value":"**`<lr-icon>`** — Optional inline and block size override for every canvas."}},{"name":"--lr-image-comparer-divider-width","description":{"kind":"markdown","value":"**`<lr-image-comparer>`** (default: `var(--divider-width, var(--lr-size-1px))`) — Width of the dividing line. The canonical, namespaced override; prefer it over the bare compat name, which inherits and so retunes every element in the subtree reading that generic name."}},{"name":"--lr-image-comparer-handle-size","description":{"kind":"markdown","value":"**`<lr-image-comparer>`** (default: `var(--handle-size, var(--lr-icon-button-size))`) — Inline and block size of the visible compare handle. Canonical, namespaced override."}},{"name":"--lr-image-viewer-annotate-active-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Background of `[part=\"annotate-toggle\"]` while annotation mode is on. The toggle carries its own glyph in `--lr-color-text`, so keep a 4.5:1 ratio against it."}},{"name":"--lr-image-viewer-annotate-active-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Border color of `[part=\"annotate-toggle\"]` while annotation mode is on."}},{"name":"--lr-image-viewer-highlight-active-border-width","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-border-width-thick)`) — Border width of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-active-color","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"highlight\"]` matching `activeHighlightId`, independent of the per-tone border colors."}},{"name":"--lr-image-viewer-highlight-active-outline-offset","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-focus-ring-offset)`) — Outline offset of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-active-outline-width","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-focus-ring-width)`) — Outline width of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `color-mix(in srgb, var(--lr-color-brand) 20%, transparent)`) — Default highlight fill."}},{"name":"--lr-image-viewer-highlight-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Default highlight border."}},{"name":"--lr-image-viewer-highlight-danger-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Danger-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-danger-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Danger-tone highlight border."}},{"name":"--lr-image-viewer-highlight-fill","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — The resting fill a `[part=\"highlight\"]` actually renders, resolved per tone from the `--lr-image-viewer-highlight-*-bg` knobs above. Its hover and pressed states are colour mixes taken from this value, so setting it directly retints all three at once for one highlight; retint a whole tone through the `-bg` knob instead."}},{"name":"--lr-image-viewer-highlight-neutral-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Neutral-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-neutral-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Neutral-tone highlight border."}},{"name":"--lr-image-viewer-highlight-success-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Success-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-success-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Success-tone highlight border."}},{"name":"--lr-image-viewer-highlight-warning-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Warning-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-warning-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Warning-tone highlight border."}},{"name":"--lr-ingestion-queue-max-height","description":{"kind":"markdown","value":"**`<lr-ingestion-queue>`** (default: `none`) — Non-virtualized mode only: caps how tall the list grows before it scrolls internally. Has no effect once virtualized -- the internal `<lr-virtual-list>`'s own viewport keeps its independent, fixed default height (retheme it directly via `<lr-ingestion-queue>`'s own `lr-virtual-list { --lr-virtual-list-height: ... }` if needed)."}},{"name":"--lr-inline-cursor-height","description":{"kind":"markdown","value":"**`<lr-streaming-text>`** (default: `var(--lr-size-1em)`) — Shared height of the inline cursor bar.\n\n**`<lr-typing-indicator>`** (default: `var(--lr-size-1em)`) — Shared inline-cursor height."}},{"name":"--lr-inline-cursor-width","description":{"kind":"markdown","value":"**`<lr-streaming-text>`** (default: `var(--lr-size-0-125rem)`) — Shared width of the inline cursor bar (also its border radius).\n\n**`<lr-typing-indicator>`** (default: `var(--lr-size-0-125rem)`) — Shared inline-cursor width. The `size` property supplies compact and roomy tier fallbacks."}},{"name":"--lr-input-action-active-bg","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `color-mix(in oklab,var(--lr-color-surface),var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed action background. The same hooks apply to `lr-number-input`'s stepper pair."}},{"name":"--lr-input-action-active-color","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-input-action-hover-color,var(--lr-color-text))`) — Pressed action color."}},{"name":"--lr-input-action-color","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-text-quiet)`) — Resting clear/password/number- stepper action color."}},{"name":"--lr-input-action-hover-color","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-text)`) — Hovered action color."}},{"name":"--lr-input-border-color","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-border)`) — Border color of the control row, with a private default that changes per `appearance` in the same way as `--lr-input-fill`."}},{"name":"--lr-input-control-height","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** — Exact outer control height. Unset by default, which leaves `--lr-input-control-min-height` as a floor only; set it to a length to both floor and cap the control row (e.g. to pixel-match `<lr-select>`/`<lr-combobox>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-input-control-min-height","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-form-control-height)`) — Outer control height floor, taken from the active `size` tier of the shared form-control ladder (`internal/sizes.styles.ts`), so an input is exactly as tall as an `<lr-button>`/`<lr-select>` of the same tier."}},{"name":"--lr-input-fill","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `transparent`) — Background of the control row. Its private default changes per `appearance`; the public value remains authoritative in every appearance."}},{"name":"--lr-input-focus-border-color","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-brand)`) — Control-row border color while focus is within the field."}},{"name":"--lr-input-font-size","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-form-control-font-size)`) — Font size of the native input, from the active `size` tier."}},{"name":"--lr-input-gap","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-space-xs)`) — Gap between the start/end adornments and the native input in the control row. Unlike the size knobs above it does not vary by `size` tier. Override it to retune without a `::part(input-wrapper)` rule."}},{"name":"--lr-input-padding-block","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-form-control-padding-block)`) — Block padding of the native input, from the active `size` tier of the shared ladder."}},{"name":"--lr-input-padding-inline","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-form-control-padding-inline)`) — Inline padding of the control row, from the active `size` tier."}},{"name":"--lr-input-radius","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-form-control-radius)`) — Corner radius of the control row, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius). `pill` swaps it to `--lr-radius-pill`."}},{"name":"--lr-input-time-picker-active-bg","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-brand)`) — Pressed background for the browser-native time-picker indicator when `type=\"time\"`."}},{"name":"--lr-input-time-picker-focus-bg","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-brand-quiet)`) — Focus-visible background for the native time-picker indicator."}},{"name":"--lr-input-time-picker-focus-ring","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-focus-ring-color)`) — Focus-visible outline color for the native time-picker indicator."}},{"name":"--lr-input-time-picker-hover-bg","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-brand-quiet)`) — Hover background for the browser-native time-picker indicator when `type=\"time\"`."}},{"name":"--lr-json-viewer-active-outline","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-focus-ring-color)`) — Outline color for the current imperative search match."}},{"name":"--lr-json-viewer-boolean-color","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-warning)`) — Boolean value color."}},{"name":"--lr-json-viewer-font","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-font-mono)`) — Font family used for the rendered tree."}},{"name":"--lr-json-viewer-match-bg","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Background (and surrounding box-shadow) of a key/value that currently matches `search`."}},{"name":"--lr-json-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `none`) — Cap on `[part=\"base\"]`'s block size, past which the viewer scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-json-viewer-null-color","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-text-quiet)`) — Null, undefined, and circular-reference marker color."}},{"name":"--lr-json-viewer-number-color","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-brand)`) — Number value color."}},{"name":"--lr-json-viewer-row-hover-bg","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Hover background for a structural row."}},{"name":"--lr-json-viewer-string-color","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-success)`) — String value color."}},{"name":"--lr-knowledge-base-admin-tab-selected-border","description":{"kind":"markdown","value":"**`<lr-knowledge-base-admin>`** (default: `var(--lr-color-brand)`) — Bottom border color of the selected `[part=\"tab\"]`."}},{"name":"--lr-knowledge-base-admin-tab-selected-color","description":{"kind":"markdown","value":"**`<lr-knowledge-base-admin>`** (default: `var(--lr-color-text)`) — Text color of the selected `[part=\"tab\"]`. `::part(tab)[aria-selected='true']` is invalid CSS, so this pair is the only way to restyle the active tab without re-pointing the shared brand/text tokens."}},{"name":"--lr-known-date-day-field-width","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-size-3-5em)`) — Inline size of the day field."}},{"name":"--lr-known-date-field-font-size","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-form-control-font-size)`) — Font size of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-field-gap","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-space-s)`) — Gap between the three field blocks."}},{"name":"--lr-known-date-field-height","description":{"kind":"markdown","value":"**`<lr-known-date>`** — Exact block size of each `field-input`. Undeclared by default, so the field grows to fit its content, floored by `--lr-known-date-field-min-height`. Set it to pin a fixed height."}},{"name":"--lr-known-date-field-min-height","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `max(var(--lr-form-control-height),var(--lr-size-24px))`) — Minimum block size of each `field-input`; its private default follows `size` (`2xs`/`xs`→`24px`, `s`→`1.875rem`, `m`→`2.5rem`, `l`→`3rem`, `xl`→`3.5rem`) -- the same shared control-height ladder `lr-input`/`lr-date-input` sit on, so a birthdate field in a form row beside those controls renders at the same height. The `max()` floors the two smallest tiers at WCAG 2.2 SC 2.5.8's 24px pointer-target minimum. At the small tiers the floor exceeds the field's own content height and actively pins the rendered box; at `l`/`xl` the content height stays under it, so those two tiers are unaffected. An inherited or direct public value wins in every tier."}},{"name":"--lr-known-date-field-padding-block","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-form-control-padding-block)`) — Block padding of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-field-padding-inline","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-form-control-padding-inline)`) — Inline padding of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-color-danger)`) — Border color of each `field-input` while `:host([data-invalid])` is set."}},{"name":"--lr-known-date-month-field-width","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-size-3-5em)`) — Inline size of the month field."}},{"name":"--lr-known-date-year-field-width","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-size-5em)`) — Inline size of the year field."}},{"name":"--lr-layer-base","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer base. Reads `--lr-theme-z-index-base`."}},{"name":"--lr-layer-content","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer content. Reads `--lr-theme-z-index-content`."}},{"name":"--lr-layer-dropdown","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer dropdown. Reads `--lr-theme-z-index-dropdown`."}},{"name":"--lr-layer-modal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer modal. Reads `--lr-theme-z-index-modal`."}},{"name":"--lr-layer-popover","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer popover. Reads `--lr-theme-z-index-popover`."}},{"name":"--lr-layer-toast","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer toast. Reads `--lr-theme-z-index-toast`."}},{"name":"--lr-lightbox-control-bg","description":{"kind":"markdown","value":"**`<lr-lightbox>`** — Background for every floating/toolbar icon button."}},{"name":"--lr-lightbox-control-color","description":{"kind":"markdown","value":"**`<lr-lightbox>`** — Icon/text color paired with `--lr-lightbox-control-bg`."}},{"name":"--lr-lightbox-overlay-color","description":{"kind":"markdown","value":"**`<lr-lightbox>`** — The backdrop scrim color."}},{"name":"--lr-line-height-1-4","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height 1 4. Reads `--lr-theme-line-height-1-4`."}},{"name":"--lr-line-height-compact","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height compact. Reads `--lr-theme-line-height-compact`."}},{"name":"--lr-line-height-loose","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height loose. Reads `--lr-theme-line-height-loose`."}},{"name":"--lr-line-height-none","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height none. Reads `--lr-theme-line-height-none`."}},{"name":"--lr-line-height-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height normal. Reads `--lr-theme-line-height-normal`."}},{"name":"--lr-line-height-snug","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height snug. Reads `--lr-theme-line-height-snug`."}},{"name":"--lr-link-color","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-color-border)`) — Default link stroke, overridden per-link by a link's own `color`."}},{"name":"--lr-lite-chart-data-table-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-lite-chart-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-lite-chart-selected-outline-color","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-brand)`) — Stroke for a bar/point whose category index is in `selectedIndices`."}},{"name":"--lr-lite-chart-selected-outline-width","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-size-2px)`) — Stroke width for a bar/point whose category index is in `selectedIndices`."}},{"name":"--lr-locale-picker-expand-size","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-locale-picker-font-size","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-form-control-font-size)`) — Trigger font size, from the shared form-control size ladder."}},{"name":"--lr-locale-picker-gap","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-space-xs)`) — Trigger and option child gap."}},{"name":"--lr-locale-picker-open-border-color","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-locale-picker-option-active-bg","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-locale-picker-option-selected-border-color","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-color-brand)`) — Selected option border."}},{"name":"--lr-locale-picker-option-selected-color","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-color-brand)`) — Selected option text."}},{"name":"--lr-locale-picker-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-font-weight-semibold)`) — Selected option font weight."}},{"name":"--lr-locale-picker-radius","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-radius)`) — Trigger/listbox/option corner radius."}},{"name":"--lr-locale-picker-trigger-height","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** — Exact trigger height. Unset by default (a floor only via `-trigger-min-height`); set a length to both floor and cap the trigger, e.g. to pixel-match a sibling field in the same toolbar row."}},{"name":"--lr-locale-picker-trigger-hover-bg","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-color-brand-quiet)`) — Trigger hover background."}},{"name":"--lr-locale-picker-trigger-min-height","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-form-control-height)`) — Trigger block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-*` moves this control and every sibling field together."}},{"name":"--lr-locale-picker-trigger-padding","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** — Trigger padding shorthand, scaled by `size`."}},{"name":"--lr-map-choropleth-fill-opacity","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `0.75`) — Fill opacity for choropleth and polygon `dataLayers` fills. Read from the resolved cascade whenever those layers are applied or painted after a theme change."}},{"name":"--lr-map-height","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `var(--lr-size-24rem)`) — Default host block size, shared with the pre-upgrade reservation stylesheet. An explicit outer `block-size` still wins."}},{"name":"--lr-map-popup-close-button-active-bg","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of `popup-close-button`."}},{"name":"--lr-map-popup-close-button-active-color","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `var(--lr-color-brand)`) — Pressed foreground of `popup-close-button`. No style or tile provider is selected implicitly. Set `mapStyle` explicitly before connection; this prevents a bare component from making an undeclared third-party request."}},{"name":"--lr-map-popup-close-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of `popup-close-button`."}},{"name":"--lr-map-popup-close-button-hover-color","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `var(--lr-color-brand)`) — Hover foreground of `popup-close-button`."}},{"name":"--lr-markdown-font-mono","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-font-mono)`) — Monospace family for rendered `<code>` inside `content`."}},{"name":"--lr-markdown-highlight-accent-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-brand-quiet)`) — Accent highlight fill."}},{"name":"--lr-markdown-highlight-active-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-brand-quiet)`) — Active highlight fill."}},{"name":"--lr-markdown-highlight-active-outline-color","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-brand)`) — Active highlight outline."}},{"name":"--lr-markdown-highlight-danger-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-danger-quiet)`) — Danger highlight fill."}},{"name":"--lr-markdown-highlight-neutral-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-surface)`) — Neutral highlight fill."}},{"name":"--lr-markdown-highlight-success-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-success-quiet)`) — Success highlight fill."}},{"name":"--lr-markdown-highlight-warning-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-warning-quiet)`) — Warning highlight fill."}},{"name":"--lr-mask-opaque","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for mask opaque."}},{"name":"--lr-media-card-active-bg","description":{"kind":"markdown","value":"**`<lr-media-card>`** (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background color for image/file card actions. **Chrome escape hatch.** `frame=\"plain\"` drops `[part=\"base\"]`'s border, background, padding, and corner radius — for a dense list/feed of cards (this component's own documented primary use case) where the surrounding container already provides its own separation, so cards don't double up on chrome. `frame` is the library-wide name for this container treatment."}},{"name":"--lr-media-card-active-border-color","description":{"kind":"markdown","value":"**`<lr-media-card>`** (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed border color for image/file card actions."}},{"name":"--lr-media-card-max-height","description":{"kind":"markdown","value":"**`<lr-media-card>`** (default: `var(--lr-size-20rem)`) — Cap on the block size of the `<img>`/`<video>` in `[part=\"media\"]`."}},{"name":"--lr-memory-panel-confidence-danger-color","description":{"kind":"markdown","value":"**`<lr-memory-panel>`** (default: `var(--lr-color-danger)`) — Text color for a low-confidence item's confidence indicator."}},{"name":"--lr-memory-panel-confidence-success-color","description":{"kind":"markdown","value":"**`<lr-memory-panel>`** (default: `var(--lr-color-success)`) — Text color for a high-confidence item's confidence indicator."}},{"name":"--lr-memory-panel-confidence-warning-color","description":{"kind":"markdown","value":"**`<lr-memory-panel>`** (default: `var(--lr-color-warning)`) — Text color for a medium-confidence item's confidence indicator."}},{"name":"--lr-mention-popover-option-active-bg","description":{"kind":"markdown","value":"**`<lr-mention-popover>`** (default: `var(--lr-color-brand-quiet)`) — Background of the hovered or `[data-active]` (keyboard-highlighted) suggestion row."}},{"name":"--lr-menu-item-danger-active-bg","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `color-mix(in oklab, var(--lr-color-danger-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of an enabled danger row while pressed."}},{"name":"--lr-menu-item-danger-color","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `var(--lr-color-danger)`) — Foreground of a `variant=\"danger\"` row."}},{"name":"--lr-menu-item-danger-hover-bg","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `var(--lr-color-danger-quiet)`) — Background of an enabled danger row while hovered."}},{"name":"--lr-menu-item-gap","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `var(--lr-space-xs)`) — Gap between the visual parts of `[part=\"base\"]`, including its leading content, label, trailing details, and state glyphs. Declared as an inline `var()` fallback (never on `:host`), so an item or any ancestor can retune it without a `::part(base)` rule. It is constant across the shared size ladder."}},{"name":"--lr-menu-item-radius","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `var(--lr-form-control-radius)`) — Corner radius of the visual row and focusable host. Its fallback follows the active shared size tier. Declared as an inline `var()` fallback (never on `:host`), so an item or any ancestor can retune it without a `::part(base)` rule. Danger-state hooks are also inline fallbacks, so a menu can retheme only its dangerous rows without replacing the shared danger palette elsewhere."}},{"name":"--lr-message-feedback-down-active-bg","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-danger-quiet)`) — Background of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-down-active-border","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-danger)`) — Border color of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-down-active-color","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-danger)`) — Glyph color of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-up-active-bg","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-success-quiet)`) — Background of the pressed thumbs-up button."}},{"name":"--lr-message-feedback-up-active-border","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-success)`) — Border color of the pressed thumbs-up button."}},{"name":"--lr-message-feedback-up-active-color","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-success)`) — Glyph color of the pressed thumbs-up button. Not declared on `:host`, so it can be set on the element or any ancestor; scoped to the pressed state, unlike overriding the shared `--lr-color-success`."}},{"name":"--lr-message-parts-audio-transcript-color","description":{"kind":"markdown","value":"**`<lr-message-parts>`** (default: `var(--lr-color-text-quiet)`) — Text color of an audio transcript."}},{"name":"--lr-message-parts-error-background","description":{"kind":"markdown","value":"**`<lr-message-parts>`** (default: `var(--lr-color-danger-quiet)`) — Background color of an error part."}},{"name":"--lr-message-parts-error-border-color","description":{"kind":"markdown","value":"**`<lr-message-parts>`** (default: `var(--lr-color-danger)`) — Border color of an error part."}},{"name":"--lr-message-parts-error-color","description":{"kind":"markdown","value":"**`<lr-message-parts>`** (default: `var(--lr-color-danger)`) — Text color of an error part."}},{"name":"--lr-message-parts-streaming-color","description":{"kind":"markdown","value":"**`<lr-message-parts>`** (default: `var(--lr-color-text-quiet)`) — Text color of a streaming part wrapper."}},{"name":"--lr-mind-map-node-hover-halo","description":{"kind":"markdown","value":"**`<lr-mind-map>`** (default: `var(--lr-color-brand-quiet)`) — Stroke color of the hover halo drawn around a topic node's dot, giving mouse users the same \"this is clickable\" feedback keyboard users get from the drawn focus ring."}},{"name":"--lr-mind-map-ring-gap","description":{"kind":"markdown","value":"**`<lr-mind-map>`** (default: `6rem`) — Radius step per depth ring."}},{"name":"--lr-model-select-expand-size","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-size-1-75rem)`) — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-model-select-font-size","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-form-control-font-size)`) — Trigger/combobox font size, scaled by `size` off the shared control ladder."}},{"name":"--lr-model-select-gap","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-space-xs)`) — Trigger, combobox, and option child gap."}},{"name":"--lr-model-select-open-border-color","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-model-select-option-active-bg","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-model-select-option-selected-bg","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."}},{"name":"--lr-model-select-option-selected-border","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-model-select-option-selected-color","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-model-select-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-model-select-option-synthetic-border-color","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-color-border)`) — Border color of a synthetic stale-value option row."}},{"name":"--lr-model-select-option-synthetic-border-style","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `dashed`) — Border style of a synthetic stale-value option row."}},{"name":"--lr-model-select-radius","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-radius)`) — Trigger, combobox, listbox, and option corner radius."}},{"name":"--lr-model-select-trigger-min-height","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-form-control-height)`) — Trigger/combobox block-size floor, scaled by `size` off the shared control ladder."}},{"name":"--lr-model-select-trigger-padding","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)`) — Trigger/combobox padding shorthand, scaled by `size` off the shared control ladder."}},{"name":"--lr-multi-split-divider-target-size","description":{"kind":"markdown","value":"**`<lr-multi-split>`** (default: `max(var(--lr-icon-button-size),var(--lr-size-3px))`) — The real layout gutter reserved for each divider along the resize axis. The narrow visual rule is centered inside this owned track, so the target never overlaps either adjacent panel."}},{"name":"--lr-multi-split-overlay-color","description":{"kind":"markdown","value":"**`<lr-multi-split>`** (default: `var(--lr-color-overlay)`) — The `'floating'` drawer scrim's color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-node-fill","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-color-brand)`) — Default node fill, overridden per-node by `LyraGraphNode.color`."}},{"name":"--lr-notebook-viewer-active-bg","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cell\"]` currently targeted by an anchor or the active search match."}},{"name":"--lr-notebook-viewer-highlight-accent-background","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Background of an `accent`-tone (the default) highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-active-outline","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-focus-ring-color)`) — Outline of the highlighted cell whose highlight `id` equals `activeHighlightId`."}},{"name":"--lr-notebook-viewer-highlight-danger-background","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-danger-quiet)`) — Background of a `danger`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-surface-raised)`) — Background of a `neutral`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-success-background","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-success-quiet)`) — Background of a `success`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-warning-background","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Background of a `warning`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-max-height","description":{"kind":"markdown","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":"--lr-opacity-disabled","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for opacity disabled. Reads `--lr-theme-opacity-disabled`."}},{"name":"--lr-opacity-muted","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for opacity muted. Reads `--lr-theme-opacity-muted`."}},{"name":"--lr-option-active-bg","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `color-mix(in oklab, var(--lr-option-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background."}},{"name":"--lr-option-checked-icon-color","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--lr-color-brand)`) — Selected checkmark color."}},{"name":"--lr-option-current-bg","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--lr-color-brand-quiet)`) — Keyboard-current background."}},{"name":"--lr-option-current-color","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--current-text-color, var(--lr-color-text))`) — Keyboard-current text color; the upstream `--current-text-color` remains its fallback."}},{"name":"--lr-option-hover-bg","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--lr-color-brand-quiet)`) — Hover background."}},{"name":"--lr-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--lr-font-weight-semibold)`) — Selected label weight."}},{"name":"--lr-otp-input-active-border-color","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-focus-ring-color)`) — Active segment border."}},{"name":"--lr-otp-input-active-ring-color","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-focus-ring-color)`) — Active segment outer ring."}},{"name":"--lr-otp-input-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-color-danger)`) — Invalid segment border."}},{"name":"--lr-otp-input-mask-char","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `'•'`) — The glyph shown for a masked character, and for every empty segment while `with-mask` is set. Must be a quoted string, because it is used as CSS `content`."}},{"name":"--lr-otp-input-segment-border-color","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-color-border)`) — Border color of each segment."}},{"name":"--lr-otp-input-segment-fill","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `transparent`) — Background fill of each segment."}},{"name":"--lr-otp-input-segment-radius","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-form-control-radius,var(--lr-radius))`) — Corner radius of each segment."}},{"name":"--lr-otp-input-segment-size","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-theme-otp-input-segment-size,2.5em)`) — Internal role token supplying the standalone segment size when `--segment-size` is unset.\n\n**Shared design token** — Canonical shared component token for otp input segment size. Reads `--lr-theme-otp-input-segment-size`."}},{"name":"--lr-overlay-arrow-size","description":{"kind":"markdown","value":"**`<lr-dropdown>`** — Retained Lyra arrow-size fallback.\n\n**`<lr-popover>`** — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-overlay-max-inline-size","description":{"kind":"markdown","value":"**`<lr-dropdown>`** — Maximum inline size of the popup.\n\n**`<lr-popover>`** — Retained Lyra fallback for `--max-width`."}},{"name":"--lr-page-aside-width","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `auto`) — Desktop aside column width."}},{"name":"--lr-page-banner-height","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `0px`) — Minimum banner height and sticky offset."}},{"name":"--lr-page-header-height","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `0px`) — Minimum header height and sticky offset."}},{"name":"--lr-page-main-width","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `1fr`) — Desktop main column width."}},{"name":"--lr-page-menu-width","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `auto`) — Desktop menu column width."}},{"name":"--lr-page-navigation-backdrop-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-overlay)`) — Background of the open mobile navigation backdrop."}},{"name":"--lr-page-navigation-drawer-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-surface-overlay)`) — Background of the mobile navigation drawer."}},{"name":"--lr-page-navigation-drawer-shadow","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-shadow-l)`) — Shadow of the mobile navigation drawer."}},{"name":"--lr-page-navigation-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-active-color","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand)`) — Text color of a pressed default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-hover-color","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand)`) — Text color of a hovered default or slotted navigation toggle."}},{"name":"--lr-page-rail-current-bg","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"page-current\"]` button for the current `page`."}},{"name":"--lr-page-rail-heat-accent-color","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-brand)`) — Background of an accent-tone (the default tone) `[part=\"heat-dot\"]` marker."}},{"name":"--lr-page-rail-heat-danger-color","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-danger)`) — Background of a danger-tone `[part=\"heat-dot-danger\"]` marker."}},{"name":"--lr-page-rail-heat-neutral-color","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-text-quiet)`) — Background of a neutral-tone `[part=\"heat-dot-neutral\"]` marker."}},{"name":"--lr-page-rail-heat-success-color","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-success)`) — Background of a success-tone `[part=\"heat-dot-success\"]` marker."}},{"name":"--lr-page-rail-heat-warning-color","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-warning)`) — Background of a warning-tone `[part=\"heat-dot-warning\"]` marker."}},{"name":"--lr-page-rail-height","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized rail."}},{"name":"--lr-page-skip-to-content-active-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of the pressed skip link."}},{"name":"--lr-page-skip-to-content-active-color","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand)`) — Text color of the pressed skip link."}},{"name":"--lr-page-skip-to-content-hover-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand-quiet)`) — Background of the hovered skip link."}},{"name":"--lr-page-skip-to-content-hover-color","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand)`) — Text color of the hovered skip link."}},{"name":"--lr-page-subheader-height","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `0px`) — Minimum subheader height and sticky offset. Interaction-state properties below are resolved as inline fallbacks, so setting one on the Page or any ancestor themes only its named target without replacing shared design tokens."}},{"name":"--lr-pagination-active-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Ordinary control pressed background; defaults to the current quiet-brand active mix."}},{"name":"--lr-pagination-active-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-brand)`) — Ordinary control pressed border color."}},{"name":"--lr-pagination-base-gap","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-space-m)`) — Gap between the summary and controls."}},{"name":"--lr-pagination-control-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Resting background of every control; defaults from the `appearance` variant."}},{"name":"--lr-pagination-control-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Resting border color of every control; defaults from the `appearance` variant."}},{"name":"--lr-pagination-control-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-text)`) — Resting control foreground."}},{"name":"--lr-pagination-control-padding","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-space-xs)`) — Inner padding of the nav buttons and the page input. Uniform across every `size` (the control footprint is fixed by `--lr-pagination-control-size`, so this only adjusts the icon/digit inset)."}},{"name":"--lr-pagination-control-radius","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-radius)`) — Border radius of navigation buttons and the page input."}},{"name":"--lr-pagination-control-size","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Control inline/block size; defaults from the `size` variant."}},{"name":"--lr-pagination-controls-gap","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-space-xs)`) — Gap between the navigation controls and the numbered-page list or compact page field."}},{"name":"--lr-pagination-current-active-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Current-page pressed background; defaults to the current brand active mix."}},{"name":"--lr-pagination-current-active-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `transparent`) — Current-page pressed border color."}},{"name":"--lr-pagination-current-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-brand)`) — Current-page background."}},{"name":"--lr-pagination-current-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `transparent`) — Current-page border color."}},{"name":"--lr-pagination-current-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-on-brand)`) — Current-page foreground."}},{"name":"--lr-pagination-current-hover-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-brand)`) — Current-page hover background."}},{"name":"--lr-pagination-current-hover-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `transparent`) — Current-page hover border color."}},{"name":"--lr-pagination-font-size","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Control font size; defaults from the `size` variant."}},{"name":"--lr-pagination-hover-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-brand-quiet)`) — Ordinary control hover background."}},{"name":"--lr-pagination-hover-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-brand)`) — Ordinary control hover border color."}},{"name":"--lr-pagination-invalid-border","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-danger)`) — Border color of `[part=\"page-input\"]` while the typed page is out of range (`aria-invalid=\"true\"`)."}},{"name":"--lr-pagination-pages-gap","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-space-xs)`) — Gap between numbered page controls."}},{"name":"--lr-pan-zoom-min-block-size","description":{"kind":"markdown","value":"**`<lr-pan-zoom>`** (default: `var(--lr-size-10rem)`) — Minimum viewport block size."}},{"name":"--lr-pan-zoom-zoom","description":{"kind":"markdown","value":"**`<lr-pan-zoom>`** (default: `1`) — Read-only scale written from `zoom`; set the property instead."}},{"name":"--lr-pdf-viewer-height","description":{"kind":"markdown","value":"**`<lr-pdf-viewer>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized page list."}},{"name":"--lr-pdf-viewer-search-match-active-bg","description":{"kind":"markdown","value":"**`<lr-pdf-viewer>`** (default: `var(--lr-color-warning)`) — Background of the currently active search match."}},{"name":"--lr-pdf-viewer-search-match-bg","description":{"kind":"markdown","value":"**`<lr-pdf-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Background of a painted, non-active search match."}},{"name":"--lr-pdf-viewer-toolbar-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-pdf-viewer>`** (default: `var(--lr-color-surface)`) — Hover fill of the toolbar buttons. Defaults to the surface fill rather than the toolbar's own tint so the hover state is actually visible against it. Also settable via the `max-height` property."}},{"name":"--lr-phone-input-control-height","description":{"kind":"markdown","value":"**`<lr-phone-input>`** — Exact input-wrapper height. Unset by default, which leaves `--lr-phone-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match a sibling field in the same toolbar row). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-phone-input-control-min-height","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-form-control-height)`) — Input-wrapper block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-*` moves this control and every sibling field together."}},{"name":"--lr-phone-input-country-hover-bg","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-color-brand-quiet)`) — Country trigger hover background."}},{"name":"--lr-phone-input-flag-size","description":{"kind":"markdown","value":"**`<lr-phone-input>`** — Selected flag size, scaled by `size`."}},{"name":"--lr-phone-input-focus-border-color","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-phone-input-font-size","description":{"kind":"markdown","value":"**`<lr-phone-input>`** — Input/flag/country-code/calling-code font size, scaled by `size`."}},{"name":"--lr-phone-input-gap","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-space-xs)`) — Country-trigger child gap."}},{"name":"--lr-phone-input-glyph-size","description":{"kind":"markdown","value":"**`<lr-phone-input>`** — Country selector glyph size, scaled by `size`."}},{"name":"--lr-phone-input-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-color-danger)`) — Invalid row border color."}},{"name":"--lr-phone-input-padding-block","description":{"kind":"markdown","value":"**`<lr-phone-input>`** — Input block-padding, scaled by `size` through the shared form-control ladder."}},{"name":"--lr-phone-input-radius","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-radius)`) — Input-wrapper corner radius, shared with the country trigger's leading corners. The `pill` attribute swaps it for `--lr-radius-pill`."}},{"name":"--lr-policy-summary-count-allow-color","description":{"kind":"markdown","value":"**`<lr-policy-summary>`** (default: `var(--lr-color-success)`) — Text color of the `allow` count."}},{"name":"--lr-policy-summary-count-deny-color","description":{"kind":"markdown","value":"**`<lr-policy-summary>`** (default: `var(--lr-color-danger)`) — Text color of the `deny` count."}},{"name":"--lr-policy-summary-count-needs-review-color","description":{"kind":"markdown","value":"**`<lr-policy-summary>`** (default: `var(--lr-color-warning)`) — Text color of the `needs-review` count. Restyling a state count otherwise requires overriding the library-wide status tokens, since `::part(count)[data-state]` is invalid CSS."}},{"name":"--lr-poll-status-due-bg","description":{"kind":"markdown","value":"**`<lr-poll-status>`** (default: `var(--lr-color-success)`) — Background of `indicator` while `data-due` is set, without repainting every other component that reuses the shared success token."}},{"name":"--lr-popover-viewport-clamp","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for popover viewport clamp. Reads `--lr-theme-popover-viewport-clamp`."}},{"name":"--lr-popup-arrow-size","description":{"kind":"markdown","value":"**`<lr-popup>`** — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-pptx-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-pptx-viewer>`** (default: `none`) — Maximum block size of the scrollable renderer output container before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-progress-duration","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-transition-ambient)`) — Indeterminate sweep timing.\n\n**`<lr-progress-ring>`** (default: `var(--lr-transition-ambient)`) — Indeterminate rotation timing."}},{"name":"--lr-progress-indicator-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-indicator-variant-color)`) — Indicator color, overriding the variant palette below."}},{"name":"--lr-progress-indicator-variant-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-color-fill-loud,var(--lr-color-brand))`) — Palette slot: the active `variant`'s loud fill from the shared semantic grid. Feeds `--lr-progress-indicator-color` above unless that (or the upstream `--indicator-color` alias) is itself set."}},{"name":"--lr-progress-label-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-color-text)`) — Label color."}},{"name":"--lr-progress-ring-indicator-color","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-indicator-variant-color)`) — Indicator stroke color, overriding the variant palette below."}},{"name":"--lr-progress-ring-indicator-transition-duration","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-transition-base)`) — Determinate indicator transition."}},{"name":"--lr-progress-ring-indicator-variant-color","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-color-fill-loud,var(--lr-color-brand))`) — Palette slot: the active `variant`'s loud fill from the shared semantic grid. Feeds `--lr-progress-ring-indicator-color` above unless that (or the upstream `--indicator-color` alias) is itself set."}},{"name":"--lr-progress-ring-indicator-width","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-track-width)`) — Indicator stroke width."}},{"name":"--lr-progress-ring-size","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-size-2-5rem)`) — Outer diameter of the ring."}},{"name":"--lr-progress-ring-track-color","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-color-brand-quiet)`) — Track stroke color."}},{"name":"--lr-progress-ring-track-width","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-size-4px)`) — Track stroke width."}},{"name":"--lr-progress-track-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-color-brand-quiet)`) — Track color."}},{"name":"--lr-progress-track-height","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-height,var(--lr-size-1rem))`) — Block size of the progress track."}},{"name":"--lr-prompt-input-control-width","description":{"kind":"markdown","value":"**`<lr-prompt-input>`** (default: `--lr-size-12rem`) — Preferred width of each generated model, voice, and source control before wrapping."}},{"name":"--lr-prompt-studio-field-hover-border","description":{"kind":"markdown","value":"**`<lr-prompt-studio>`** (default: `var(--lr-color-brand)`) — Enabled field hover border."}},{"name":"--lr-prompt-studio-version-selected-bg","description":{"kind":"markdown","value":"**`<lr-prompt-studio>`** (default: `var(--lr-color-brand-quiet)`) — Selected version background."}},{"name":"--lr-prompt-studio-version-selected-border","description":{"kind":"markdown","value":"**`<lr-prompt-studio>`** (default: `var(--lr-color-brand)`) — Selected version border."}},{"name":"--lr-prompt-studio-version-selected-color","description":{"kind":"markdown","value":"**`<lr-prompt-studio>`** (default: `var(--lr-color-text)`) — Selected version foreground."}},{"name":"--lr-prompt-studio-version-selected-hover-bg","description":{"kind":"markdown","value":"**`<lr-prompt-studio>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Selected version hover background."}},{"name":"--lr-provenance-panel-entity-justify","description":{"kind":"markdown","value":"**`<lr-provenance-panel>`** (default: `flex-start`) — Main-axis packing of the entity-chip row. `center` centers every line, the wrapped final one included."}},{"name":"--lr-push-to-talk-pulse-recording-border-color","description":{"kind":"markdown","value":"**`<lr-push-to-talk>`** (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Recording pulse-ring border color."}},{"name":"--lr-push-to-talk-recording-color","description":{"kind":"markdown","value":"**`<lr-push-to-talk>`** (default: `var(--lr-color-danger)`) — Established aggregate fallback for the recording trigger border, trigger foreground, and pulse border. The three more-specific recording properties below win independently when set."}},{"name":"--lr-push-to-talk-size","description":{"kind":"markdown","value":"**`<lr-push-to-talk>`** (default: `var(--lr-size-3rem)`) — Preferred inline and block size of the circular `trigger` button; `--lr-icon-button-size` remains its minimum hit-area floor."}},{"name":"--lr-push-to-talk-trigger-recording-border-color","description":{"kind":"markdown","value":"**`<lr-push-to-talk>`** (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Trigger border color while recording."}},{"name":"--lr-push-to-talk-trigger-recording-color","description":{"kind":"markdown","value":"**`<lr-push-to-talk>`** (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Trigger foreground, including the default mic glyph, while recording."}},{"name":"--lr-qr-code-background","description":{"kind":"markdown","value":"**`<lr-qr-code>`** — Optional alias for host `background-color`, used by the canvas background."}},{"name":"--lr-qr-code-fill","description":{"kind":"markdown","value":"**`<lr-qr-code>`** — Optional alias for host `color`, used by foreground modules."}},{"name":"--lr-radio-active-border-color","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-radio-hover-border-color)`) — Indicator border while the interactive row is pressed."}},{"name":"--lr-radio-active-ring-color","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-color-brand-quiet)`) — Indicator ring while the interactive row is pressed."}},{"name":"--lr-radio-button-active-bg","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `color-mix(...)`) — Unchecked button background while pressed."}},{"name":"--lr-radio-button-active-border-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-radio-button-hover-border-color)`) — Unchecked button border while pressed."}},{"name":"--lr-radio-button-checked-active-bg","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `color-mix(...)`) — Checked button background while pressed."}},{"name":"--lr-radio-button-checked-active-border-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-radio-button-checked-hover-border-color)`) — Checked button border while pressed."}},{"name":"--lr-radio-button-checked-bg","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Checked button background."}},{"name":"--lr-radio-button-checked-border-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Checked button border."}},{"name":"--lr-radio-button-checked-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-color-on-brand)`) — Checked button text color."}},{"name":"--lr-radio-button-checked-hover-bg","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `color-mix(...)`) — Checked button background while hovered."}},{"name":"--lr-radio-button-checked-hover-border-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-radio-button-checked-border-color)`) — Checked button border while hovered."}},{"name":"--lr-radio-button-gap","description":{"kind":"markdown","value":"**`<lr-radio>`** (default: `var(--lr-space-xs)`) — Gap between the present start/prefix, label, and end/suffix wrappers in `appearance=\"button\"`.\n\n**`<lr-radio-button>`** (default: `var(--lr-space-xs)`) — Gap between the start/prefix wrapper, label, and end/suffix wrapper in both `<lr-radio-button>` and `<lr-radio appearance=\"button\">`."}},{"name":"--lr-radio-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-color-brand-quiet)`) — Unchecked button background while hovered."}},{"name":"--lr-radio-button-hover-border-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Unchecked button border while hovered."}},{"name":"--lr-radio-checked-border-color","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Border color of `[part='circle']` while `checked`. Retint just this control's checked ring without touching the shared `--lr-color-brand` token every other component also reads."}},{"name":"--lr-radio-checked-dot-color","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Background of `[part='dot']` while `checked`."}},{"name":"--lr-radio-circle-size","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) * 0.7))`) — Edge length of `[part='circle']`. Derived from the `size` tier's shared control height so a radio lines up with an `<lr-input>`/`<lr-select>`/`<lr-button>` of the same `size`."}},{"name":"--lr-radio-dot-size","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `min(calc(var(--lr-radio-circle-size) * 0.5), calc(var(--lr-form-control-height) * 0.3))`) — Edge length of `[part='dot']`, capped at half the circle so it can never outgrow its ring."}},{"name":"--lr-radio-group-row-gap","description":{"kind":"markdown","value":"**`<lr-radio-group>`** (default: `calc(var(--lr-form-control-height) * 0.2)`) — Vertical gap between the group's label, options and messages, scaled by `size`."}},{"name":"--lr-radio-hover-border-color","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Indicator border while the interactive row is hovered."}},{"name":"--lr-radio-label-indent","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `calc(var(--lr-radio-circle-size) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the circle's own floor plus the gap next to it — so it tracks `size` along with the circle. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-radio` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is *not* readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size`, `--lr-theme-form-control-height-*` and `--lr-theme-space-s`, which you control."}},{"name":"--lr-radio-radius","description":{"kind":"markdown","value":"**`<lr-radio>`** (default: `var(--lr-radius-pill)`) — Corner radius of the control's own chrome. A circular indicator is fully round at every setting; `<lr-radio-button>` re-points this knob at the shared control radius and swaps it for a pill when `pill` is set.\n\n**`<lr-radio-button>`** (default: `var(--lr-form-control-radius)`) — Corner radius of the outer edges of the button row. Its private default follows the shared control radius and changes to `--lr-radius-pill` for `pill`; an inherited or direct public value still wins."}},{"name":"--lr-radius","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for radius. Reads `--lr-theme-border-radius-m`."}},{"name":"--lr-radius-pill","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for radius pill. Reads `--lr-theme-border-radius-pill`."}},{"name":"--lr-radius-xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for radius xs. Reads `--lr-theme-border-radius-xs`."}},{"name":"--lr-rag-eval-dashboard-selected-border-color","description":{"kind":"markdown","value":"**`<lr-rag-eval-dashboard>`** (default: `var(--lr-color-brand)`) — Border color shared by the controlled active slice and metric."}},{"name":"--lr-ramp-brand-05","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 05."}},{"name":"--lr-ramp-brand-10","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 10."}},{"name":"--lr-ramp-brand-20","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 20."}},{"name":"--lr-ramp-brand-30","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 30."}},{"name":"--lr-ramp-brand-40","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 40."}},{"name":"--lr-ramp-brand-50","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 50."}},{"name":"--lr-ramp-brand-60","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 60."}},{"name":"--lr-ramp-brand-70","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 70."}},{"name":"--lr-ramp-brand-80","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 80."}},{"name":"--lr-ramp-brand-90","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 90."}},{"name":"--lr-ramp-brand-95","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 95."}},{"name":"--lr-ramp-danger-05","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 05."}},{"name":"--lr-ramp-danger-10","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 10."}},{"name":"--lr-ramp-danger-20","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 20."}},{"name":"--lr-ramp-danger-30","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 30."}},{"name":"--lr-ramp-danger-40","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 40."}},{"name":"--lr-ramp-danger-50","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 50."}},{"name":"--lr-ramp-danger-60","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 60."}},{"name":"--lr-ramp-danger-70","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 70."}},{"name":"--lr-ramp-danger-80","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 80."}},{"name":"--lr-ramp-danger-90","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 90."}},{"name":"--lr-ramp-danger-95","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 95."}},{"name":"--lr-ramp-neutral-05","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 05."}},{"name":"--lr-ramp-neutral-10","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 10."}},{"name":"--lr-ramp-neutral-20","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 20."}},{"name":"--lr-ramp-neutral-30","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 30."}},{"name":"--lr-ramp-neutral-40","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 40."}},{"name":"--lr-ramp-neutral-50","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 50."}},{"name":"--lr-ramp-neutral-60","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 60."}},{"name":"--lr-ramp-neutral-70","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 70."}},{"name":"--lr-ramp-neutral-80","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 80."}},{"name":"--lr-ramp-neutral-90","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 90."}},{"name":"--lr-ramp-neutral-95","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 95."}},{"name":"--lr-ramp-success-05","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 05."}},{"name":"--lr-ramp-success-10","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 10."}},{"name":"--lr-ramp-success-20","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 20."}},{"name":"--lr-ramp-success-30","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 30."}},{"name":"--lr-ramp-success-40","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 40."}},{"name":"--lr-ramp-success-50","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 50."}},{"name":"--lr-ramp-success-60","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 60."}},{"name":"--lr-ramp-success-70","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 70."}},{"name":"--lr-ramp-success-80","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 80."}},{"name":"--lr-ramp-success-90","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 90."}},{"name":"--lr-ramp-success-95","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 95."}},{"name":"--lr-ramp-warning-05","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 05."}},{"name":"--lr-ramp-warning-10","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 10."}},{"name":"--lr-ramp-warning-20","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 20."}},{"name":"--lr-ramp-warning-30","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 30."}},{"name":"--lr-ramp-warning-40","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 40."}},{"name":"--lr-ramp-warning-50","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 50."}},{"name":"--lr-ramp-warning-60","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 60."}},{"name":"--lr-ramp-warning-70","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 70."}},{"name":"--lr-ramp-warning-80","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 80."}},{"name":"--lr-ramp-warning-90","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 90."}},{"name":"--lr-ramp-warning-95","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 95."}},{"name":"--lr-random-content-animation-duration","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `300ms`) — Duration of the entrance animation."}},{"name":"--lr-random-content-animation-easing","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `ease`) — Easing function for the entrance animation."}},{"name":"--lr-random-content-animation-translate","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `var(--lr-size-0-5em)`) — Translation distance for directional animations."}},{"name":"--lr-random-content-item-alignment","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `flex-start`) — Cross-axis alignment of selected items."}},{"name":"--lr-random-content-item-gap","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `var(--lr-space-s)`) — Gap between simultaneously selected items."}},{"name":"--lr-rating-active-color","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `color-mix(in oklab, var(--lr-rating-empty-color, var(--symbol-color, var(--lr-color-border-strong))), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed-symbol color. Set it independently of `--lr-rating-empty-color` to recolor the pressed state without changing resting or hover symbols."}},{"name":"--lr-rating-empty-color","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-color-border)`) — Unfilled-symbol color, retained during hover preview."}},{"name":"--lr-rating-fill","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-color-warning)`) — Filled-symbol color."}},{"name":"--lr-rating-gap","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--symbol-spacing,var(--lr-space-xs))`) — Gap between symbols. It takes precedence over the `--symbol-spacing` compatibility hook while preserving that hook and the shared spacing token as fallbacks."}},{"name":"--lr-rating-size","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-font-size-xl)`) — Symbol size. Its private default follows each `size` step; an inherited or direct public value wins. The `m` default reproduces the treatment this component had before `size` existed."}},{"name":"--lr-reorder-item-gap","description":{"kind":"markdown","value":"**`<lr-reorder-item>`** (default: `var(--lr-space-xs)`) — Gap between the move buttons and content. Move-button state properties are resolved as inline fallbacks, so setting one on an item or any ancestor themes only the requested hover or pressed state without replacing shared brand tokens."}},{"name":"--lr-reorder-item-move-button-active-bg","description":{"kind":"markdown","value":"**`<lr-reorder-item>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed move button."}},{"name":"--lr-reorder-item-move-button-active-color","description":{"kind":"markdown","value":"**`<lr-reorder-item>`** (default: `var(--lr-color-brand)`) — Text color of a pressed move button."}},{"name":"--lr-reorder-item-move-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-reorder-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered move button."}},{"name":"--lr-reorder-item-move-button-hover-color","description":{"kind":"markdown","value":"**`<lr-reorder-item>`** (default: `var(--lr-color-brand)`) — Text color of a hovered move button."}},{"name":"--lr-reorder-list-gap","description":{"kind":"markdown","value":"**`<lr-reorder-list>`** (default: `var(--lr-space-2xs)`) — Gap between rows."}},{"name":"--lr-responsive-panel-overlay-color","description":{"kind":"markdown","value":"**`<lr-responsive-panel>`** (default: `var(--lr-color-overlay)`) — The overlay presentation's scrim color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-responsive-panel-overlay-panel-bg","description":{"kind":"markdown","value":"**`<lr-responsive-panel>`** (default: `var(--lr-color-surface-overlay)`) — Background of `[part=\"panel\"]` in the overlay presentation."}},{"name":"--lr-responsive-panel-overlay-panel-shadow","description":{"kind":"markdown","value":"**`<lr-responsive-panel>`** (default: `var(--lr-shadow-l)`) — Shadow of `[part=\"panel\"]` in the overlay presentation."}},{"name":"--lr-responsive-panel-sheet-max-block-size","description":{"kind":"markdown","value":"**`<lr-responsive-panel>`** (default: `85dvh`) — Maximum height of the `variant=\"bottom-sheet\"` overlay panel (falls back to `85vh` where `dvh` is unsupported)."}},{"name":"--lr-result-card-compact-body-gap","description":{"kind":"markdown","value":"**`<lr-result-card>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"body\"]`'s children while `compact`."}},{"name":"--lr-result-card-compact-body-padding","description":{"kind":"markdown","value":"**`<lr-result-card>`** (default: `var(--lr-space-xs)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-result-card-compact-header-gap","description":{"kind":"markdown","value":"**`<lr-result-card>`** (default: `var(--lr-space-xs)`) — Gap between `[part=\"header\"]`'s heading and actions while `compact`."}},{"name":"--lr-result-card-compact-header-padding","description":{"kind":"markdown","value":"**`<lr-result-card>`** (default: `var(--lr-space-xs)`) — `[part=\"header\"]` block/inline padding while `compact`."}},{"name":"--lr-retrieval-compare-selected-border","description":{"kind":"markdown","value":"**`<lr-retrieval-compare>`** (default: `var(--lr-color-brand)`) — Border color marking a selected `[part~=\"chunk\"]` row."}},{"name":"--lr-retrieval-results-selected-border","description":{"kind":"markdown","value":"**`<lr-retrieval-results>`** (default: `var(--lr-color-brand)`) — Inline-start border color marking a selected `[part=\"row-body\"]`. A border rather than a fill by design (see the styles file), so recoloring it carries no contrast risk for the row's own text."}},{"name":"--lr-retrieval-trace-active-border","description":{"kind":"markdown","value":"**`<lr-retrieval-trace>`** (default: `var(--lr-color-brand)`) — Border color of the `[part=\"evidence-row\"]` whose stage matches `activeStageId`."}},{"name":"--lr-rubric-form-skip-active-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `color-mix(...)`) — Skip background while pressed."}},{"name":"--lr-rubric-form-skip-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-surface)`) — Skip-button background."}},{"name":"--lr-rubric-form-skip-border-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-border)`) — Skip-button border."}},{"name":"--lr-rubric-form-skip-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-text)`) — Skip-button text color."}},{"name":"--lr-rubric-form-skip-hover-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-brand-quiet)`) — Skip background while hovered."}},{"name":"--lr-rubric-form-submit-active-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `color-mix(...)`) — Submit background while pressed."}},{"name":"--lr-rubric-form-submit-active-border-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `color-mix(...)`) — Submit border while pressed."}},{"name":"--lr-rubric-form-submit-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-brand)`) — Submit-button background."}},{"name":"--lr-rubric-form-submit-border-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-brand)`) — Submit-button border."}},{"name":"--lr-rubric-form-submit-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-on-brand)`) — Submit-button text color."}},{"name":"--lr-rubric-form-submit-hover-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `color-mix(...)`) — Submit background while hovered."}},{"name":"--lr-rubric-form-submit-hover-border-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `color-mix(...)`) — Submit border while hovered."}},{"name":"--lr-safe-area-bottom","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for safe area bottom."}},{"name":"--lr-safe-area-inline-end","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for safe area inline end."}},{"name":"--lr-safe-area-inline-start","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for safe area inline start."}},{"name":"--lr-safe-area-top","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for safe area top."}},{"name":"--lr-schema-viewer-error-bg","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-danger-quiet)`) — Error issue background."}},{"name":"--lr-schema-viewer-error-border","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-danger)`) — Error issue border."}},{"name":"--lr-schema-viewer-info-bg","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Info issue background."}},{"name":"--lr-schema-viewer-info-border","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-brand)`) — Info issue border."}},{"name":"--lr-schema-viewer-max-indent","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-size-12rem)`) — Maximum visual indentation; complete JSON Pointer paths and selection semantics remain unchanged at deeper levels."}},{"name":"--lr-schema-viewer-selected-border","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-brand)`) — Selected node branch."}},{"name":"--lr-schema-viewer-warning-bg","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Warning issue background."}},{"name":"--lr-schema-viewer-warning-border","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-warning)`) — Warning issue border."}},{"name":"--lr-scroll-fade-size","description":{"kind":"markdown","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-stepper>`** (default: `2rem`) — Width of each decorative horizontal overflow fade. Pointer-state hooks use inline `var()` fallbacks rather than a `:host` declaration, so they inherit from the stepper or any ancestor without retheming another state.\n\n**`<lr-tab-group>`** (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\n**`<lr-timeline>`** (default: `2rem`) — Inline size of each edge fade while a horizontal timeline overflows. Forced-colors mode disables the masks while retaining native scrolling.\n\n**`<lr-widget>`** (default: `2rem`) — Width of the fade at each horizontal scroll edge of the `actions`/`view-toggles` header rows. The fade is applied only while a row actually overflows, so a row that fits is never dimmed. `fullscreen-inset` overrides the safe-area panel inset while the viewport-filling backdrop stays at zero by default. `compact` tightens header/body padding — same convention as `lr-empty`.\n\n**Shared design token** — Canonical shared component token for scroll fade size. Reads `--lr-theme-scroll-fade-size`."}},{"name":"--lr-scroller-control-size","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--lr-size-2rem)`) — Control size."}},{"name":"--lr-scroller-min-block-size","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--lr-size-10rem)`) — Minimum vertical scroller size."}},{"name":"--lr-scroller-shadow-color","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--shadow-color)`) — Lyra-prefixed shadow-color alias."}},{"name":"--lr-scroller-shadow-size","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--shadow-size)`) — Lyra-prefixed shadow-size alias."}},{"name":"--lr-segmented-active-bg","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed segment that is neither checked nor disabled."}},{"name":"--lr-segmented-active-color","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-segmented-hover-color, var(--lr-color-text))`) — Text color of a pressed segment that is neither checked nor disabled. Its default follows `--lr-segmented-hover-color` to preserve the established hover/pressed relationship; set this property to theme the pressed text independently."}},{"name":"--lr-segmented-font-size","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-form-control-font-size)`) — Each segment's font size, taken from the `size` tier's shared control font size."}},{"name":"--lr-segmented-hover-color","description":{"kind":"markdown","value":"**`<lr-segmented>`** (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."}},{"name":"--lr-segmented-segment-padding","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)`) — Each segment's padding, taken from the `size` tier's shared control padding."}},{"name":"--lr-segmented-selected-bg","description":{"kind":"markdown","value":"**`<lr-segmented>`** (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)."}},{"name":"--lr-segmented-selected-color","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-color-text)`) — Text color of the checked segment."}},{"name":"--lr-segmented-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the checked segment."}},{"name":"--lr-segmented-selected-shadow","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-shadow-xs)`) — Box shadow lifting the checked segment off the track."}},{"name":"--lr-segmented-track-gap","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-size-0-125rem)`) — Gap between segments."}},{"name":"--lr-segmented-track-height","description":{"kind":"markdown","value":"**`<lr-segmented>`** — 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."}},{"name":"--lr-segmented-track-min-height","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-form-control-height)`) — Minimum height of the `base` track, taken from the `size` tier's shared control height; the `2.5rem` (40px) default applies at the unset/`m` size, matching `<lr-input>`/`<lr-select>`/`<lr-combobox>`'s own shared default-tier floor. The private default follows `size`; a public value inherited from an ancestor or set directly on the element remains authoritative in every tier."}},{"name":"--lr-segmented-track-padding","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-size-0-125rem)`) — Track inset padding."}},{"name":"--lr-segmented-track-radius","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-radius)`) — Track corner radius."}},{"name":"--lr-select-expand-size","description":{"kind":"markdown","value":"**`<lr-select>`** — Decorative expand-icon box size, scaled by `size`. The one piece of this component's geometry the shared ladder does not own: it sizes a glyph, not the control row."}},{"name":"--lr-select-font-size","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-form-control-font-size)`) — Trigger font size, from the active `size` tier."}},{"name":"--lr-select-gap","description":{"kind":"markdown","value":"**`<lr-select>`** — Gap between the trigger's start adornment, label, end adornment, and expand icon. Doesn't vary by `size`."}},{"name":"--lr-select-open-border-color","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-color-brand)`) — Trigger border while the listbox is open."}},{"name":"--lr-select-option-active-bg","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-color-brand-quiet)`) — Background of the hovered/keyboard-active option row. Not declared on `:host`, so a value set on any ancestor is never shadowed -- retheme just this row state without hijacking the shared `--lr-color-brand-quiet` token used by every other component's own hover/active state."}},{"name":"--lr-select-option-selected-bg","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme just the selected row without hijacking `--lr-color-brand`."}},{"name":"--lr-select-option-selected-border","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-select-option-selected-color","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-select-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-select-radius","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-form-control-radius)`) — Trigger corner radius, from the active `size` tier of the shared form-control ladder (the two tightest tiers take a smaller radius)."}},{"name":"--lr-select-tag-font-size","description":{"kind":"markdown","value":"**`<lr-select>`** — Chip text size. Doesn't vary by `size`."}},{"name":"--lr-select-tag-padding","description":{"kind":"markdown","value":"**`<lr-select>`** — Padding inside a `multiple`-mode chip. Doesn't vary by `size`."}},{"name":"--lr-select-trigger-active-bg","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `color-mix(...)`) — Trigger background while pressed."}},{"name":"--lr-select-trigger-height","description":{"kind":"markdown","value":"**`<lr-select>`** — Exact trigger height. Unset by default, which leaves `--lr-select-trigger-min-height` as a floor only; set it to a length to both floor and cap the trigger (e.g. to pixel-match a sibling field in the same toolbar row). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-select-trigger-hover-bg","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-color-brand-quiet)`) — Trigger background while hovered. Accent appearance keeps its louder mixed fallback when this hook is unset."}},{"name":"--lr-select-trigger-min-height","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-form-control-height)`) — Trigger block-size floor, from the active `size` tier of the shared ladder, and live at every tier including the default `m` -- so a select is exactly as tall as an `<lr-button>`/`<lr-input>` of that tier."}},{"name":"--lr-select-trigger-padding","description":{"kind":"markdown","value":"**`<lr-select>`** — Trigger padding shorthand. Defaults to the active `size` tier's `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)` from the shared ladder."}},{"name":"--lr-selection-toolbar-placement-gap","description":{"kind":"markdown","value":"**`<lr-selection-toolbar>`** (default: `var(--lr-space-s)`) — Non-negative distance between the selection and toolbar, and between the toolbar and viewport during collision avoidance. Unitless pixel values and `px`, `rem`, and `em` values are resolved live; invalid values fall back to the default and negative values clamp to `0`."}},{"name":"--lr-sequence-playback-icon-size","description":{"kind":"markdown","value":"**`<lr-sequence-playback>`** (default: `calc(var(--lr-icon-button-size) * 0.35)`) — Font size of the play/pause glyph, derived from the shared icon-button hit-target size."}},{"name":"--lr-sequence-playback-play-button-active-bg","description":{"kind":"markdown","value":"**`<lr-sequence-playback>`** — Pressed play/pause button background. Defaults to the existing surface active mix; read as an inline fallback so an ancestor value inherits."}},{"name":"--lr-sequence-playback-play-button-active-border-color","description":{"kind":"markdown","value":"**`<lr-sequence-playback>`** (default: `var(--lr-color-brand)`) — Pressed play/pause button border color; read as an inline fallback so an ancestor value inherits."}},{"name":"--lr-sequence-strip-height","description":{"kind":"markdown","value":"**`<lr-sequence-strip>`** (default: `var(--lr-size-1-5rem)`) — Block size of the strip."}},{"name":"--lr-sequence-strip-legend-marker-bg","description":{"kind":"markdown","value":"**`<lr-sequence-strip>`** (default: `var(--lr-color-surface-raised)`) — Neutral chip background behind the marker legend row's bar; it stands in for \"any cell\", so it deliberately matches no category color."}},{"name":"--lr-sequence-strip-legend-swatch-size","description":{"kind":"markdown","value":"**`<lr-sequence-strip>`** (default: `var(--lr-size-0-625rem)`) — Inline and block size of a legend swatch (category and marker rows alike)."}},{"name":"--lr-sequence-strip-marker-color","description":{"kind":"markdown","value":"**`<lr-sequence-strip>`** (default: `var(--lr-color-text)`) — Color of the bottom marker on a `marker: true` cell, and of the marker legend row's bar."}},{"name":"--lr-shadow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow."}},{"name":"--lr-shadow-color","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow color. Reads `--lr-theme-shadow-color`."}},{"name":"--lr-shadow-l","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow l. Reads `--lr-theme-shadow-l`."}},{"name":"--lr-shadow-m","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow m. Reads `--lr-theme-shadow-m`."}},{"name":"--lr-shadow-s","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow s. Reads `--lr-theme-shadow-s`."}},{"name":"--lr-shadow-xl","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow xl. Reads `--lr-theme-shadow-xl`."}},{"name":"--lr-shadow-xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow xs. Reads `--lr-theme-shadow-xs`."}},{"name":"--lr-size-0-02em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 02em. Reads `--lr-theme-size-0-02em`."}},{"name":"--lr-size-0-03em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 03em. Reads `--lr-theme-size-0-03em`."}},{"name":"--lr-size-0-04em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 04em. Reads `--lr-theme-size-0-04em`."}},{"name":"--lr-size-0-05rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 05rem. Reads `--lr-theme-size-0-05rem`."}},{"name":"--lr-size-0-0625rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 0625rem. Reads `--lr-theme-size-0-0625rem`."}},{"name":"--lr-size-0-09375rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 09375rem. Reads `--lr-theme-size-0-09375rem`."}},{"name":"--lr-size-0-125rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 125rem. Reads `--lr-theme-size-0-125rem`."}},{"name":"--lr-size-0-15rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 15rem. Reads `--lr-theme-size-0-15rem`."}},{"name":"--lr-size-0-1875rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 1875rem. Reads `--lr-theme-size-0-1875rem`."}},{"name":"--lr-size-0-1rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 1rem. Reads `--lr-theme-size-0-1rem`."}},{"name":"--lr-size-0-25rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 25rem. Reads `--lr-theme-size-0-25rem`."}},{"name":"--lr-size-0-3125rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 3125rem. Reads `--lr-theme-size-0-3125rem`."}},{"name":"--lr-size-0-35em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 35em. Reads `--lr-theme-size-0-35em`."}},{"name":"--lr-size-0-375rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 375rem. Reads `--lr-theme-size-0-375rem`."}},{"name":"--lr-size-0-3em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 3em. Reads `--lr-theme-size-0-3em`."}},{"name":"--lr-size-0-4375rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 4375rem. Reads `--lr-theme-size-0-4375rem`."}},{"name":"--lr-size-0-4em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 4em. Reads `--lr-theme-size-0-4em`."}},{"name":"--lr-size-0-4rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 4rem. Reads `--lr-theme-size-0-4rem`."}},{"name":"--lr-size-0-5em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 5em. Reads `--lr-theme-size-0-5em`."}},{"name":"--lr-size-0-5rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 5rem. Reads `--lr-theme-size-0-5rem`."}},{"name":"--lr-size-0-625rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 625rem. Reads `--lr-theme-size-0-625rem`."}},{"name":"--lr-size-0-6875rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 6875rem. Reads `--lr-theme-size-0-6875rem`."}},{"name":"--lr-size-0-6rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 6rem. Reads `--lr-theme-size-0-6rem`."}},{"name":"--lr-size-0-75em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 75em. Reads `--lr-theme-size-0-75em`."}},{"name":"--lr-size-0-75rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 75rem. Reads `--lr-theme-size-0-75rem`."}},{"name":"--lr-size-0-7em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 7em. Reads `--lr-theme-size-0-7em`."}},{"name":"--lr-size-0-875em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 875em. Reads `--lr-theme-size-0-875em`."}},{"name":"--lr-size-0-8rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 8rem. Reads `--lr-theme-size-0-8rem`."}},{"name":"--lr-size-0-9375rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 9375rem. Reads `--lr-theme-size-0-9375rem`."}},{"name":"--lr-size-1-0625rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 0625rem. Reads `--lr-theme-size-1-0625rem`."}},{"name":"--lr-size-1-1rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 1rem. Reads `--lr-theme-size-1-1rem`."}},{"name":"--lr-size-1-25rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 25rem. Reads `--lr-theme-size-1-25rem`."}},{"name":"--lr-size-1-5em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 5em. Reads `--lr-theme-size-1-5em`."}},{"name":"--lr-size-1-5rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 5rem. Reads `--lr-theme-size-1-5rem`."}},{"name":"--lr-size-1-75rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 75rem. Reads `--lr-theme-size-1-75rem`."}},{"name":"--lr-size-1-875rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 875rem. Reads `--lr-theme-size-1-875rem`."}},{"name":"--lr-size-10px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 10px. Reads `--lr-theme-size-10px`."}},{"name":"--lr-size-10rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 10rem. Reads `--lr-theme-size-10rem`."}},{"name":"--lr-size-12em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 12em. Reads `--lr-theme-size-12em`."}},{"name":"--lr-size-12rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 12rem. Reads `--lr-theme-size-12rem`."}},{"name":"--lr-size-14px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 14px. Reads `--lr-theme-size-14px`."}},{"name":"--lr-size-14rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 14rem. Reads `--lr-theme-size-14rem`."}},{"name":"--lr-size-15rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 15rem. Reads `--lr-theme-size-15rem`."}},{"name":"--lr-size-16px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 16px. Reads `--lr-theme-size-16px`."}},{"name":"--lr-size-16rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 16rem. Reads `--lr-theme-size-16rem`."}},{"name":"--lr-size-18rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 18rem. Reads `--lr-theme-size-18rem`."}},{"name":"--lr-size-1em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1em. Reads `--lr-theme-size-1em`."}},{"name":"--lr-size-1px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1px. Reads `--lr-theme-size-1px`."}},{"name":"--lr-size-1rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1rem. Reads `--lr-theme-size-1rem`."}},{"name":"--lr-size-2-25rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 2 25rem. Reads `--lr-theme-size-2-25rem`."}},{"name":"--lr-size-2-5ch","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 2 5ch. Reads `--lr-theme-size-2-5ch`."}},{"name":"--lr-size-2-5rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 2 5rem. Reads `--lr-theme-size-2-5rem`."}},{"name":"--lr-size-20rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 20rem. Reads `--lr-theme-size-20rem`."}},{"name":"--lr-size-22rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 22rem. Reads `--lr-theme-size-22rem`."}},{"name":"--lr-size-24px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 24px. Reads `--lr-theme-size-24px`."}},{"name":"--lr-size-24rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 24rem. Reads `--lr-theme-size-24rem`."}},{"name":"--lr-size-280px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 280px. Reads `--lr-theme-size-280px`."}},{"name":"--lr-size-28px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 28px. Reads `--lr-theme-size-28px`."}},{"name":"--lr-size-28rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 28rem. Reads `--lr-theme-size-28rem`."}},{"name":"--lr-size-2px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 2px. Reads `--lr-theme-size-2px`."}},{"name":"--lr-size-2rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 2rem. Reads `--lr-theme-size-2rem`."}},{"name":"--lr-size-3-5em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 3 5em. Reads `--lr-theme-size-3-5em`."}},{"name":"--lr-size-3-5rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 3 5rem. Reads `--lr-theme-size-3-5rem`."}},{"name":"--lr-size-30rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 30rem. Reads `--lr-theme-size-30rem`."}},{"name":"--lr-size-32rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 32rem. Reads `--lr-theme-size-32rem`."}},{"name":"--lr-size-36rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 36rem. Reads `--lr-theme-size-36rem`."}},{"name":"--lr-size-38rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 38rem. Reads `--lr-theme-size-38rem`."}},{"name":"--lr-size-3ch","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 3ch. Reads `--lr-theme-size-3ch`."}},{"name":"--lr-size-3px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 3px. Reads `--lr-theme-size-3px`."}},{"name":"--lr-size-3rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 3rem. Reads `--lr-theme-size-3rem`."}},{"name":"--lr-size-48rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 48rem. Reads `--lr-theme-size-48rem`."}},{"name":"--lr-size-4ch","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 4ch. Reads `--lr-theme-size-4ch`."}},{"name":"--lr-size-4px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 4px. Reads `--lr-theme-size-4px`."}},{"name":"--lr-size-4rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 4rem. Reads `--lr-theme-size-4rem`."}},{"name":"--lr-size-5em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 5em. Reads `--lr-theme-size-5em`."}},{"name":"--lr-size-5rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 5rem. Reads `--lr-theme-size-5rem`."}},{"name":"--lr-size-6ch","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 6ch. Reads `--lr-theme-size-6ch`."}},{"name":"--lr-size-6em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 6em. Reads `--lr-theme-size-6em`."}},{"name":"--lr-size-6px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 6px. Reads `--lr-theme-size-6px`."}},{"name":"--lr-size-6rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 6rem. Reads `--lr-theme-size-6rem`."}},{"name":"--lr-size-7rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 7rem. Reads `--lr-theme-size-7rem`."}},{"name":"--lr-size-8em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 8em. Reads `--lr-theme-size-8em`."}},{"name":"--lr-size-8rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 8rem. Reads `--lr-theme-size-8rem`."}},{"name":"--lr-size-neg-0-15rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 0 15rem. Reads `--lr-theme-size-neg-0-15rem`."}},{"name":"--lr-size-neg-0-25rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 0 25rem. Reads `--lr-theme-size-neg-0-25rem`."}},{"name":"--lr-size-neg-1px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 1px. Reads `--lr-theme-size-neg-1px`."}},{"name":"--lr-size-neg-4px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 4px. Reads `--lr-theme-size-neg-4px`."}},{"name":"--lr-size-neg-6px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 6px. Reads `--lr-theme-size-neg-6px`."}},{"name":"--lr-size-neg-8px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 8px. Reads `--lr-theme-size-neg-8px`."}},{"name":"--lr-skeleton-border-radius","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `var(--lr-radius)`) — Text/rectangle corner radius."}},{"name":"--lr-skeleton-color","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `var(--lr-color-border)`) — Placeholder color."}},{"name":"--lr-skeleton-h","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `var(--lr-size-1em)`) — Block size of the placeholder."}},{"name":"--lr-skeleton-sheen-color","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `var(--lr-color-surface)`) — Sheen highlight color."}},{"name":"--lr-skeleton-w","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `100%`) — Inline size of the placeholder."}},{"name":"--lr-slider-gap","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-space-s)`) — Gap between the track row, value, label, references, and hint as they wrap."}},{"name":"--lr-slider-row-size","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `calc(var(--lr-form-control-height) * 0.6)`) — Cross-axis extent of the control's interactive row: its block size when horizontal, its inline size when vertical. Scales off the shared form-control ladder, so a size tier moves it without a per-tier rule."}},{"name":"--lr-slider-thumb-active-ring-color","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-slider-thumb-hover-ring-color)`) — Thumb ring while pressed."}},{"name":"--lr-slider-thumb-bg","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-color-brand)`) — Resting thumb background."}},{"name":"--lr-slider-thumb-border-color","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-color-surface)`) — Resting thumb border."}},{"name":"--lr-slider-thumb-hover-ring-color","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-color-brand-quiet)`) — Thumb ring while hovered."}},{"name":"--lr-slider-thumb-size","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `calc(var(--lr-form-control-height) * 0.4)`) — Diameter of each draggable handle, derived from the `size` tier's shared control height. The transparent drag area around it never drops below 1.75rem/28px, whatever this is set to."}},{"name":"--lr-slider-tooltip-distance","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `8`) — Numeric CSS-pixel distance written by the `tooltipDistance` property for the internal tooltip-placement calculation."}},{"name":"--lr-slider-track-length","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-size-10rem)`) — Length of the track in `orientation=\"vertical\"`; the horizontal track fills its container instead. Declared as an inline `var()` fallback (never on `:host`), so a consumer override at any ancestor wins."}},{"name":"--lr-slider-track-thickness","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `calc(var(--lr-slider-thumb-size) * 0.25)`) — Thickness of the track, the filled indicator and (scaled from it) the `with-markers` ticks."}},{"name":"--lr-source-card-compact-gap","description":{"kind":"markdown","value":"**`<lr-source-card>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."}},{"name":"--lr-source-card-compact-padding","description":{"kind":"markdown","value":"**`<lr-source-card>`** (default: `var(--lr-space-xs)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-source-picker-checked-bg","description":{"kind":"markdown","value":"**`<lr-source-picker>`** — Background of a fully-checked selection control: the `select-all` pill (defaults to `var(--lr-color-brand-quiet)`) and a fully-selected entry's `[part=\"checkbox\"]` (defaults to `var(--lr-color-brand)`). The two keep their distinct resting defaults; setting this prop unifies both."}},{"name":"--lr-source-picker-checked-border","description":{"kind":"markdown","value":"**`<lr-source-picker>`** (default: `var(--lr-color-brand)`) — Border color of every checked or mixed selection control."}},{"name":"--lr-source-picker-depth","description":{"kind":"markdown","value":"**`<lr-source-picker>`** (default: `0`) — Internal indent plumbing, not a retheming knob: the row's own nesting depth, written inline onto `[part=\"item\"]` as a plain number and multiplied by `--lr-source-picker-indent-size` to produce the indent."}},{"name":"--lr-source-picker-indent-size","description":{"kind":"markdown","value":"**`<lr-source-picker>`** (default: `var(--lr-size-1-25rem)`) — Indent step added to `[part=\"item\"]`'s `padding-inline-start` per nesting level. The total indent is capped at `--lr-size-8rem` so a deeply nested tree cannot push its labels out of view."}},{"name":"--lr-source-picker-mixed-bg","description":{"kind":"markdown","value":"**`<lr-source-picker>`** (default: `color-mix(in srgb, var(--lr-color-brand) 50%, var(--lr-color-surface))`) — Background of a partially-selected entry's `[part=\"checkbox\"]`."}},{"name":"--lr-space-2xl","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space 2xl. Reads `--lr-theme-space-2xl`."}},{"name":"--lr-space-2xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space 2xs. Reads `--lr-theme-space-2xs`."}},{"name":"--lr-space-l","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space l. Reads `--lr-theme-space-l`."}},{"name":"--lr-space-m","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space m. Reads `--lr-theme-space-m`."}},{"name":"--lr-space-s","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space s. Reads `--lr-theme-space-s`."}},{"name":"--lr-space-xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space xs. Reads `--lr-theme-space-xs`."}},{"name":"--lr-span-waterfall-denied-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-warning)`) — Denied bar fill."}},{"name":"--lr-span-waterfall-error-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-danger)`) — Error bar fill."}},{"name":"--lr-span-waterfall-name-width","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `8rem`) — Width of the name gutter column."}},{"name":"--lr-span-waterfall-pending-border-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-border-strong)`) — Pending bar border."}},{"name":"--lr-span-waterfall-row-active-bg","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-span-waterfall-running-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-brand)`) — Running stripe foreground."}},{"name":"--lr-span-waterfall-running-stripe-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-brand-quiet)`) — Running stripe background."}},{"name":"--lr-span-waterfall-stripe-speed","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-duration-ambient)`) — Animation duration for a `running` span's striped bar. The fallback is the bare-duration `--lr-duration-ambient`, not the `--lr-transition-ambient` duration+easing shorthand, which would be invalid in an `animation-duration` slot."}},{"name":"--lr-span-waterfall-success-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-success)`) — Success bar fill."}},{"name":"--lr-sparkline-stroke-width","description":{"kind":"markdown","value":"**`<lr-sparkline>`** (default: `var(--lr-border-width-medium)`) — Compatibility alias used as the fallback for `--line-width`."}},{"name":"--lr-spinner-duration","description":{"kind":"markdown","value":"**`<lr-spinner>`** (default: `var(--lr-transition-ambient)`) — Duration/easing of one rotation. Not read under `prefers-reduced-motion: reduce`, where the animation is disabled entirely."}},{"name":"--lr-spinner-size","description":{"kind":"markdown","value":"**`<lr-spinner>`** (default: `var(--lr-size-1-25rem)`) — Outer diameter of the indicator."}},{"name":"--lr-spinner-track-width","description":{"kind":"markdown","value":"**`<lr-spinner>`** (default: `var(--lr-border-width-medium)`) — Thickness of the ring track."}},{"name":"--lr-split-panel-divider-active-color","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--lr-color-border-strong)`) — Background of `divider` while being dragged (or focused and pressed via the keyboard)."}},{"name":"--lr-split-panel-divider-hit-area","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--divider-hit-area)`) — Lyra-prefixed hit-area alias."}},{"name":"--lr-split-panel-divider-hover-color","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--lr-color-brand)`) — Background of `divider` on hover/keyboard focus, independent of any other component's own hover token that happens to default to the same shared brand color."}},{"name":"--lr-split-panel-divider-width","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--divider-width)`) — Lyra-prefixed divider-width alias."}},{"name":"--lr-split-panel-max","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--max)`) — Lyra-prefixed maximum-size alias."}},{"name":"--lr-split-panel-min","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--min)`) — Lyra-prefixed minimum-size alias."}},{"name":"--lr-spreadsheet-viewer-highlight-color","description":{"kind":"markdown","value":"**`<lr-spreadsheet-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-spreadsheet-viewer-highlight-outline-offset","description":{"kind":"markdown","value":"**`<lr-spreadsheet-viewer>`** (default: `calc(-1 * var(--lr-border-width-medium))`) — Outline offset of a highlighted cell."}},{"name":"--lr-spreadsheet-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-spreadsheet-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-stack-trace-compact-gap","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `var(--lr-space-2xs)`) — Space below `[part=\"message\"]` and between `[part=\"group\"]`s while `compact`."}},{"name":"--lr-stack-trace-compact-padding","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `var(--lr-space-2xs)`) — `[part=\"base\"]` padding while `compact`. Overridden entirely by `frame=\"plain\"`."}},{"name":"--lr-stack-trace-font","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `var(--lr-font-mono)`) — Font family for the parsed frames and the verbatim raw fallback."}},{"name":"--lr-stack-trace-interactive-color","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `var(--lr-color-brand)`) — Interactive frame/toggle accent."}},{"name":"--lr-stack-trace-internal-frame-color","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `var(--lr-color-text-quiet)`) — Internal frame foreground."}},{"name":"--lr-stack-trace-max-height","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `none`) — Cap on how tall `[part=\"base\"]` grows before it scrolls internally. `none` lets the component grow with its content; the `max-height` attribute sets this token."}},{"name":"--lr-stat-emphasis-border-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-brand)`) — Accent-edge color when `emphasis` is set. Independent of the headline's emphasis tint and `brand` variant."}},{"name":"--lr-stat-emphasis-value-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-brand)`) — Headline value color when `emphasis` is set on a neutral stat. Independent of the accent edge and `brand` variant."}},{"name":"--lr-stat-link-active-bg","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `color-mix(...)`) — Linked-card background while pressed."}},{"name":"--lr-stat-link-active-border-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-stat-link-hover-border-color,var(--lr-color-brand))`) — Linked-card border while pressed."}},{"name":"--lr-stat-link-active-shadow","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-stat-link-hover-shadow,var(--lr-shadow-s))`) — Linked-card shadow while pressed."}},{"name":"--lr-stat-link-hover-border-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-brand)`) — Linked-card border on hover."}},{"name":"--lr-stat-link-hover-shadow","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-shadow-s)`) — Linked-card shadow on hover."}},{"name":"--lr-stat-trend-bad-bg","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of the trend pill when its polarity is \"bad\"."}},{"name":"--lr-stat-trend-bad-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-danger)`) — Text color of the trend pill when its polarity is \"bad\". Independent of the headline value's `variant=\"danger\"` tint, which reads the shared `--lr-color-danger` token directly."}},{"name":"--lr-stat-trend-good-bg","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of the trend pill when its polarity is \"good\"."}},{"name":"--lr-stat-trend-good-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-success)`) — Text color of the trend pill when its polarity is \"good\". Independent of the headline value's `variant=\"success\"` tint, which reads the shared `--lr-color-success` token directly."}},{"name":"--lr-stat-value-brand-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-brand)`) — Headline value color for the `brand` variant."}},{"name":"--lr-stat-value-danger-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-danger)`) — Headline value color for the `danger` variant."}},{"name":"--lr-stat-value-success-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-success)`) — Headline value color for the `success` variant."}},{"name":"--lr-stat-value-warning-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-warning)`) — Headline value color for the `warning` variant."}},{"name":"--lr-stepper-active-bg","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed, non-disabled step."}},{"name":"--lr-stepper-active-color","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-text)`) — Text color of a pressed, non-disabled step."}},{"name":"--lr-stepper-current-color","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-text)`) — Text color of the `current` step. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current step without hijacking the library-wide `--lr-color-text` token."}},{"name":"--lr-stepper-current-font-weight","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the `current` step's label. `::part(step)[data-state='current']` is invalid CSS (an attribute selector cannot follow `::part`), so this is the only way to change just the current step's boldness without hijacking the library-wide `--lr-font-weight-semibold` token."}},{"name":"--lr-stepper-current-index-bg","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-brand)`) — Background of the `current` step's numbered index chip (`step-index`)."}},{"name":"--lr-stepper-current-index-color","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-on-brand)`) — Text color of the `current` step's numbered index chip."}},{"name":"--lr-stepper-error-color","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-danger)`) — Text color of an `error` step."}},{"name":"--lr-stepper-hover-bg","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered, non-disabled step."}},{"name":"--lr-stepper-hover-color","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled step."}},{"name":"--lr-stream-status-dot-color","description":{"kind":"markdown","value":"**`<lr-stream-status>`** (default: `var(--lr-color-text-quiet)`) — `indicator` dot color. Its private default changes with reflected `connection-state` and the component-owned `data-stalled` state: `var(--lr-color-brand)` for `connecting`/`streaming`, `var(--lr-color-warning)` for `stalled`. Set it on the element or any ancestor; an element value wins."}},{"name":"--lr-stream-status-dot-opacity","description":{"kind":"markdown","value":"**`<lr-stream-status>`** (default: `0.35`) — `indicator` dot opacity. Its private default changes with those same host states: `0.6` for `connecting`, `1` for `streaming` and `stalled`. Set it on the element or any ancestor; an element value wins."}},{"name":"--lr-stream-status-message-color","description":{"kind":"markdown","value":"**`<lr-stream-status>`** (default: `var(--lr-color-warning)`) — `phase` and `message` text color while `data-stalled` is present. Decoupled from `--lr-stream-status-stalled-border-color` even though both fall back to the same shared token today."}},{"name":"--lr-stream-status-stalled-bg","description":{"kind":"markdown","value":"**`<lr-stream-status>`** (default: `var(--lr-color-warning-quiet)`) — `base` row background while `data-stalled` is present."}},{"name":"--lr-stream-status-stalled-border-color","description":{"kind":"markdown","value":"**`<lr-stream-status>`** (default: `var(--lr-color-warning)`) — `base` row border color while `data-stalled` is present."}},{"name":"--lr-subagent-panel-progress-fill","description":{"kind":"markdown","value":"**`<lr-subagent-panel>`** (default: `var(--lr-color-brand)`) — Progress fill."}},{"name":"--lr-subagent-panel-progress-track","description":{"kind":"markdown","value":"**`<lr-subagent-panel>`** (default: `var(--lr-color-border)`) — Progress track."}},{"name":"--lr-subagent-panel-selected-border","description":{"kind":"markdown","value":"**`<lr-subagent-panel>`** (default: `var(--lr-color-brand)`) — Selected run border."}},{"name":"--lr-suggestion-chips-hover-bg","description":{"kind":"markdown","value":"**`<lr-suggestion-chips>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered chip."}},{"name":"--lr-suggestion-chips-hover-border","description":{"kind":"markdown","value":"**`<lr-suggestion-chips>`** (default: `var(--lr-color-brand)`) — Border color of a hovered chip."}},{"name":"--lr-suggestion-chips-justify","description":{"kind":"markdown","value":"**`<lr-suggestion-chips>`** (default: `flex-start`) — Main-axis packing of the chip row. `center` centers every line, the wrapped final one included — what `::part(base)` alone cannot do."}},{"name":"--lr-svg-viewer-active-border","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-warning, var(--lr-color-brand))`) — Border color of the `[part=\"region-highlight\"]` matching `activeHighlightId`. Distinct from the resting highlight border, so the active region can be recolored without touching the rest."}},{"name":"--lr-svg-viewer-highlight-accent-color","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-brand)`) — Accent highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-danger-color","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-danger)`) — Danger highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-neutral-color","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-neutral)`) — Neutral highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-success-color","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-success)`) — Success highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-warning-color","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-warning)`) — Warning highlight border and hover tint."}},{"name":"--lr-svg-viewer-max-height","description":{"kind":"markdown","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":"--lr-swatch-picker-fill-size","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `var(--lr-theme-swatch-picker-fill-size, var(--lr-size-1-5rem))`) — Visible fill/icon diameter for the swatch. Its private default follows the active tier. Set `--lr-theme-swatch-picker-fill-size` on an ancestor to give every tier a shared default, or set this component hook on an ancestor/direct host to override every tier."}},{"name":"--lr-swatch-picker-gap","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `var(--lr-space-xs)`) — Gap between swatches."}},{"name":"--lr-swatch-picker-gemstone-selected-blur","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `var(--lr-size-0-5rem)`) — Selected glow blur used by `mode=\"gemstone\"` when `--lr-swatch-picker-selected-blur` is not overridden."}},{"name":"--lr-swatch-picker-gemstone-shine-duration","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `var(--lr-transition-ambient)`) — Selected shine timing used by `mode=\"gemstone\"` when `--lr-swatch-picker-shine-duration` is not overridden."}},{"name":"--lr-swatch-picker-hit-size","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `var(--lr-size-2-5rem)`) — Hit-area size (both min-inline-size and min-block-size) for the swatch button. Its private default follows the active tier and is floored at 24px; an inherited or direct public value wins."}},{"name":"--lr-swatch-picker-selected-blur","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `0`) — 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":"--lr-swatch-picker-selected-color","description":{"kind":"markdown","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":"--lr-swatch-picker-shine-duration","description":{"kind":"markdown","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":"--lr-switch-checked-track-fill","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `var(--lr-color-brand)`) — Track fill while checked."}},{"name":"--lr-switch-gap","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `var(--lr-space-s)`) — Gap between the track and label."}},{"name":"--lr-switch-thumb-fill","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `var(--lr-color-surface)`) — Thumb fill in either checked state."}},{"name":"--lr-switch-thumb-offset","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `var(--lr-size-2px)`) — Inset of the thumb from the track's edges."}},{"name":"--lr-switch-track-active-fill","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `color-mix(...)`) — Track fill while pressed."}},{"name":"--lr-switch-track-block-size","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `calc(var(--lr-form-control-height) * 0.5)`) — Block size of the track, half the `size` tier's shared control height; the thumb's diameter is derived from it minus twice `--lr-switch-thumb-offset`."}},{"name":"--lr-switch-track-fill","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `var(--lr-color-border)`) — Resting fill of `[part='track']`, used as the source for the hover and press fallbacks."}},{"name":"--lr-switch-track-hover-fill","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `color-mix(...)`) — Track fill while hovered."}},{"name":"--lr-switch-track-inline-size","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `calc(var(--lr-switch-track-block-size) * 1.8)`) — Inline size of the track, and (with the block size) the distance the thumb travels when checked. Derived from the block size, so re-sizing the track keeps its aspect ratio."}},{"name":"--lr-tab-group-active-bg","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed, non-disabled tab."}},{"name":"--lr-tab-group-active-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-tab-group-hover-color, var(--lr-color-text))`) — Text color of a pressed, non-disabled tab."}},{"name":"--lr-tab-group-hover-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled tab. Independent of the selected-state props above. Pressed-tab and scroll-control hooks use inline `var()` fallbacks rather than a `:host` declaration, so they inherit from the group or any ancestor without retheming the other states."}},{"name":"--lr-tab-group-indicator-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-color-brand)`) — Color of the selected tab's underline, themeable independently of its text color."}},{"name":"--lr-tab-group-scroll-button-active-bg","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed overflow scroll control."}},{"name":"--lr-tab-group-scroll-button-active-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-color-text)`) — Text color of a pressed overflow scroll control."}},{"name":"--lr-tab-group-scroll-button-hover-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-color-text)`) — Text color of a hovered overflow scroll control."}},{"name":"--lr-tab-group-selected-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (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)."}},{"name":"--lr-tab-group-vertical-nav-max-inline-size","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-size-12rem)`) — Maximum logical inline size of a vertical `start`/`end` nav. Long labels ellipsize inside that bound so the panel remains usable at narrow allocations."}},{"name":"--lr-table-cell-color","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `inherit`) — Text colour of body cells; inherits the host's own colour by default."}},{"name":"--lr-table-cell-link-color","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-brand)`) — Colour of an anchor returned from a column's `cell(row)`. Such an anchor renders inside this component's shadow root, so page CSS cannot reach it and `::part()` cannot select past the first compound selector to reach it either; without this hook it computes to the UA default link blue. Set `revert` for the UA default."}},{"name":"--lr-table-cell-link-hover-color","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-table-cell-link-color,var(--lr-color-brand))`) — Colour of that anchor on hover and `:focus-visible`, which also thicken its underline."}},{"name":"--lr-table-header-sorted-bg","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-surface)`) — Background of the currently-sorted column's header cell (`[aria-sort]` other than `none`). Same rationale as `--lr-table-row-selected-bg`: `::part(header-cell)[aria-sort]` is invalid CSS, so this token is the supported way to recolor the sorted header without hijacking a library-wide token."}},{"name":"--lr-table-header-sorted-color","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `inherit`) — Text color of the currently-sorted column's header cell."}},{"name":"--lr-table-heat-t","description":{"kind":"markdown","value":"**`<lr-table>`** — This cell's position on the heat-tint ramp, as a percentage string. Set inline by the component on each `[data-heat]` cell; not consumer-settable."}},{"name":"--lr-table-heat-tint-hi","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-brand)`) — High endpoint of the heat-tint ramp used by `heatValue` columns. Inherits from theme ancestors."}},{"name":"--lr-table-heat-tint-lo","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the heat-tint ramp used by `heatValue` columns. Inherits from theme ancestors."}},{"name":"--lr-table-max-height","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `none`) — Cap on the scroll container's block size, past which the table body scrolls."}},{"name":"--lr-table-resize-handle-active-bg","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-table-resize-handle-hover-bg,var(--lr-color-brand))`) — Resize-handle pressed background."}},{"name":"--lr-table-resize-handle-active-opacity","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `calc(var(--lr-table-resize-handle-hover-opacity,var(--lr-table-resize-handle-opacity,0.12))*2)`) — Resize-handle pressed opacity."}},{"name":"--lr-table-resize-handle-hover-bg","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-brand)`) — Resize-handle hover/focus background."}},{"name":"--lr-table-resize-handle-hover-opacity","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-table-resize-handle-opacity,0.12)`) — Resize-handle hover/focus opacity."}},{"name":"--lr-table-resize-handle-opacity","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `0.12`) — Hover/focus opacity of the resize handle. Legacy shared-state hook; inherits from theme ancestors."}},{"name":"--lr-table-resize-min-width","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-size-3rem)`) — Default minimum width for a resizable column without an explicit pixel `minWidth`. Inherits from theme ancestors."}},{"name":"--lr-table-row-selected-bg","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-brand-quiet)`) — Background of a row whose `aria-selected` is `true`. Shadow Parts forbids an attribute selector after `::part()`, so `::part(row)[aria-selected]` is invalid CSS and the selected row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-table-row-stripe-bg","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `transparent`) — Background of alternating body rows. The token is read only on rows carrying the internal stripe marker, so it can be set on the table or an ancestor without affecting group, expanded, hover, or selected rows."}},{"name":"--lr-table-sticky-offset","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `0`) — Distance a `sticky` column pins from the inline edge. Measured and set inline per column by the component so multiple sticky columns stack instead of overlapping; falls back to `0` for the first one, or before the first measurement pass."}},{"name":"--lr-tag-remove-hover-background","description":{"kind":"markdown","value":"**`<lr-tag>`** (default: `color-mix(in srgb, currentColor 16%, transparent)`) — Background of the remove button on hover."}},{"name":"--lr-tag-remove-radius","description":{"kind":"markdown","value":"**`<lr-tag>`** (default: `var(--lr-badge-radius)`) — Corner radius of the remove button, defaulting to the tag's own corner so retuning one retunes both."}},{"name":"--lr-task-list-compact-body-padding","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-space-2xs) var(--lr-space-s) var(--lr-space-s)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-task-list-compact-gap","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"body\"]`'s item rows while `compact`."}},{"name":"--lr-task-list-compact-header-font-size","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-font-size-sm)`) — `[part=\"header\"]` font size while `compact`."}},{"name":"--lr-task-list-compact-header-gap","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"header\"]`'s toggle/label/summary while `compact`."}},{"name":"--lr-task-list-compact-header-padding","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."}},{"name":"--lr-task-list-error-color","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-color-danger)`) — Error status icon color."}},{"name":"--lr-task-list-pending-color","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-color-text-quiet)`) — Pending status icon color."}},{"name":"--lr-task-list-running-color","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-color-brand)`) — Running status icon color."}},{"name":"--lr-task-list-spin","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-transition-ambient)`) — Running-status icon spin animation duration/timing."}},{"name":"--lr-task-list-success-color","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-color-success)`) — Success status icon color."}},{"name":"--lr-terminal-bg-black","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg black. Reads `--lr-theme-terminal-bg-black`."}},{"name":"--lr-terminal-bg-blue","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg blue. Reads `--lr-theme-terminal-bg-blue`."}},{"name":"--lr-terminal-bg-bright-black","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright black. Reads `--lr-theme-terminal-bg-bright-black`."}},{"name":"--lr-terminal-bg-bright-blue","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright blue. Reads `--lr-theme-terminal-bg-bright-blue`."}},{"name":"--lr-terminal-bg-bright-cyan","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright cyan. Reads `--lr-theme-terminal-bg-bright-cyan`."}},{"name":"--lr-terminal-bg-bright-green","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright green. Reads `--lr-theme-terminal-bg-bright-green`."}},{"name":"--lr-terminal-bg-bright-magenta","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright magenta. Reads `--lr-theme-terminal-bg-bright-magenta`."}},{"name":"--lr-terminal-bg-bright-red","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright red. Reads `--lr-theme-terminal-bg-bright-red`."}},{"name":"--lr-terminal-bg-bright-white","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright white. Reads `--lr-theme-terminal-bg-bright-white`."}},{"name":"--lr-terminal-bg-bright-yellow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright yellow. Reads `--lr-theme-terminal-bg-bright-yellow`."}},{"name":"--lr-terminal-bg-cyan","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg cyan. Reads `--lr-theme-terminal-bg-cyan`."}},{"name":"--lr-terminal-bg-green","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg green. Reads `--lr-theme-terminal-bg-green`."}},{"name":"--lr-terminal-bg-magenta","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg magenta. Reads `--lr-theme-terminal-bg-magenta`."}},{"name":"--lr-terminal-bg-red","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg red. Reads `--lr-theme-terminal-bg-red`."}},{"name":"--lr-terminal-bg-white","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg white. Reads `--lr-theme-terminal-bg-white`."}},{"name":"--lr-terminal-bg-yellow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg yellow. Reads `--lr-theme-terminal-bg-yellow`."}},{"name":"--lr-terminal-color-black","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color black. Reads `--lr-theme-terminal-color-black`."}},{"name":"--lr-terminal-color-blue","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color blue. Reads `--lr-theme-terminal-color-blue`."}},{"name":"--lr-terminal-color-bright-black","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright black. Reads `--lr-theme-terminal-color-bright-black`."}},{"name":"--lr-terminal-color-bright-blue","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright blue. Reads `--lr-theme-terminal-color-bright-blue`."}},{"name":"--lr-terminal-color-bright-cyan","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright cyan. Reads `--lr-theme-terminal-color-bright-cyan`."}},{"name":"--lr-terminal-color-bright-green","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright green. Reads `--lr-theme-terminal-color-bright-green`."}},{"name":"--lr-terminal-color-bright-magenta","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright magenta. Reads `--lr-theme-terminal-color-bright-magenta`."}},{"name":"--lr-terminal-color-bright-red","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright red. Reads `--lr-theme-terminal-color-bright-red`."}},{"name":"--lr-terminal-color-bright-white","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright white. Reads `--lr-theme-terminal-color-bright-white`."}},{"name":"--lr-terminal-color-bright-yellow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright yellow. Reads `--lr-theme-terminal-color-bright-yellow`."}},{"name":"--lr-terminal-color-cyan","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color cyan. Reads `--lr-theme-terminal-color-cyan`."}},{"name":"--lr-terminal-color-green","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color green. Reads `--lr-theme-terminal-color-green`."}},{"name":"--lr-terminal-color-magenta","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color magenta. Reads `--lr-theme-terminal-color-magenta`."}},{"name":"--lr-terminal-color-red","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color red. Reads `--lr-theme-terminal-color-red`."}},{"name":"--lr-terminal-color-white","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color white. Reads `--lr-theme-terminal-color-white`."}},{"name":"--lr-terminal-color-yellow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color yellow. Reads `--lr-theme-terminal-color-yellow`."}},{"name":"--lr-terminal-compact-line-padding-inline","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-space-xs)`) — Inline padding of each rendered `[part=\"line\"]` while `compact`."}},{"name":"--lr-terminal-compact-toolbar-gap","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"toolbar\"]`'s buttons while `compact`."}},{"name":"--lr-terminal-compact-toolbar-padding","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-space-2xs) var(--lr-space-xs)`) — `[part=\"toolbar\"]` padding while `compact`."}},{"name":"--lr-terminal-height","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-size-20rem)`) — Block size of `[part=\"viewport\"]`, the scrollable log region. Not declared on `:host`, so it is inherited — set it on the host or any ancestor."}},{"name":"--lr-terminal-highlight-accent-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-brand-quiet)`) — Background of an `accent`-tone highlighted line. Decoupled from the shared `--lr-color-brand-quiet` token also used by `[part=\"copy-button\"]`/`[part=\"download-button\"]`'s hover state, and from any `::part('line')` override (the background is applied inline, so a stylesheet rule can't beat it without `!important`)."}},{"name":"--lr-terminal-highlight-danger-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-danger-quiet)`) — Background of a `danger`-tone highlighted line."}},{"name":"--lr-terminal-highlight-neutral-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-surface)`) — Background of a `neutral`-tone highlighted line."}},{"name":"--lr-terminal-highlight-success-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-success-quiet)`) — Background of a `success`-tone highlighted line."}},{"name":"--lr-terminal-highlight-warning-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-warning-quiet)`) — Background of a `warning`-tone highlighted line."}},{"name":"--lr-terminal-line-active-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `color-mix(in oklab, var(--lr-terminal-line-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of an ordinary rendered line."}},{"name":"--lr-terminal-line-hover-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of an ordinary rendered `[part=\"line\"]`."}},{"name":"--lr-terminal-search-active-outline-color","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-brand)`) — Outline color for the active search match's line."}},{"name":"--lr-terminal-search-outline-color","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-warning)`) — Outline color for a line containing a non-active search match."}},{"name":"--lr-terminal-surface-color","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-surface-raised)`) — Card-frame background and the fallback foreground for inverse ANSI segments without an explicit background. The `frame=\"plain\"` escape remains transparent."}},{"name":"--lr-terminal-toolbar-button-active-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `color-mix(in oklab, var(--lr-terminal-toolbar-button-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the toolbar buttons."}},{"name":"--lr-terminal-toolbar-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of `[part=\"copy-button\"]` and `[part=\"download-button\"]`."}},{"name":"--lr-test-results-failed-color","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-danger)`) — Failed-state foreground."}},{"name":"--lr-test-results-filter-active-bg","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (active) status filter toggle."}},{"name":"--lr-test-results-filter-active-border","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Border color of a pressed (active) status filter toggle."}},{"name":"--lr-test-results-filter-active-color","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Text color of a pressed (active) status filter toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(filter-toggle)[aria-pressed]` is invalid CSS."}},{"name":"--lr-test-results-passed-color","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-success)`) — Passed-state foreground."}},{"name":"--lr-test-results-running-color","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Running-state foreground."}},{"name":"--lr-test-results-skipped-color","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-text-quiet)`) — Skipped-state foreground."}},{"name":"--lr-test-results-spinner-size","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-size-1em)`) — Diameter of the composed spinner in a running test row."}},{"name":"--lr-textarea-border-color","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `var(--lr-color-border)`) — Border color of the field. Its private default follows `appearance` in the same way as `--lr-textarea-fill`."}},{"name":"--lr-textarea-fill","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `transparent`) — Background of the field. Its private default follows `appearance`; the documented default is `appearance=\"outlined\"`'s value."}},{"name":"--lr-textarea-font-size","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `var(--lr-form-control-font-size)`) — Font size of the native textarea, from the active `size` tier of the shared ladder."}},{"name":"--lr-textarea-hover-border-color","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `var(--lr-color-brand)`) — Field border color while the native textarea is hovered."}},{"name":"--lr-textarea-max-block-size","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `none`) — Maximum auto-grown block size before the textarea scrolls."}},{"name":"--lr-textarea-padding","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `var(--lr-form-control-padding-inline)`) — Padding of the native textarea on all four sides, from the active `size` tier of the shared form-control ladder (`internal/sizes.styles.ts`). The ladder's *inline* gutter is used on every side deliberately: its block padding is `0` at the two tightest tiers because a control row's height floor supplies the space there, and a textarea has no such floor -- the first line of text would sit on the border."}},{"name":"--lr-textarea-radius","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `var(--lr-form-control-radius)`) — Corner radius of the field, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius). `pill` changes the private default to `--lr-radius-pill`; a public value still wins."}},{"name":"--lr-theme-border-radius-m","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for border radius m."}},{"name":"--lr-theme-border-radius-pill","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-radius-pill."}},{"name":"--lr-theme-border-radius-xs","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-radius-xs."}},{"name":"--lr-theme-border-width-medium","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-border-width-medium."}},{"name":"--lr-theme-border-width-thick","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-border-width-thick."}},{"name":"--lr-theme-border-width-thin","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-border-width-thin."}},{"name":"--lr-theme-color-border-strong","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color border strong."}},{"name":"--lr-theme-color-brand-border-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand border loud."}},{"name":"--lr-theme-color-brand-border-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand border normal."}},{"name":"--lr-theme-color-brand-border-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand border quiet."}},{"name":"--lr-theme-color-brand-fill-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand fill loud."}},{"name":"--lr-theme-color-brand-fill-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand fill normal."}},{"name":"--lr-theme-color-brand-fill-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand fill quiet."}},{"name":"--lr-theme-color-brand-on-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand on loud."}},{"name":"--lr-theme-color-brand-on-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand on normal."}},{"name":"--lr-theme-color-brand-on-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand on quiet."}},{"name":"--lr-theme-color-chart-1","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 1."}},{"name":"--lr-theme-color-chart-2","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 2."}},{"name":"--lr-theme-color-chart-3","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 3."}},{"name":"--lr-theme-color-chart-4","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 4."}},{"name":"--lr-theme-color-chart-5","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 5."}},{"name":"--lr-theme-color-chart-6","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 6."}},{"name":"--lr-theme-color-chart-7","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 7."}},{"name":"--lr-theme-color-chart-8","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 8."}},{"name":"--lr-theme-color-danger-border-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger border loud."}},{"name":"--lr-theme-color-danger-border-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger border normal."}},{"name":"--lr-theme-color-danger-border-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger border quiet."}},{"name":"--lr-theme-color-danger-fill-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger fill loud."}},{"name":"--lr-theme-color-danger-fill-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger fill normal."}},{"name":"--lr-theme-color-danger-fill-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger fill quiet."}},{"name":"--lr-theme-color-danger-on-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger on loud."}},{"name":"--lr-theme-color-danger-on-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger on normal."}},{"name":"--lr-theme-color-danger-on-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger on quiet."}},{"name":"--lr-theme-color-focus","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color focus."}},{"name":"--lr-theme-color-mix-active","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-color-mix-active."}},{"name":"--lr-theme-color-mix-hover","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-color-mix-hover."}},{"name":"--lr-theme-color-mix-partner","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-color-mix-partner."}},{"name":"--lr-theme-color-neutral-border-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral border loud."}},{"name":"--lr-theme-color-neutral-border-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral border normal."}},{"name":"--lr-theme-color-neutral-border-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral border quiet."}},{"name":"--lr-theme-color-neutral-fill-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral fill loud."}},{"name":"--lr-theme-color-neutral-fill-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral fill normal."}},{"name":"--lr-theme-color-neutral-fill-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral fill quiet."}},{"name":"--lr-theme-color-neutral-on-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral on loud."}},{"name":"--lr-theme-color-neutral-on-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral on normal."}},{"name":"--lr-theme-color-neutral-on-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral on quiet."}},{"name":"--lr-theme-color-no-data","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color no data."}},{"name":"--lr-theme-color-on-strong-overlay","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color on strong overlay."}},{"name":"--lr-theme-color-overlay","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color overlay."}},{"name":"--lr-theme-color-overlay-strong","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color overlay strong."}},{"name":"--lr-theme-color-shadow","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-color-shadow."}},{"name":"--lr-theme-color-success-border-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success border loud."}},{"name":"--lr-theme-color-success-border-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success border normal."}},{"name":"--lr-theme-color-success-border-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success border quiet."}},{"name":"--lr-theme-color-success-fill-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success fill loud."}},{"name":"--lr-theme-color-success-fill-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success fill normal."}},{"name":"--lr-theme-color-success-fill-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success fill quiet."}},{"name":"--lr-theme-color-success-on-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success on loud."}},{"name":"--lr-theme-color-success-on-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success on normal."}},{"name":"--lr-theme-color-success-on-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success on quiet."}},{"name":"--lr-theme-color-surface-border","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color surface border."}},{"name":"--lr-theme-color-surface-default","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color surface default."}},{"name":"--lr-theme-color-surface-overlay","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color surface overlay."}},{"name":"--lr-theme-color-surface-raised","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color surface raised."}},{"name":"--lr-theme-color-text-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color text normal."}},{"name":"--lr-theme-color-text-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color text quiet."}},{"name":"--lr-theme-color-warning-border-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning border loud."}},{"name":"--lr-theme-color-warning-border-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning border normal."}},{"name":"--lr-theme-color-warning-border-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning border quiet."}},{"name":"--lr-theme-color-warning-fill-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning fill loud."}},{"name":"--lr-theme-color-warning-fill-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning fill normal."}},{"name":"--lr-theme-color-warning-fill-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning fill quiet."}},{"name":"--lr-theme-color-warning-on-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning on loud."}},{"name":"--lr-theme-color-warning-on-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning on normal."}},{"name":"--lr-theme-color-warning-on-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning on quiet."}},{"name":"--lr-theme-duration-fast","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-duration-fast."}},{"name":"--lr-theme-duration-icon","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-duration-icon."}},{"name":"--lr-theme-duration-normal","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-duration-base."}},{"name":"--lr-theme-duration-slow","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-duration-ambient."}},{"name":"--lr-theme-easing-emphasized","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-easing-emphasized."}},{"name":"--lr-theme-easing-linear","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-easing-linear."}},{"name":"--lr-theme-easing-standard","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-easing-standard."}},{"name":"--lr-theme-focus-ring-offset","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for focus ring offset."}},{"name":"--lr-theme-focus-ring-width","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for focus ring width."}},{"name":"--lr-theme-font-family-body","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font family body."}},{"name":"--lr-theme-font-family-mono","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font family mono."}},{"name":"--lr-theme-font-size-2xl","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size 2xl."}},{"name":"--lr-theme-font-size-2xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size 2xs."}},{"name":"--lr-theme-font-size-3xl","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size 3xl."}},{"name":"--lr-theme-font-size-3xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size 3xs."}},{"name":"--lr-theme-font-size-lg","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size lg."}},{"name":"--lr-theme-font-size-m","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size m."}},{"name":"--lr-theme-font-size-md-sm","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size md sm."}},{"name":"--lr-theme-font-size-sm","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size sm."}},{"name":"--lr-theme-font-size-xl","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size xl."}},{"name":"--lr-theme-font-size-xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size xs."}},{"name":"--lr-theme-font-weight-bold","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-font-weight-bold."}},{"name":"--lr-theme-font-weight-medium","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-font-weight-medium."}},{"name":"--lr-theme-font-weight-normal","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-font-weight-normal."}},{"name":"--lr-theme-font-weight-semibold","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-font-weight-semibold."}},{"name":"--lr-theme-graph-cat-1","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 1."}},{"name":"--lr-theme-graph-cat-2","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 2."}},{"name":"--lr-theme-graph-cat-3","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 3."}},{"name":"--lr-theme-graph-cat-4","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 4."}},{"name":"--lr-theme-graph-cat-5","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 5."}},{"name":"--lr-theme-graph-cat-6","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 6."}},{"name":"--lr-theme-graph-cat-7","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 7."}},{"name":"--lr-theme-graph-cat-8","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 8."}},{"name":"--lr-theme-hover-brightness","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-hover-brightness."}},{"name":"--lr-theme-icon-button-size","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for icon button size."}},{"name":"--lr-theme-line-height-1-4","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-1-4."}},{"name":"--lr-theme-line-height-compact","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-compact."}},{"name":"--lr-theme-line-height-loose","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-loose."}},{"name":"--lr-theme-line-height-none","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-none."}},{"name":"--lr-theme-line-height-normal","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-normal."}},{"name":"--lr-theme-line-height-snug","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-snug."}},{"name":"--lr-theme-opacity-disabled","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-opacity-disabled."}},{"name":"--lr-theme-opacity-muted","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-opacity-muted."}},{"name":"--lr-theme-otp-input-segment-size","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-otp-input-segment-size."}},{"name":"--lr-theme-popover-viewport-clamp","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-popover-viewport-clamp."}},{"name":"--lr-theme-scroll-fade-size","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-scroll-fade-size."}},{"name":"--lr-theme-shadow-color","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow color."}},{"name":"--lr-theme-shadow-l","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow l."}},{"name":"--lr-theme-shadow-m","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow m."}},{"name":"--lr-theme-shadow-s","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow s."}},{"name":"--lr-theme-shadow-xl","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow xl."}},{"name":"--lr-theme-shadow-xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow xs."}},{"name":"--lr-theme-size-0-02em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-02em."}},{"name":"--lr-theme-size-0-03em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-03em."}},{"name":"--lr-theme-size-0-04em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-04em."}},{"name":"--lr-theme-size-0-05rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-05rem."}},{"name":"--lr-theme-size-0-0625rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-0625rem."}},{"name":"--lr-theme-size-0-09375rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-09375rem."}},{"name":"--lr-theme-size-0-125rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-125rem."}},{"name":"--lr-theme-size-0-15rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-15rem."}},{"name":"--lr-theme-size-0-1875rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-1875rem."}},{"name":"--lr-theme-size-0-1rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-1rem."}},{"name":"--lr-theme-size-0-25rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-25rem."}},{"name":"--lr-theme-size-0-3125rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-3125rem."}},{"name":"--lr-theme-size-0-35em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-35em."}},{"name":"--lr-theme-size-0-375rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-375rem."}},{"name":"--lr-theme-size-0-3em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-3em."}},{"name":"--lr-theme-size-0-4375rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-4375rem."}},{"name":"--lr-theme-size-0-4em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-4em."}},{"name":"--lr-theme-size-0-4rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-4rem."}},{"name":"--lr-theme-size-0-5em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-5em."}},{"name":"--lr-theme-size-0-5rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-5rem."}},{"name":"--lr-theme-size-0-625rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-625rem."}},{"name":"--lr-theme-size-0-6875rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-6875rem."}},{"name":"--lr-theme-size-0-6rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-6rem."}},{"name":"--lr-theme-size-0-75em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-75em."}},{"name":"--lr-theme-size-0-75rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-75rem."}},{"name":"--lr-theme-size-0-7em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-7em."}},{"name":"--lr-theme-size-0-875em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-875em."}},{"name":"--lr-theme-size-0-8rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-8rem."}},{"name":"--lr-theme-size-0-9375rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-9375rem."}},{"name":"--lr-theme-size-1-0625rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-0625rem."}},{"name":"--lr-theme-size-1-1rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-1rem."}},{"name":"--lr-theme-size-1-25rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-25rem."}},{"name":"--lr-theme-size-1-5em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-5em."}},{"name":"--lr-theme-size-1-5rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-5rem."}},{"name":"--lr-theme-size-1-75rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-75rem."}},{"name":"--lr-theme-size-1-875rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-875rem."}},{"name":"--lr-theme-size-10px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-10px."}},{"name":"--lr-theme-size-10rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-10rem."}},{"name":"--lr-theme-size-12em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-12em."}},{"name":"--lr-theme-size-12rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-12rem."}},{"name":"--lr-theme-size-14px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-14px."}},{"name":"--lr-theme-size-14rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-14rem."}},{"name":"--lr-theme-size-15rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-15rem."}},{"name":"--lr-theme-size-16px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-16px."}},{"name":"--lr-theme-size-16rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-16rem."}},{"name":"--lr-theme-size-18rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-18rem."}},{"name":"--lr-theme-size-1em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1em."}},{"name":"--lr-theme-size-1px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1px."}},{"name":"--lr-theme-size-1rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1rem."}},{"name":"--lr-theme-size-2-25rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-2-25rem."}},{"name":"--lr-theme-size-2-5ch","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-2-5ch."}},{"name":"--lr-theme-size-2-5rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-2-5rem."}},{"name":"--lr-theme-size-20rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-20rem."}},{"name":"--lr-theme-size-22rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-22rem."}},{"name":"--lr-theme-size-24px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-24px."}},{"name":"--lr-theme-size-24rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-24rem."}},{"name":"--lr-theme-size-280px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-280px."}},{"name":"--lr-theme-size-28px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-28px."}},{"name":"--lr-theme-size-28rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-28rem."}},{"name":"--lr-theme-size-2px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-2px."}},{"name":"--lr-theme-size-2rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-2rem."}},{"name":"--lr-theme-size-3-5em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-3-5em."}},{"name":"--lr-theme-size-3-5rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-3-5rem."}},{"name":"--lr-theme-size-30rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-30rem."}},{"name":"--lr-theme-size-32rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-32rem."}},{"name":"--lr-theme-size-36rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-36rem."}},{"name":"--lr-theme-size-38rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-38rem."}},{"name":"--lr-theme-size-3ch","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-3ch."}},{"name":"--lr-theme-size-3px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-3px."}},{"name":"--lr-theme-size-3rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-3rem."}},{"name":"--lr-theme-size-48rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-48rem."}},{"name":"--lr-theme-size-4ch","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-4ch."}},{"name":"--lr-theme-size-4px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-4px."}},{"name":"--lr-theme-size-4rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-4rem."}},{"name":"--lr-theme-size-5em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-5em."}},{"name":"--lr-theme-size-5rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-5rem."}},{"name":"--lr-theme-size-6ch","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-6ch."}},{"name":"--lr-theme-size-6em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-6em."}},{"name":"--lr-theme-size-6px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-6px."}},{"name":"--lr-theme-size-6rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-6rem."}},{"name":"--lr-theme-size-7rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-7rem."}},{"name":"--lr-theme-size-8em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-8em."}},{"name":"--lr-theme-size-8rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-8rem."}},{"name":"--lr-theme-size-neg-0-15rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-0-15rem."}},{"name":"--lr-theme-size-neg-0-25rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-0-25rem."}},{"name":"--lr-theme-size-neg-1px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-1px."}},{"name":"--lr-theme-size-neg-4px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-4px."}},{"name":"--lr-theme-size-neg-6px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-6px."}},{"name":"--lr-theme-size-neg-8px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-8px."}},{"name":"--lr-theme-space-2xl","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space 2xl."}},{"name":"--lr-theme-space-2xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space 2xs."}},{"name":"--lr-theme-space-l","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space l."}},{"name":"--lr-theme-space-m","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space m."}},{"name":"--lr-theme-space-s","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space s."}},{"name":"--lr-theme-space-xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space xs."}},{"name":"--lr-theme-terminal-bg-black","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg black."}},{"name":"--lr-theme-terminal-bg-blue","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg blue."}},{"name":"--lr-theme-terminal-bg-bright-black","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright black."}},{"name":"--lr-theme-terminal-bg-bright-blue","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright blue."}},{"name":"--lr-theme-terminal-bg-bright-cyan","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright cyan."}},{"name":"--lr-theme-terminal-bg-bright-green","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright green."}},{"name":"--lr-theme-terminal-bg-bright-magenta","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright magenta."}},{"name":"--lr-theme-terminal-bg-bright-red","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright red."}},{"name":"--lr-theme-terminal-bg-bright-white","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright white."}},{"name":"--lr-theme-terminal-bg-bright-yellow","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright yellow."}},{"name":"--lr-theme-terminal-bg-cyan","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg cyan."}},{"name":"--lr-theme-terminal-bg-green","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg green."}},{"name":"--lr-theme-terminal-bg-magenta","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg magenta."}},{"name":"--lr-theme-terminal-bg-red","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg red."}},{"name":"--lr-theme-terminal-bg-white","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg white."}},{"name":"--lr-theme-terminal-bg-yellow","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg yellow."}},{"name":"--lr-theme-terminal-color-black","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color black."}},{"name":"--lr-theme-terminal-color-blue","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color blue."}},{"name":"--lr-theme-terminal-color-bright-black","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright black."}},{"name":"--lr-theme-terminal-color-bright-blue","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright blue."}},{"name":"--lr-theme-terminal-color-bright-cyan","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright cyan."}},{"name":"--lr-theme-terminal-color-bright-green","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright green."}},{"name":"--lr-theme-terminal-color-bright-magenta","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright magenta."}},{"name":"--lr-theme-terminal-color-bright-red","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright red."}},{"name":"--lr-theme-terminal-color-bright-white","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright white."}},{"name":"--lr-theme-terminal-color-bright-yellow","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright yellow."}},{"name":"--lr-theme-terminal-color-cyan","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color cyan."}},{"name":"--lr-theme-terminal-color-green","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color green."}},{"name":"--lr-theme-terminal-color-magenta","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color magenta."}},{"name":"--lr-theme-terminal-color-red","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color red."}},{"name":"--lr-theme-terminal-color-white","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color white."}},{"name":"--lr-theme-terminal-color-yellow","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color yellow."}},{"name":"--lr-theme-transition-fast","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-transition-fast."}},{"name":"--lr-theme-transition-normal","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-transition-base."}},{"name":"--lr-theme-transition-slow","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-transition-ambient."}},{"name":"--lr-theme-z-index-base","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index base."}},{"name":"--lr-theme-z-index-content","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index content."}},{"name":"--lr-theme-z-index-dropdown","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index dropdown."}},{"name":"--lr-theme-z-index-modal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index modal."}},{"name":"--lr-theme-z-index-popover","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index popover."}},{"name":"--lr-theme-z-index-toast","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index toast."}},{"name":"--lr-thinking-panel-compact-body-padding","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-space-s)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-thinking-panel-compact-header-font-size","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-font-size-sm)`) — Font size of `[part=\"header\"]` while `compact`."}},{"name":"--lr-thinking-panel-compact-header-gap","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-space-2xs)`) — Gap between the header toggle, label, and duration while `compact`."}},{"name":"--lr-thinking-panel-compact-header-padding","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."}},{"name":"--lr-thinking-panel-max-block-size","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-size-16rem)`) — Cap on how tall the expanded reasoning transcript grows before `[part=\"body\"]` scrolls internally."}},{"name":"--lr-thinking-panel-pending-color","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-color-brand)`) — Live pending-state color."}},{"name":"--lr-thread-list-excerpt-highlight-background","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-color-warning-quiet)`) — Background of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-foreground","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `inherit`) — Foreground of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-padding","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `0`) — Padding of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-radius","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-radius-xs)`) — Corner radius of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-group-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `color-mix(in oklab, var(--lr-thread-list-group-toggle-hover-bg, var(--lr-color-surface-raised)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Group-toggle pressed background."}},{"name":"--lr-thread-list-group-toggle-active-color","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-thread-list-group-toggle-hover-color, var(--lr-color-text))`) — Group-toggle pressed foreground."}},{"name":"--lr-thread-list-group-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-color-surface-raised)`) — Group-toggle hover background."}},{"name":"--lr-thread-list-group-toggle-hover-color","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-color-text)`) — Group-toggle hover foreground."}},{"name":"--lr-thread-list-row-action-active-bg","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `color-mix(in oklab, var(--lr-thread-list-row-action-hover-bg, var(--lr-color-surface-raised)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Row-action pressed background."}},{"name":"--lr-thread-list-row-action-active-color","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-thread-list-row-action-hover-color, var(--lr-color-text))`) — Row-action pressed foreground."}},{"name":"--lr-thread-list-row-action-hover-bg","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-color-surface-raised)`) — Row-action hover background."}},{"name":"--lr-thread-list-row-action-hover-color","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-color-text)`) — Row-action hover foreground."}},{"name":"--lr-time-input-action-active-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** — Clear/expand/Now pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-action-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-text-quiet)`) — Resting clear/expand color."}},{"name":"--lr-time-input-action-hover-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-brand-quiet)`) — Clear/expand/Now hover fill."}},{"name":"--lr-time-input-action-hover-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-text)`) — Hovered clear/expand color."}},{"name":"--lr-time-input-border-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-border)`) — Outer row border color, with appearance-specific fallbacks."}},{"name":"--lr-time-input-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-text)`) — Outer row text color, including the accent appearance fallback."}},{"name":"--lr-time-input-column-active-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** — Picker-option pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-column-hover-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-brand-quiet)`) — Picker-option hover fill."}},{"name":"--lr-time-input-column-selected-active-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** — Selected-option pressed fill; derived when unset."}},{"name":"--lr-time-input-column-selected-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-brand)`) — Selected option fill."}},{"name":"--lr-time-input-column-selected-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-on-brand)`) — Selected option text."}},{"name":"--lr-time-input-column-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-font-weight-semibold)`) — Selected option weight."}},{"name":"--lr-time-input-column-selected-hover-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** — Selected-option hover fill; derived when unset."}},{"name":"--lr-time-input-fill","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `transparent`) — Outer row background, with appearance-specific fallbacks."}},{"name":"--lr-time-input-focus-border-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-brand)`) — Open/focused row border."}},{"name":"--lr-time-input-gap","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-form-control-gap)`) — Gap between segments, adornments, and actions in the outer row. Undeclared on the host so ancestor theme wrappers can set it."}},{"name":"--lr-time-input-radius","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-form-control-radius)`) — Outer row corner radius. `pill` supplies `--lr-radius-pill` only as the fallback, so a component-scoped value wins."}},{"name":"--lr-time-input-segment-active-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** — Segment pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-segment-focus-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-time-input-segment-hover-bg,var(--lr-color-brand-quiet))`) — Keyboard-focused segment fill."}},{"name":"--lr-time-input-segment-hover-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-brand-quiet)`) — Segment hover fill."}},{"name":"--lr-time-range-base-size","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `1.5rem*scale`) — Brush baseline block size."}},{"name":"--lr-time-range-handle-bg","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Resting handle background."}},{"name":"--lr-time-range-handle-border-color","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-surface)`) — Resting handle border."}},{"name":"--lr-time-range-handle-hover-bg","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Hovered handle background; defaults to a hover-state mix of `--lr-time-range-handle-bg`."}},{"name":"--lr-time-range-handle-pressed-bg","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Pressed handle background; defaults to an active-state mix of `--lr-time-range-handle-bg`."}},{"name":"--lr-time-range-handle-size","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `14px*scale`) — Visible handle diameter."}},{"name":"--lr-time-range-hit-size","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `max(24px,28px*scale)`) — Actual drag hit-area diameter; endpoint handles are inset by half this distance so the hit geometry stays inside the host."}},{"name":"--lr-time-range-preset-active-bg","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Background of the active preset button (`[data-active]`, i.e. the preset whose button produced the current range). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active preset without hijacking the library-wide `--lr-color-brand` token."}},{"name":"--lr-time-range-preset-active-border-color","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Border color of the active preset button."}},{"name":"--lr-time-range-preset-active-color","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-on-brand)`) — Text color of the active preset button."}},{"name":"--lr-time-range-preset-font-size","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Preset button font size, scaled by `size`."}},{"name":"--lr-time-range-preset-gap","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-space-xs)`) — Gap between preset buttons."}},{"name":"--lr-time-range-preset-hover-border-color","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Border color of a hovered preset button."}},{"name":"--lr-time-range-preset-padding","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Preset button padding, scaled by `size`."}},{"name":"--lr-time-range-preset-pressed-bg","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Background of a pressed preset button; defaults to an active-state mix of `--lr-color-surface`."}},{"name":"--lr-time-range-preset-pressed-border-color","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Border color of a pressed preset button; defaults to an active-state mix of `--lr-color-brand`."}},{"name":"--lr-time-range-preset-radius","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-radius)`) — Preset button corner radius."}},{"name":"--lr-time-range-size-scale","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `1`) — Unitless multiplier applied proportionally to the handle, track, and preset-button dimensions based on the current `size` tier; the drag hit-area is floored at 24px (WCAG 2.5.8)."}},{"name":"--lr-time-range-track-size","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `4px*scale`) — Track and selected-range thickness."}},{"name":"--lr-timeline-active-ring-color","description":{"kind":"markdown","value":"**`<lr-timeline-item>`** (default: `var(--lr-timeline-marker-color)`) — Static outline color for the current/in-progress marker. The outline remains visible when reduced motion disables the optional pulse animation."}},{"name":"--lr-timeline-cluster-bg","description":{"kind":"markdown","value":"**`<lr-timeline>`, `<lr-timeline-item>`** (default: `var(--lr-color-brand)`) — Cluster count pill background."}},{"name":"--lr-timeline-cluster-color","description":{"kind":"markdown","value":"**`<lr-timeline>`, `<lr-timeline-item>`** (default: `var(--lr-color-on-brand)`) — Cluster count pill foreground."}},{"name":"--lr-timeline-cluster-size","description":{"kind":"markdown","value":"**`<lr-timeline>`** (default: `var(--lr-size-2rem)`) — Minimum inline and block size of the painted count pill. Its containing button retains the shared 40px minimum action surface.\n\n**`<lr-timeline-item>`** (default: `var(--lr-size-2rem)`) — Minimum inline and block size of the painted cluster count pill. Its containing button retains the shared 40px minimum action surface."}},{"name":"--lr-timeline-collision-offset","description":{"kind":"markdown","value":"**`<lr-timeline>`** (default: `var(--lr-space-l)`) — Cross-axis step between items stacked by `collision=\"stack\"`. Each collision lane is indented one step further, so a wider marker can claim more room without the lanes overlapping again. Ignored unless both `scale=\"time\"` and `collision=\"stack\"` are set."}},{"name":"--lr-timeline-gap","description":{"kind":"markdown","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":"--lr-timeline-marker-color","description":{"kind":"markdown","value":"**`<lr-timeline-item>`** (default: `var(--lr-color-text-quiet)`) — Marker fill/accent color. Its private default changes per `variant` (see the class doc's variant table); a consumer can override it on an ancestor for a themed group or directly on one item, with the direct value winning via the normal cascade."}},{"name":"--lr-timeline-marker-size","description":{"kind":"markdown","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). Inherits from theme ancestors."}},{"name":"--lr-timeline-rail-color","description":{"kind":"markdown","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. Inherits from theme ancestors."}},{"name":"--lr-timeline-rail-width","description":{"kind":"markdown","value":"**`<lr-timeline-item>`** (default: `var(--lr-border-width-medium)`) — Thickness of the connecting rail line. Inherits from theme ancestors."}},{"name":"--lr-timeline-time-extent","description":{"kind":"markdown","value":"**`<lr-timeline>`** (default: `var(--lr-size-20rem)`) — Distance the `scale=\"time\"` axis distributes items along: `block-size` when vertical, `inline-size` when horizontal. Time-scaled items are absolutely positioned, and a percentage offset against an auto-sized track resolves to zero, so the axis needs a definite extent. Ignored in the default `scale=\"flow\"`."}},{"name":"--lr-toast-accent-color","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-color-border)`) — Accent bar / icon color of a slotted item. Its private default follows `variant`; an inherited or direct public value wins.\n\n**`<lr-toast-item>`** (default: `var(--lr-color-border)`) — Color of the accent bar and the icon. Its private default follows each non-neutral `variant`'s loud fill from the shared semantic grid; `neutral` keeps the plain border color, so an informational toast reads as unaccented. An inherited or direct public value remains authoritative."}},{"name":"--lr-toast-accent-width","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-size-4px)`) — Width of a slotted item's accent bar. Read by `<lr-toast-item>`'s own stylesheet, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-size-4px)`) — Width of the accent bar, and the extra inline-start padding reserved for it."}},{"name":"--lr-toast-close-button-active-bg","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of the enabled close button while pressed."}},{"name":"--lr-toast-close-button-active-color","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `var(--lr-color-text)`) — Foreground of the enabled close button while pressed."}},{"name":"--lr-toast-close-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `transparent`) — Background of the enabled close button while hovered."}},{"name":"--lr-toast-close-button-hover-color","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `var(--lr-color-text)`) — Foreground of the enabled close button while hovered."}},{"name":"--lr-toast-font-size","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-font-size-m)`) — Font size of a slotted item. Its private default follows `size`; an inherited or direct public value wins.\n\n**`<lr-toast-item>`** (default: `var(--lr-font-size-m)`) — Font size of the item. Its private default follows `size` across the shared six-step ladder; an inherited or direct public value wins."}},{"name":"--lr-toast-gap","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-space-s)`) — Gap between stacked items."}},{"name":"--lr-toast-hide-duration","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Hide transition of a slotted item. Read by `<lr-toast-item>`, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Opacity/transform transition used while hiding."}},{"name":"--lr-toast-item-gap","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `var(--lr-space-s)`) — Gap between the item icon, message, and close button. Unlike `--lr-toast-gap`, this does not affect spacing between stacked items."}},{"name":"--lr-toast-item-radius","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `var(--lr-radius)`) — Corner radius of the item surface and its accent bar's inline-start corners. Pointer-state hooks are inline fallbacks, so they inherit from the item or an ancestor without recoloring the item surface or the stack."}},{"name":"--lr-toast-padding","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-space-m)`) — Padding of a slotted item. Its private default follows `size`; an inherited or direct public value wins.\n\n**`<lr-toast-item>`** (default: `var(--lr-space-m)`) — Padding of the item. Its private default follows `size` across the shared six-step ladder; an inherited or direct public value wins."}},{"name":"--lr-toast-show-duration","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Show transition of a slotted item. Read by `<lr-toast-item>`, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Opacity/transform transition used while showing."}},{"name":"--lr-toast-width","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-size-28rem)`) — Inline size of the stack, capped by the usable logical safe-area rectangle."}},{"name":"--lr-token-input-action-hover-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-color-brand-quiet)`) — Edit/remove hover background."}},{"name":"--lr-token-input-control-height","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Exact input-wrapper height. Unset by default, which leaves `--lr-token-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match a sibling field in the same toolbar row). An uncapped row grows as tokens wrap; a capped row clips inline overflow and intentionally scrolls in the block axis so wrapped tokens and their hit-area-floored actions remain reachable. Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-token-input-control-min-height","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-form-control-height)`) — Input-wrapper block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-*` moves this control and every sibling field together."}},{"name":"--lr-token-input-edit-hover-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-token-input-action-hover-bg)`) — Editable token label hover background, independently themeable from the remove action."}},{"name":"--lr-token-input-edit-pressed-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Editable token label pressed background; defaults to an active-state mix of `--lr-token-input-edit-hover-bg`."}},{"name":"--lr-token-input-editor-inline-size","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-size-6rem)`) — Inline size of the inline token editor opened by `editable`."}},{"name":"--lr-token-input-focus-border-color","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-token-input-font-size","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Input-wrapper/token font size, scaled by `size`."}},{"name":"--lr-token-input-gap","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-space-xs)`) — Gap between form/row children."}},{"name":"--lr-token-input-input-inline-size","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-size-8rem)`) — `flex-basis` of the native text input within the token row."}},{"name":"--lr-token-input-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-color-danger)`) — Invalid row border color."}},{"name":"--lr-token-input-min-input-inline-size","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-size-4rem)`) — Inline-size floor of the native text input, so it stays usable once tokens wrap."}},{"name":"--lr-token-input-padding","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Input-wrapper padding, scaled by `size`."}},{"name":"--lr-token-input-radius","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-radius)`) — Row/token corner radius. `pill` changes its private default to `--lr-radius-pill`; an inherited or direct public value still wins."}},{"name":"--lr-token-input-remove-hover-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-token-input-action-hover-bg)`) — Remove action hover background, independently themeable from the editable label."}},{"name":"--lr-token-input-remove-pressed-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Remove action pressed background; defaults to an active-state mix of `--lr-token-input-remove-hover-bg`."}},{"name":"--lr-token-input-token-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-color-brand-quiet)`) — Token chip background."}},{"name":"--lr-token-input-token-gap","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-space-2xs)`) — Gap inside token chips."}},{"name":"--lr-token-input-token-padding","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Per-token chip padding, scaled by `size`."}},{"name":"--lr-tool-approval-dialog-hover-border-color","description":{"kind":"markdown","value":"**`<lr-tool-approval-dialog>`** (default: `var(--lr-color-brand)`) — Border color of a valid, editable raw-JSON args editor on hover. Invalid and pending states retain their semantic chrome."}},{"name":"--lr-tool-approval-dialog-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-tool-approval-dialog>`** (default: `var(--lr-color-danger)`) — Border color of an invalid raw-JSON editor."}},{"name":"--lr-tool-approval-dialog-mono-font","description":{"kind":"markdown","value":"**`<lr-tool-approval-dialog>`** (default: `var(--lr-font-mono)`) — Font family for the tool name and the raw-JSON args editor."}},{"name":"--lr-tool-approval-dialog-overlay-color","description":{"kind":"markdown","value":"**`<lr-tool-approval-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-tool-call-chip-accent","description":{"kind":"markdown","value":"**`<lr-tool-call-chip>`** (default: `var(--lr-color-text-quiet)`) — Accent color for the status glyph and text. Its private default follows `status` (`running` → brand, `success` → success, `error` → danger, `denied` → warning); an inherited or direct public override always wins."}},{"name":"--lr-tool-call-chip-bg","description":{"kind":"markdown","value":"**`<lr-tool-call-chip>`** (default: `var(--lr-color-surface)`) — Chip background. Its private default follows the same `status` rules using each status's `-quiet` tint; a public override wins."}},{"name":"--lr-tool-call-chip-border","description":{"kind":"markdown","value":"**`<lr-tool-call-chip>`** (default: `var(--lr-color-border)`) — Chip border color. Its private default becomes transparent for every non-`pending` status; a public override wins."}},{"name":"--lr-tool-call-chip-spin","description":{"kind":"markdown","value":"**`<lr-tool-call-chip>`** (default: `var(--lr-transition-ambient)`) — Running-icon animation duration and timing."}},{"name":"--lr-tool-param-form-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-tool-param-form>`** (default: `var(--lr-color-danger)`) — Border color of an invalid generated native text or number input."}},{"name":"--lr-tool-result-dialog-denied-bg","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-warning-quiet)`) — Denied status background."}},{"name":"--lr-tool-result-dialog-denied-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-warning)`) — Denied status foreground."}},{"name":"--lr-tool-result-dialog-error-bg","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-danger-quiet)`) — Error status background."}},{"name":"--lr-tool-result-dialog-error-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-danger)`) — Error status foreground."}},{"name":"--lr-tool-result-dialog-maximized-inset","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** — Insets for the maximized panel."}},{"name":"--lr-tool-result-dialog-overlay-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop color."}},{"name":"--lr-tool-result-dialog-pending-bg","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `transparent`) — Pending status background."}},{"name":"--lr-tool-result-dialog-pending-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-text-quiet)`) — Pending status foreground."}},{"name":"--lr-tool-result-dialog-running-bg","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-brand-quiet)`) — Running status background."}},{"name":"--lr-tool-result-dialog-running-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-brand)`) — Running status foreground."}},{"name":"--lr-tool-result-dialog-spin","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-transition-ambient)`) — Running-status animation duration and timing."}},{"name":"--lr-tool-result-dialog-success-bg","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-success-quiet)`) — Success status background."}},{"name":"--lr-tool-result-dialog-success-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-success)`) — Success status foreground."}},{"name":"--lr-tool-result-view-font","description":{"kind":"markdown","value":"**`<lr-tool-result-view>`** (default: `var(--lr-font-mono)`) — Font family for the `fallback=\"text\"` preformatted output."}},{"name":"--lr-tool-select-dialog-overlay-color","description":{"kind":"markdown","value":"**`<lr-tool-select-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-tool-timeline-approved-bg","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-success-quiet)`) — Approved badge background."}},{"name":"--lr-tool-timeline-approved-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-success)`) — Approved badge foreground."}},{"name":"--lr-tool-timeline-denied-bg","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-danger-quiet)`) — Denied badge background."}},{"name":"--lr-tool-timeline-denied-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-danger)`) — Denied badge foreground."}},{"name":"--lr-tool-timeline-denied-marker-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-warning)`) — Rail-dot color for a `status=\"denied\"` entry, decoupled from the pending-approval border below so a consumer can retint either independently."}},{"name":"--lr-tool-timeline-error-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-danger)`) — Expanded error text."}},{"name":"--lr-tool-timeline-error-marker-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-danger)`) — Error rail dot."}},{"name":"--lr-tool-timeline-gap","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-space-l)`) — Vertical gap between entries."}},{"name":"--lr-tool-timeline-marker-size","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-size-0-625rem)`) — Diameter of an entry's rail dot; also the width of the marker gutter column."}},{"name":"--lr-tool-timeline-pending-approval-border-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-warning)`) — Color of the entry body's leading border while `data-pending-approval=\"true\"`."}},{"name":"--lr-tool-timeline-pending-marker-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-text-quiet)`) — Rail-dot color for a `status=\"pending\"` entry."}},{"name":"--lr-tool-timeline-running-marker-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-brand)`) — Running rail dot."}},{"name":"--lr-tool-timeline-success-marker-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-success)`) — Success rail dot."}},{"name":"--lr-tooltip-arrow-size","description":{"kind":"markdown","value":"**`<lr-tooltip>`** — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-tooltip-background","description":{"kind":"markdown","value":"**`<lr-tooltip>`** — Tooltip background color (default `--lr-color-neutral`)."}},{"name":"--lr-tooltip-color","description":{"kind":"markdown","value":"**`<lr-tooltip>`** — Tooltip text color (default `--lr-color-on-neutral`)."}},{"name":"--lr-tooltip-max-inline-size","description":{"kind":"markdown","value":"**`<lr-tooltip>`** — Retained Lyra fallback for `--max-width`."}},{"name":"--lr-tour-backdrop-color","description":{"kind":"markdown","value":"**`<lr-tour>`** — Backdrop scrim fill. Defaults to `--lr-color-overlay`."}},{"name":"--lr-tour-popover-max-width","description":{"kind":"markdown","value":"**`<lr-tour>`** — Maximum popover inline size. Defaults to `--lr-size-22rem`."}},{"name":"--lr-tour-progress-dot-current-bg","description":{"kind":"markdown","value":"**`<lr-tour>`** (default: `var(--lr-color-brand)`) — Background of `progress-dot` for the current step, without repainting every other component that reuses the shared brand token."}},{"name":"--lr-tour-spotlight-radius","description":{"kind":"markdown","value":"**`<lr-tour>`** — Corner radius shared by the cutout and the ring. Defaults to `--lr-radius`."}},{"name":"--lr-tour-spotlight-ring-color","description":{"kind":"markdown","value":"**`<lr-tour>`** — Spotlight ring color. Defaults to `--lr-color-brand`."}},{"name":"--lr-tour-spotlight-ring-width","description":{"kind":"markdown","value":"**`<lr-tour>`** — Spotlight ring thickness. Defaults to `--lr-border-width-medium`."}},{"name":"--lr-trace-tree-bar-track-bg","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-surface-raised)`) — Duration bar track."}},{"name":"--lr-trace-tree-denied-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-warning)`) — Denied status text and bar."}},{"name":"--lr-trace-tree-error-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-danger)`) — Error status text and bar."}},{"name":"--lr-trace-tree-max-indent","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-size-12rem)`) — Maximum visual nesting indentation; semantic `aria-level` remains exact at deeper levels."}},{"name":"--lr-trace-tree-pending-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-text-quiet)`) — Pending status text and bar."}},{"name":"--lr-trace-tree-row-active-bg","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token. Pairs with `--lr-trace-tree-row-active-color`: set both together, since the defaults assume the active background stays on the same side of the lightness midpoint as the ambient surface — a dark tint in light mode needs the matching text color set too, or the row's secondary text drops below the WCAG AA contrast floor."}},{"name":"--lr-trace-tree-row-active-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-text)`) — Foreground reference for the active (`activeSpanId`) row. It sets the color of that row's secondary text (`detail`, `duration`, `tokens-in`, `tokens-out`, `cost`, and the `pending` status label), which is raised from the quiet token to full-strength text so it clears WCAG AA against the active row's tint. The semantic status labels keep their own hue but are mixed 25% toward this same value, so overriding it re-aims every foreground on the row at once rather than leaving the status colors stranded. See the pairing caveat on `--lr-trace-tree-row-active-bg`."}},{"name":"--lr-trace-tree-running-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-brand)`) — Running status text and stripe."}},{"name":"--lr-trace-tree-running-stripe-bg","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-brand-quiet)`) — Running stripe contrast."}},{"name":"--lr-trace-tree-success-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-success)`) — Success status text and bar."}},{"name":"--lr-trace-tree-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-brand-quiet)`) — Toggle hover background."}},{"name":"--lr-transition-ambient","description":{"kind":"markdown","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**Shared design token** — Canonical shared component token for transition ambient. Reads `--lr-theme-transition-slow`."}},{"name":"--lr-transition-base","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for transition base. Reads `--lr-theme-transition-normal`."}},{"name":"--lr-transition-fast","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for transition fast. Reads `--lr-theme-transition-fast`."}},{"name":"--lr-tree-badge-brand-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand-quiet)`) — Brand badge background."}},{"name":"--lr-tree-badge-brand-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Brand badge text color."}},{"name":"--lr-tree-badge-danger-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-danger-quiet)`) — Danger badge background."}},{"name":"--lr-tree-badge-danger-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-danger)`) — Danger badge text color."}},{"name":"--lr-tree-badge-neutral-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-surface)`) — Neutral badge background."}},{"name":"--lr-tree-badge-neutral-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-text-quiet)`) — Neutral badge text color."}},{"name":"--lr-tree-badge-success-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-success-quiet)`) — Success badge background."}},{"name":"--lr-tree-badge-success-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-success)`) — Success badge text color."}},{"name":"--lr-tree-badge-warning-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-warning-quiet)`) — Warning badge background."}},{"name":"--lr-tree-badge-warning-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-warning)`) — Warning badge text color."}},{"name":"--lr-tree-checkbox-checked-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Checked control background."}},{"name":"--lr-tree-checkbox-checked-border-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Checked control border."}},{"name":"--lr-tree-checkbox-checked-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-on-brand)`) — Checked glyph color."}},{"name":"--lr-tree-checkbox-indeterminate-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Indeterminate control background."}},{"name":"--lr-tree-checkbox-indeterminate-border-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Indeterminate control border."}},{"name":"--lr-tree-checkbox-indeterminate-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-on-brand)`) — Indeterminate glyph color."}},{"name":"--lr-tree-depth","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `0`) — Internal indent plumbing, not a retheming knob: this node's `depth`, written inline onto `[part=\"row\"]` by the component and multiplied by `--indent-size` (capped at `--lr-size-8rem`) to produce the row's `padding-inline-start`."}},{"name":"--lr-tree-selected-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of the selected row."}},{"name":"--lr-tree-selected-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Text color of the selected row."}},{"name":"--lr-typing-dot-size","description":{"kind":"markdown","value":"**`<lr-typing-indicator>`** (default: `var(--lr-space-s)`) — Diameter of each dot in the `dots` and `pulse` variants. The `size` property supplies compact and roomy tier overrides."}},{"name":"--lr-typing-dot-stagger-1","description":{"kind":"markdown","value":"**`<lr-typing-indicator>`** (default: `600ms`) — Delay for the second dot in the dots variant."}},{"name":"--lr-typing-dot-stagger-2","description":{"kind":"markdown","value":"**`<lr-typing-indicator>`** (default: `1200ms`) — Delay for the third dot in the dots variant."}},{"name":"--lr-typing-duration","description":{"kind":"markdown","value":"**`<lr-typing-indicator>`** (default: `var(--lr-transition-ambient)`) — Animation duration and timing function for the dot-bounce/pulse/cursor-blink loop, shared by all variants. Aliases the shared `--lr-transition-ambient` token (default `1.8s ease-in-out`) by default, so retiming just this component doesn't affect other ambient-looping components in the library."}},{"name":"--lr-typing-gap","description":{"kind":"markdown","value":"**`<lr-typing-indicator>`** (default: `var(--lr-space-xs)`) — Gap between dots in the `dots` variant. The `size` property supplies compact and roomy tier overrides."}},{"name":"--lr-video-playlist-item-current-background","description":{"kind":"markdown","value":"**`<lr-video-playlist>`** (default: `var(--lr-color-brand-fill-quiet)`) — Current playlist-item background."}},{"name":"--lr-video-playlist-item-current-border-color","description":{"kind":"markdown","value":"**`<lr-video-playlist>`** (default: `var(--lr-color-brand)`) — Current playlist-item border color."}},{"name":"--lr-video-poster-play-button-hover-background","description":{"kind":"markdown","value":"**`<lr-video>`** (default: `color-mix(...)`) — Poster play-button hover background."}},{"name":"--lr-video-poster-play-button-hover-border-color","description":{"kind":"markdown","value":"**`<lr-video>`** (default: `var(--lr-color-brand)`) — Poster play-button hover border color."}},{"name":"--lr-virtual-list-height","description":{"kind":"markdown","value":"**`<lr-virtual-list>`** (default: `var(--lr-size-24rem)`) — The scroll viewport's height. A virtualized list needs a bounded scroll extent, so this ships a default rather than collapsing to zero when a caller does not size the host."}},{"name":"--lr-virtual-list-hover-outline-color","description":{"kind":"markdown","value":"**`<lr-virtual-list>`** (default: `var(--lr-color-border-strong)`) — Outline color of the mouse-hover preview on `[part=\"base\"]` (a subtler, always-focusable-target preview of its own `:focus-visible` ring). Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-virtual-list-hover-outline-offset","description":{"kind":"markdown","value":"**`<lr-virtual-list>`** (default: `calc(-1 * var(--lr-border-width-thin))`) — Inward offset of the mouse-hover preview on `[part=\"base\"]`, keeping the outline inside its own scrollport so it is not clipped at the edge."}},{"name":"--lr-virtual-list-hover-outline-style","description":{"kind":"markdown","value":"**`<lr-virtual-list>`** (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"base\"]`."}},{"name":"--lr-virtual-list-hover-outline-width","description":{"kind":"markdown","value":"**`<lr-virtual-list>`** (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"base\"]`."}},{"name":"--lr-voice-picker-gap","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-space-xs)`) — Gap between the field and preview action, and between trigger, combobox, and option children."}},{"name":"--lr-voice-picker-open-border-color","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-voice-picker-option-active-bg","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand-quiet)`) — Active option fill."}},{"name":"--lr-voice-picker-option-selected-bg","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `transparent`) — Selected option fill."}},{"name":"--lr-voice-picker-option-selected-border","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Selected option border."}},{"name":"--lr-voice-picker-option-selected-color","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Selected option text."}},{"name":"--lr-voice-picker-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-font-weight-semibold)`) — Selected option label weight."}},{"name":"--lr-voice-picker-option-synthetic-border-color","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-border)`) — Border color of a synthetic stale-value option row."}},{"name":"--lr-voice-picker-option-synthetic-border-style","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `dashed`) — Border style of a synthetic stale-value option row."}},{"name":"--lr-voice-picker-option-synthetic-font-style","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `italic`) — Font style of a synthetic stale-value option label."}},{"name":"--lr-voice-picker-preview-active-border","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Active preview border."}},{"name":"--lr-voice-picker-preview-active-color","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Active preview icon."}},{"name":"--lr-voice-picker-preview-hover-bg","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand-quiet)`) — Shared hover/press fill for the standalone and row preview actions."}},{"name":"--lr-voice-picker-preview-hover-color","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Shared hover/press icon color for the standalone and row preview actions."}},{"name":"--lr-voice-picker-radius","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-form-control-radius)`) — Trigger, combobox, listbox, option, and preview-action corner radius."}},{"name":"--lr-widget-backdrop-inset","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `0`) — The `inset` applied to `[part=\"backdrop\"]`, so the scrim can be pulled back independently of the panel. Also set inline from the `backdrop-inset` attribute."}},{"name":"--lr-widget-fullscreen-inset","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `max(var(--lr-space-l), var(--lr-safe-area-top)) max(var(--lr-space-l), var(--lr-safe-area-inline-end)) max(var(--lr-space-l), var(--lr-safe-area-bottom)) max(var(--lr-space-l), var(--lr-safe-area-inline-start))`) — The `inset` applied to `[part=\"base\"]` while `fullscreen`. Also set inline from the `fullscreen-inset` attribute."}},{"name":"--lr-widget-overlay-color","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `var(--lr-color-overlay)`) — The fullscreen scrim's color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-widget-view-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (`aria-pressed=\"true\"`) view toggle. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active toggle without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-widget-view-toggle-active-border-color","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `transparent`) — Border color of the pressed view toggle. Like the active background and text hooks, it is an inline inherited fallback."}},{"name":"--lr-widget-view-toggle-active-color","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `var(--lr-color-brand)`) — Text color of the pressed view toggle."}},{"name":"--lr-widget-view-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered `[part=\"view-toggle\"]`."}},{"name":"--lr-widget-view-toggle-hover-color","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `var(--lr-color-text)`) — Text color of a hovered `[part=\"view-toggle\"]`."}},{"name":"--lr-word-cloud-color-1","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-brand)`) — First entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-2","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-success)`) — Second entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-3","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-warning)`) — Third entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-4","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-danger)`) — Fourth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-5","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-chart-1)`) — Fifth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-6","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-chart-2)`) — Sixth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-7","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-chart-3)`) — Seventh entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-8","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-chart-4)`) — Eighth entry of the default categorical palette."}},{"name":"--lr-xml-viewer-active-attribute-color","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"attribute\"]` an attribute-addressing `node-path` anchor resolved to."}},{"name":"--lr-xml-viewer-active-match-color","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"node\"]` holding the current search match. Scoped to the active match, so the dashed outline on the other matches keeps the shared warning token."}},{"name":"--lr-xml-viewer-highlight-accent-background","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Row background of an accent-tone (the default tone) `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-active-outline","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of the `highlights` entry currently named by `activeHighlightId`."}},{"name":"--lr-xml-viewer-highlight-danger-background","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-danger-quiet)`) — Row background of a danger-tone `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-surface-raised)`) — Row background of a neutral-tone `highlights` entry. Deliberately not `--lr-color-surface`: the viewer's own ambient background would render a neutral highlight as unhighlighted."}},{"name":"--lr-xml-viewer-highlight-success-background","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-success-quiet)`) — Row background of a success-tone `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-warning-background","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Row background of a warning-tone `highlights` entry."}},{"name":"--lr-xml-viewer-match-bg","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Background of a matching `[part=\"tag\"]`/`[part=\"attribute-value\"]`."}},{"name":"--lr-xml-viewer-match-color","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-warning)`) — Outline color of a (non-active) `[part=\"node\"]` search match, and the tint source for a matching `[part=\"text\"]`'s background. Distinct from `--lr-xml-viewer-active-match-color`, so the non-active matches can be recolored without touching the active one."}},{"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-control-hover-background","description":{"kind":"markdown","value":"**`<lr-zoomable-frame>`** (default: `var(--lr-color-brand-quiet)`) — Zoom control hover background; its active background derives from the same value."}},{"name":"--lr-zoomable-frame-zoom","description":{"kind":"markdown","value":"**`<lr-zoomable-frame>`** (default: `1`) — Read-only resolved iframe scale written from `zoom`."}},{"name":"--main-width","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-main-width`."}},{"name":"--marker-height","description":{"kind":"markdown","value":"**`<lr-slider>`** — Marker block size."}},{"name":"--marker-width","description":{"kind":"markdown","value":"**`<lr-slider>`** — Marker inline size."}},{"name":"--mask-char","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `'•'`) — Mapped alias for `--lr-otp-input-mask-char`."}},{"name":"--max","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `100%`) — Maximum size of the primary pane, or the start pane when `primary` is unset."}},{"name":"--max-height","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-size-30rem)`) — Scroll viewport maximum height; `none` renders all."}},{"name":"--max-width","description":{"kind":"markdown","value":"**`<lr-dropdown>`** (default: `var(--lr-overlay-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size inherited from the popover surface.\n\n**`<lr-popover>`** (default: `var(--lr-overlay-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size of the popup.\n\n**`<lr-tooltip>`** (default: `var(--lr-tooltip-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size of the tooltip."}},{"name":"--menu-width","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-menu-width`."}},{"name":"--min","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `0`) — Minimum size of the primary pane, or the start pane when `primary` is unset."}},{"name":"--padding","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--spacing,var(--lr-space-m))`) — Shoelace-compatible section padding.\n\n**`<lr-tab-panel>`** (default: `0`) — Inner panel padding.\n\n**`<lr-toast-item>`** — Mapped alias for `--lr-toast-padding`."}},{"name":"--point-radius","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-space-2xs)`) — Line/scatter point radius."}},{"name":"--popup-border-width","description":{"kind":"markdown","value":"**`<lr-popup>`** (default: `var(--lr-border-width-thin)`) — Popup/arrow border width."}},{"name":"--poster-play-button-background","description":{"kind":"markdown","value":"**`<lr-video>`** (default: `var(--lr-color-surface-overlay)`) — Poster play-button background."}},{"name":"--primary-color","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `currentColor`) — Primary duotone layer color."}},{"name":"--primary-opacity","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Primary duotone layer opacity."}},{"name":"--pulse-color","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-pulse-color)`) — Upstream-compatible pulse-ring color."}},{"name":"--row-height","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-size-3-5rem)`) — Estimated and minimum row height."}},{"name":"--row-hover-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Hovered-row background."}},{"name":"--scroll-hint","description":{"kind":"markdown","value":"**`<lr-carousel>`** — Logical padding that reveals the nearest adjacent slides."}},{"name":"--secondary-color","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `currentColor`) — Secondary duotone layer color."}},{"name":"--secondary-opacity","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.4`) — Secondary duotone layer opacity."}},{"name":"--segment-border-radius","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-form-control-radius,var(--lr-radius))`) — Corner radius of a segment."}},{"name":"--segment-gap","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-space-xs)`) — Gap between segments; ignored by `contained`."}},{"name":"--segment-size","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `2.5em`) — Exact inline and block size of each non-shrinking segment at the default size tier."}},{"name":"--selected-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-brand-quiet)`) — Selected-row background."}},{"name":"--shadow-color","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--lr-color-surface)`) — Base color of each edge shadow."}},{"name":"--shadow-size","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--lr-size-2rem)`) — Inline/block extent of each edge shadow."}},{"name":"--sheen-color","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `var(--lr-skeleton-sheen-color)`) — Upstream-compatible sheen color."}},{"name":"--show-delay","description":{"kind":"markdown","value":"**`<lr-tooltip>`** (default: `150ms`) — Interaction show delay when `show-delay` is not explicit."}},{"name":"--show-duration","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** — Upstream-compatible alias for `--lr-accordion-item-show-duration`.\n\n**`<lr-combobox>`** (default: `var(--lr-transition-fast)`) — Listbox enter-transition duration.\n\n**`<lr-date-input>`** (default: `var(--lr-transition-fast)`) — Popup enter-transition duration.\n\n**`<lr-details>`** (default: `var(--lr-duration-base)`) — Expand-icon transition duration.\n\n**`<lr-dialog>`** — Mapped opening animation duration.\n\n**`<lr-drawer>`** — Opening slide duration.\n\n**`<lr-dropdown>`** (default: `var(--lr-transition-fast)`) — Opening transition duration.\n\n**`<lr-popover>`** (default: `var(--lr-duration-fast)`) — Opening transition duration.\n\n**`<lr-popup>`** (default: `var(--lr-duration-fast)`) — Activation transition duration.\n\n**`<lr-select>`** (default: `var(--lr-transition-fast)`) — Listbox enter-transition timing.\n\n**`<lr-time-input>`** (default: `var(--lr-duration-fast)`) — Picker opening duration.\n\n**`<lr-toast-item>`** — Mapped alias for `--lr-toast-show-duration`.\n\n**`<lr-tree-item>`** (default: `var(--lr-duration-base)`) — Expansion motion duration."}},{"name":"--size","description":{"kind":"markdown","value":"**`<lr-avatar>`** (default: `var(--lr-avatar-size)`) — Upstream-compatible avatar diameter.\n\n**`<lr-drawer>`** — Mapped drawer size for the active axis.\n\n**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-size)`) — Upstream-compatible outer diameter."}},{"name":"--slide-gap","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-space-m)`) — Gap between slides."}},{"name":"--slider-handle-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Upstream alias for `--lr-color-picker-slider-handle-size`."}},{"name":"--slider-height","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Upstream alias for `--lr-color-picker-slider-block-size`."}},{"name":"--spacing","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** — Upstream-compatible alias for `--lr-accordion-item-spacing`.\n\n**`<lr-card>`** (default: `var(--lr-space-m)`) — Space around and between card sections.\n\n**`<lr-details>`** — Upstream-compatible spacing override for the summary and content.\n\n**`<lr-dialog>`** (default: `var(--lr-dialog-spacing,var(--lr-space-l))`) — Mapped shared region spacing.\n\n**`<lr-divider>`** (default: `0`) — Space on both block sides (inline sides when vertical).\n\n**`<lr-drawer>`** (default: `var(--lr-dialog-spacing,var(--lr-space-l))`) — Web Awesome shared region spacing."}},{"name":"--speed","description":{"kind":"markdown","value":"**`<lr-spinner>`** (default: `var(--lr-spinner-duration)`) — Upstream-compatible rotation duration."}},{"name":"--stripe-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-surface-raised)`) — Alternating-row background."}},{"name":"--subheader-height","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-subheader-height`."}},{"name":"--submenu-offset","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `-2px`) — Final signed distance between a submenu and its parent row. Negative values overlap the parent menu; positive values add separation. Mirrors under RTL."}},{"name":"--success-color","description":{"kind":"markdown","value":"**`<lr-copy-button>`** (default: `var(--lr-color-success)`) — Success-state icon color."}},{"name":"--swatch-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Shoelace alias for `--lr-color-picker-palette-swatch-size`."}},{"name":"--swing-angle","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `15deg`) — Peak swing angle."}},{"name":"--symbol-color","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-rating-empty-color,var(--lr-color-border))`) — Compatibility alias for the inactive symbol color. `--lr-rating-empty-color` wins when both are set."}},{"name":"--symbol-color-active","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-rating-fill,var(--lr-color-warning))`) — Compatibility alias for the active symbol color. `--lr-rating-fill` wins when both are set."}},{"name":"--symbol-size","description":{"kind":"markdown","value":"**`<lr-rating>`** — Shoelace-compatible symbol size. It feeds the current `size` step when `--lr-rating-size` is unset; the Lyra-prefixed property wins when both are set."}},{"name":"--symbol-spacing","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-space-xs)`) — Compatibility spacing around symbols."}},{"name":"--tag-max-size","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-size-5rem)`) — Maximum inline size of a built-in selected tag.\n\n**`<lr-select>`** (default: `var(--lr-size-12rem)`) — Maximum inline size of one selected-value tag."}},{"name":"--text-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-text)`) — Grid foreground."}},{"name":"--thumb-height","description":{"kind":"markdown","value":"**`<lr-slider>`** — Upstream thumb block size."}},{"name":"--thumb-size","description":{"kind":"markdown","value":"**`<lr-slider>`** — Shoelace alias setting both thumb dimensions.\n\n**`<lr-switch>`** (default: `calc(var(--height, var(--lr-switch-track-block-size)) - (var(--lr-switch-thumb-offset) * 2))`) — WA/Shoelace thumb diameter alias."}},{"name":"--thumb-width","description":{"kind":"markdown","value":"**`<lr-slider>`** — Upstream thumb inline size."}},{"name":"--tooltip-offset","description":{"kind":"markdown","value":"**`<lr-slider>`** — Shoelace tooltip distance alias."}},{"name":"--track-active-offset","description":{"kind":"markdown","value":"**`<lr-slider>`** — Additional indicator offset."}},{"name":"--track-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-track-color)`) — Upstream-compatible track color.\n\n**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-track-color)`) — Upstream-compatible track color.\n\n**`<lr-spinner>`** (default: `var(--lr-color-brand-quiet)`) — Upstream-compatible track color.\n\n**`<lr-tab-group>`** — Upstream track color."}},{"name":"--track-color-active","description":{"kind":"markdown","value":"**`<lr-slider>`** — Filled indicator color."}},{"name":"--track-color-inactive","description":{"kind":"markdown","value":"**`<lr-slider>`** — Resting track color."}},{"name":"--track-height","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-track-height)`) — Web Awesome-compatible track height.\n\n**`<lr-slider>`** — Shoelace alias for track thickness."}},{"name":"--track-size","description":{"kind":"markdown","value":"**`<lr-slider>`** — Web Awesome alias for track thickness."}},{"name":"--track-width","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-track-width)`) — Upstream-compatible track width.\n\n**`<lr-spinner>`** (default: `var(--lr-spinner-track-width)`) — Upstream-compatible track width.\n\n**`<lr-tab-group>`** — Upstream track width."}},{"name":"--transition-duration","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-duration-fast)`) — Interaction transition duration."}},{"name":"--wag-angle","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `12deg`) — Peak wag angle."}},{"name":"--width","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-dialog-width,auto)`) — Mapped panel width alias.\n\n**`<lr-divider>`** (default: `var(--lr-border-width-thin)`) — Separator thickness.\n\n**`<lr-switch>`** (default: `var(--lr-switch-track-inline-size)`) — WA/Shoelace alias for the track's inline size.\n\n**`<lr-toast>`** — Mapped alias for `--lr-toast-width`."}}]}
1
+ {"version":1.1,"properties":[{"name":"--accent-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-brand)`) — Accent used by focus and active states."}},{"name":"--accent-width","description":{"kind":"markdown","value":"**`<lr-toast-item>`** — Mapped alias for `--lr-toast-accent-width`."}},{"name":"--animation-delay","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0s`) — Delay before an icon animation starts."}},{"name":"--animation-direction","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `normal`) — Playback direction for icon animations."}},{"name":"--animation-duration","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `var(--lr-duration-icon)`) — Duration of one animation cycle.\n\n**`<lr-random-content>`** (default: `300ms`) — Web Awesome duration alias."}},{"name":"--animation-easing","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `ease`) — Web Awesome easing alias."}},{"name":"--animation-iteration-count","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `infinite`) — Number of animation cycles."}},{"name":"--animation-timing","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `var(--lr-easing-emphasized)`) — Animation timing function."}},{"name":"--animation-translate","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `var(--lr-size-0-5em)`) — Web Awesome travel-distance alias."}},{"name":"--arrow-color","description":{"kind":"markdown","value":"**`<lr-popup>`** (default: `var(--lr-color-surface-raised)`) — Arrow fill."}},{"name":"--arrow-size","description":{"kind":"markdown","value":"**`<lr-dropdown>`** (default: `var(--lr-overlay-arrow-size,var(--lr-size-0-375rem))`) — Arrow half-width inherited from the popover surface.\n\n**`<lr-popover>`** (default: `var(--lr-overlay-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square.\n\n**`<lr-popup>`** (default: `var(--lr-popup-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square. `--lr-popup-arrow-size` remains a compatibility alias.\n\n**`<lr-tooltip>`** (default: `var(--lr-tooltip-arrow-size,var(--lr-size-0-375rem))`) — Half-width of the arrow square."}},{"name":"--aside-width","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-aside-width`."}},{"name":"--aspect-ratio","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `16/9`) — Aspect ratio inherited by each slide.\n\n**`<lr-carousel-item>`** — The slide aspect ratio, inherited from an owning carousel by default."}},{"name":"--auto-size-available-height","description":{"kind":"markdown","value":"**`<lr-popup>`** — Read-only available block size."}},{"name":"--auto-size-available-width","description":{"kind":"markdown","value":"**`<lr-popup>`** — Read-only available inline size."}},{"name":"--backdrop-filter","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-dialog-backdrop-filter,none)`) — Mapped backdrop-filter alias."}},{"name":"--background-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-surface)`) — Grid background."}},{"name":"--banner-height","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-banner-height`."}},{"name":"--beat-fade-opacity","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.4`) — Lowest opacity during `beat-fade`."}},{"name":"--beat-fade-scale","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.25`) — Peak scale during `beat-fade`."}},{"name":"--beat-scale","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.25`) — Scale multiplier for `beat` and `spin-pulse`."}},{"name":"--body-spacing","description":{"kind":"markdown","value":"**`<lr-dialog>`** — Shoelace body padding override.\n\n**`<lr-drawer>`** — Shoelace body padding."}},{"name":"--border-color","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-border)`) — Shoelace-compatible border color.\n\n**`<lr-data-grid>`** (default: `var(--lr-color-border)`) — Grid and cell border color."}},{"name":"--border-color-1","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-1)`) — First dataset border color."}},{"name":"--border-color-2","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-2)`) — Second dataset border color."}},{"name":"--border-color-3","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-3)`) — Third dataset border color."}},{"name":"--border-color-4","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-4)`) — Fourth dataset border color."}},{"name":"--border-color-5","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-5)`) — Fifth dataset border color."}},{"name":"--border-color-6","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-6)`) — Sixth dataset border color."}},{"name":"--border-radius","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-radius)`) — Dataset element corner radius.\n\n**`<lr-card>`** (default: `var(--lr-radius)`) — Shoelace-compatible corner radius.\n\n**`<lr-data-grid>`** (default: `var(--lr-radius)`) — Outer and control corner radius.\n\n**`<lr-skeleton>`** (default: `var(--lr-skeleton-border-radius)`) — Shoelace-compatible corner radius."}},{"name":"--border-width","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-border-width-thin)`) — Dataset element border width.\n\n**`<lr-card>`** (default: `var(--lr-border-width-thin)`) — Shoelace-compatible border width.\n\n**`<lr-data-grid>`** (default: `var(--lr-border-width-thin)`) — Grid and cell border width."}},{"name":"--bounce-anticipation","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0`) — Downward offset before a bounce."}},{"name":"--bounce-height","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `calc(var(--lr-size-0-5em)*-1)`) — Peak bounce height."}},{"name":"--bounce-jump-scale-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.95`) — Horizontal scale at the top of a bounce."}},{"name":"--bounce-jump-scale-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.05`) — Vertical scale at the top of a bounce."}},{"name":"--bounce-land-scale-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.08`) — Horizontal scale while landing."}},{"name":"--bounce-land-scale-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.92`) — Vertical scale while landing."}},{"name":"--bounce-rebound","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `calc(var(--lr-size-1em)*-0.1)`) — Landing rebound distance."}},{"name":"--bounce-start-scale-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Initial horizontal bounce scale."}},{"name":"--bounce-start-scale-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Initial vertical bounce scale."}},{"name":"--buzz-distance","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `calc(var(--lr-size-1em)*0.12)`) — Horizontal buzz travel."}},{"name":"--cell-padding","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-space-m)`) — Header, cell, and footer padding."}},{"name":"--checked-icon-color","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `currentColor`) — WA-compatible color of the checked or indeterminate glyph.\n\n**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-radio-checked-dot-color)`) — WA-compatible selected-glyph color alias."}},{"name":"--checked-icon-scale","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `1`) — WA-compatible scale of the checked or indeterminate glyph.\n\n**`<lr-radio>`, `<lr-radio-button>`** (default: `1`) — WA-compatible selected-glyph scale alias."}},{"name":"--color","description":{"kind":"markdown","value":"**`<lr-divider>`** (default: `var(--lr-color-border)`) — Separator color.\n\n**`<lr-skeleton>`** (default: `var(--lr-skeleton-color)`) — Upstream-compatible placeholder color."}},{"name":"--column-item-height","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `calc(var(--lr-size-1em)*2.25)`) — Picker row height."}},{"name":"--column-width","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `calc(var(--lr-size-1em)*3)`) — Picker column width."}},{"name":"--control-box-size","description":{"kind":"markdown","value":"**`<lr-animated-image>`** — Upstream-compatible alias for `--lr-animated-image-control-box-size`."}},{"name":"--controls-background","description":{"kind":"markdown","value":"**`<lr-video>`** (default: `var(--lr-color-overlay-strong)`) — Controls, captions, and title overlay background."}},{"name":"--controls-color","description":{"kind":"markdown","value":"**`<lr-video>`** (default: `var(--lr-color-on-strong-overlay)`) — Custom-control foreground color. The poster play action defaults to `var(--lr-color-text)` against its surface background."}},{"name":"--current-text-color","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--lr-color-text)`) — Text color while the option is `current`."}},{"name":"--divider-hit-area","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `12px`) — Requested divider hit area; Lyra's minimum hit-area token remains the floor."}},{"name":"--divider-width","description":{"kind":"markdown","value":"**`<lr-image-comparer>`** (default: `var(--lr-size-1px)`) — Retained Shoelace-compat source for `--lr-image-comparer-divider-width`.\n\n**`<lr-split-panel>`** (default: `4px`) — Visible divider thickness."}},{"name":"--easing","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** — Upstream-compatible alias for `--lr-accordion-item-easing`."}},{"name":"--error-color","description":{"kind":"markdown","value":"**`<lr-copy-button>`** (default: `var(--lr-color-danger)`) — Error-state icon color."}},{"name":"--fade-opacity","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.4`) — Lowest opacity during `fade` and `spin-pulse`."}},{"name":"--fill-color","description":{"kind":"markdown","value":"**`<lr-sparkline>`** (default: `var(--lr-color-brand-quiet)`) — Area fill color. A `trend` supplies a semantic token default, while an authored value always wins."}},{"name":"--fill-color-1","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-1)`) — First dataset fill color."}},{"name":"--fill-color-2","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-2)`) — Second dataset fill color."}},{"name":"--fill-color-3","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-3)`) — Third dataset fill color."}},{"name":"--fill-color-4","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-4)`) — Fourth dataset fill color."}},{"name":"--fill-color-5","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-5)`) — Fifth dataset fill color."}},{"name":"--fill-color-6","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-chart-6)`) — Sixth dataset fill color."}},{"name":"--flip-angle","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `180deg`) — Rotation angle for flip treatments."}},{"name":"--flip-anticipation-scale","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.9`) — Wind-up scale before a flip."}},{"name":"--flip-overshoot","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0deg`) — Extra angle before a flip settles."}},{"name":"--flip-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0`) — X coordinate of the flip rotation axis."}},{"name":"--flip-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Y coordinate of the flip rotation axis."}},{"name":"--flip-z","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0`) — Z coordinate of the flip rotation axis."}},{"name":"--float-drift","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0`) — Horizontal float drift."}},{"name":"--float-height","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `calc(var(--lr-size-0-5em)*-1)`) — Float rise height."}},{"name":"--float-squash-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.04`) — Resting horizontal float scale."}},{"name":"--float-squash-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.96`) — Resting vertical float scale."}},{"name":"--float-stretch-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.96`) — Peak horizontal float scale."}},{"name":"--float-stretch-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.04`) — Peak vertical float scale."}},{"name":"--float-tilt","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `4deg`) — Rotation at the float peak."}},{"name":"--focus-ring","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-focus-ring-width) solid var(--lr-focus-ring-color)`) — Focus ring."}},{"name":"--footer-spacing","description":{"kind":"markdown","value":"**`<lr-dialog>`** — Shoelace footer padding override.\n\n**`<lr-drawer>`** — Shoelace footer padding."}},{"name":"--gap","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`** (default: `var(--lr-checkbox-group-option-gap)`) — WA-compatible option gap.\n\n**`<lr-toast>`** — Mapped alias for `--lr-toast-gap`."}},{"name":"--grid-border-width","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-border-width-thin)`) — Axis and grid line width."}},{"name":"--grid-color","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-chart-grid-color)`) — Grid line color."}},{"name":"--grid-handle-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Upstream alias for `--lr-color-picker-grid-handle-size`."}},{"name":"--grid-height","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Upstream alias for `--lr-color-picker-grid-block-size`."}},{"name":"--grid-width","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Upstream alias for `--lr-color-picker-grid-inline-size`."}},{"name":"--handle-size","description":{"kind":"markdown","value":"**`<lr-image-comparer>`** (default: `var(--lr-icon-button-size)`) — Retained Shoelace-compat source for `--lr-image-comparer-handle-size`."}},{"name":"--header-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-surface-raised)`) — Header background."}},{"name":"--header-height","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-header-height`."}},{"name":"--header-row-height","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-size-3-5rem)`) — Header-row minimum height."}},{"name":"--header-spacing","description":{"kind":"markdown","value":"**`<lr-dialog>`** — Mapped header padding override.\n\n**`<lr-drawer>`** — Shoelace header padding."}},{"name":"--header-text-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-text)`) — Header foreground."}},{"name":"--height","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-track-height)`) — Shoelace-compatible track height.\n\n**`<lr-switch>`** (default: `var(--lr-switch-track-block-size)`) — WA/Shoelace alias for the track's block size."}},{"name":"--hide-delay","description":{"kind":"markdown","value":"**`<lr-tooltip>`** (default: `0ms`) — Interaction hide delay when `hide-delay` is not explicit."}},{"name":"--hide-duration","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** — Upstream-compatible alias for `--lr-accordion-item-hide-duration`.\n\n**`<lr-combobox>`** (default: `var(--lr-transition-fast)`) — Listbox exit-transition duration.\n\n**`<lr-date-input>`** (default: `var(--lr-transition-fast)`) — Popup exit-transition duration.\n\n**`<lr-details>`** (default: `var(--lr-duration-base)`) — Collapse-icon transition duration.\n\n**`<lr-dialog>`** — Mapped closing animation duration.\n\n**`<lr-drawer>`** — Closing slide duration.\n\n**`<lr-dropdown>`** (default: `var(--lr-transition-fast)`) — Closing transition duration.\n\n**`<lr-popover>`** (default: `var(--lr-duration-fast)`) — Closing transition duration.\n\n**`<lr-popup>`** (default: `var(--lr-duration-fast)`) — Deactivation transition duration.\n\n**`<lr-select>`** (default: `var(--lr-transition-fast)`) — Listbox exit-transition timing.\n\n**`<lr-time-input>`** (default: `var(--lr-duration-fast)`) — Picker closing duration.\n\n**`<lr-toast-item>`** — Mapped alias for `--lr-toast-hide-duration`.\n\n**`<lr-tree-item>`** (default: `var(--lr-duration-base)`) — Collapse motion duration."}},{"name":"--icon-size","description":{"kind":"markdown","value":"**`<lr-animated-image>`** — Upstream-compatible alias for `--lr-animated-image-icon-size`."}},{"name":"--indent-guide-color","description":{"kind":"markdown","value":"**`<lr-tree>`, `<lr-tree-item>`** (default: `var(--lr-color-border)`) — Indentation guide color."}},{"name":"--indent-guide-offset","description":{"kind":"markdown","value":"**`<lr-tree>`** (default: `0`) — Block-axis inset for indentation guides.\n\n**`<lr-tree-item>`** (default: `0`) — Block-axis inset at both ends of the indentation guide."}},{"name":"--indent-guide-style","description":{"kind":"markdown","value":"**`<lr-tree>`, `<lr-tree-item>`** (default: `solid`) — Indentation guide border style."}},{"name":"--indent-guide-width","description":{"kind":"markdown","value":"**`<lr-tree>`, `<lr-tree-item>`** (default: `0`) — Indentation guide width."}},{"name":"--indent-size","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-size-1-25rem)`) — Tree-level indentation.\n\n**`<lr-tree>`** (default: `var(--lr-space-l)`) — Indentation step for nested items.\n\n**`<lr-tree-item>`** (default: `var(--lr-space-l)`) — Indentation step applied once per nesting depth."}},{"name":"--indicator-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-indicator-color)`) — Upstream-compatible indicator color.\n\n**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-indicator-color)`) — Upstream-compatible indicator color.\n\n**`<lr-spinner>`** (default: `var(--lr-color-brand)`) — Upstream-compatible indicator color.\n\n**`<lr-tab-group>`** — Upstream alias for the active indicator color."}},{"name":"--indicator-transition-duration","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-indicator-transition-duration)`) — Upstream-compatible transition duration."}},{"name":"--indicator-width","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-indicator-width)`) — Upstream-compatible indicator width."}},{"name":"--jello-scale-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1.18`) — Horizontal jello stretch."}},{"name":"--jello-scale-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.82`) — Vertical jello stretch."}},{"name":"--label-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-label-color)`) — Shoelace-compatible label color."}},{"name":"--line-border-width","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-border-width-medium)`) — Line dataset stroke width."}},{"name":"--line-color","description":{"kind":"markdown","value":"**`<lr-sparkline>`** (default: `var(--lr-color-brand)`) — Trend line color. A `trend` supplies a semantic token default, while an authored value always wins."}},{"name":"--line-width","description":{"kind":"markdown","value":"**`<lr-sparkline>`** (default: `var(--lr-border-width-medium)`) — Trend line width."}},{"name":"--lr-accordion-filled-bg","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `var(--lr-color-surface-raised)`) — Filled group background."}},{"name":"--lr-accordion-filled-border-color","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `transparent`) — Filled border color."}},{"name":"--lr-accordion-filled-outlined-bg","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `var(--lr-color-surface-raised)`) — Filled-outlined group background."}},{"name":"--lr-accordion-filled-outlined-border-color","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `var(--lr-color-border)`) — Filled-outlined border color."}},{"name":"--lr-accordion-item-button-active-bg","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `color-mix(...)`) — Trigger pressed background."}},{"name":"--lr-accordion-item-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-color-brand-quiet)`) — Trigger hover background."}},{"name":"--lr-accordion-item-easing","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-easing-standard)`) — Expand/collapse easing."}},{"name":"--lr-accordion-item-filled-bg","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-color-surface-raised)`) — Filled item background."}},{"name":"--lr-accordion-item-filled-outlined-bg","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-color-surface-raised)`) — Filled-outlined item background."}},{"name":"--lr-accordion-item-hide-duration","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-duration-base)`) — Collapse transition duration."}},{"name":"--lr-accordion-item-outlined-bg","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-color-surface)`) — Outlined item background."}},{"name":"--lr-accordion-item-show-duration","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-duration-base)`) — Expand transition duration."}},{"name":"--lr-accordion-item-spacing","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** (default: `var(--lr-form-control-padding-inline)`) — Header/content spacing."}},{"name":"--lr-accordion-outlined-bg","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `var(--lr-color-surface)`) — Outlined group background."}},{"name":"--lr-accordion-outlined-border-color","description":{"kind":"markdown","value":"**`<lr-accordion>`** (default: `var(--lr-color-border)`) — Outlined border color."}},{"name":"--lr-activity-feed-live-status-color","description":{"kind":"markdown","value":"**`<lr-activity-feed>`** (default: `var(--lr-color-brand)`) — Background color of `status-dot` while `mode=\"live\"`."}},{"name":"--lr-activity-feed-max-height","description":{"kind":"markdown","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":"--lr-agent-eval-dashboard-active-background","description":{"kind":"markdown","value":"**`<lr-agent-eval-dashboard>`** (default: `var(--lr-color-brand-quiet)`) — Active metric background."}},{"name":"--lr-agent-eval-dashboard-active-border","description":{"kind":"markdown","value":"**`<lr-agent-eval-dashboard>`** (default: `var(--lr-color-brand)`) — Active metric border."}},{"name":"--lr-agent-run-compact-gap","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-space-s)`) — Gap between `[part=\"base\"]`'s header and body while `compact`."}},{"name":"--lr-agent-run-compact-padding","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-agent-run-metric-brand-color","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-color-brand)`) — Brand metric value."}},{"name":"--lr-agent-run-metric-danger-color","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-color-danger)`) — Danger metric value."}},{"name":"--lr-agent-run-metric-success-color","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-color-success)`) — Success metric value."}},{"name":"--lr-agent-run-metric-warning-color","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-color-warning)`) — Warning metric value."}},{"name":"--lr-agent-run-spin","description":{"kind":"markdown","value":"**`<lr-agent-run>`** (default: `var(--lr-transition-ambient)`) — Current-step icon spin animation."}},{"name":"--lr-agent-trace-handoff-active-bg","description":{"kind":"markdown","value":"**`<lr-agent-trace>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) handoff quick-jump entry. Shadow Parts forbids an attribute selector after `::part()`, so the active entry could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-animated-image-control-box-size","description":{"kind":"markdown","value":"**`<lr-animated-image>`** — The size of `control-box`. Defaults to `var(--lr-icon-button-size)`."}},{"name":"--lr-animated-image-icon-size","description":{"kind":"markdown","value":"**`<lr-animated-image>`** — The size of the play/pause icons. Defaults to `calc(var(--lr-icon-button-size) * 0.35)`."}},{"name":"--lr-animated-image-max-height","description":{"kind":"markdown","value":"**`<lr-animated-image>`** — Caps the rendered media's block-size. Defaults to `var(--lr-size-20rem)`."}},{"name":"--lr-animation-bounce-height","description":{"kind":"markdown","value":"**`<lr-animation>`** (default: `25%`) — Peak lift height of the bounce preset."}},{"name":"--lr-animation-duration","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `300ms`) — Mapped duration of the entrance animation."}},{"name":"--lr-animation-easing","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `ease`) — Mapped easing function for the entrance animation."}},{"name":"--lr-animation-shake-distance","description":{"kind":"markdown","value":"**`<lr-animation>`** (default: `4%`) — Horizontal travel of the shake preset."}},{"name":"--lr-animation-slide-distance","description":{"kind":"markdown","value":"**`<lr-animation>`** (default: `100%`) — Travel distance for the slide-in/slide-out/slide-in-up/slide-in-down presets."}},{"name":"--lr-animation-translate","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `var(--lr-size-0-5em)`) — Mapped travel distance for directional animations."}},{"name":"--lr-animation-zoom-scale","description":{"kind":"markdown","value":"**`<lr-animation>`** (default: `0.5`) — Starting/ending scale factor for the zoom-in/zoom-out presets."}},{"name":"--lr-app-rail-icon-width","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-size-4rem)`) — The inline rail's width in `'icon-only'` mode, and the maximum width of each slotted `<lr-app-rail-item>` in that mode."}},{"name":"--lr-app-rail-item-active-bg","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** — Pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-app-rail-item-active-color","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** (default: `var(--lr-color-brand)`) — Pressed text/icon color."}},{"name":"--lr-app-rail-item-current-bg","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `current`/`aria-current=\"page\"` item. Scoped to `[aria-current='page']` only and declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-app-rail-item-current-color","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** (default: `var(--lr-color-brand)`) — Text/icon color of the `current`/`aria-current=\"page\"` item."}},{"name":"--lr-app-rail-item-hover-bg","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** (default: `var(--lr-color-brand-quiet)`) — Hover background."}},{"name":"--lr-app-rail-item-hover-color","description":{"kind":"markdown","value":"**`<lr-app-rail-item>`** (default: `var(--lr-color-brand)`) — Hover text/icon color."}},{"name":"--lr-app-rail-mobile-width","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-size-18rem)`) — The mobile overlay panel's width, capped at `85vw`."}},{"name":"--lr-app-rail-overlay-color","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-color-overlay)`) — The mobile overlay scrim's background."}},{"name":"--lr-app-rail-resizer-active-bg","description":{"kind":"markdown","value":"**`<lr-app-rail>`** — Resizer-track pressed background; defaults to the former brand active mix."}},{"name":"--lr-app-rail-resizer-hover-bg","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-color-brand)`) — Resizer-track hover background."}},{"name":"--lr-app-rail-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-app-rail>`** — Toggle pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-app-rail-toggle-active-color","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-color-brand)`) — Toggle pressed foreground."}},{"name":"--lr-app-rail-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-color-brand-quiet)`) — Toggle hover background."}},{"name":"--lr-app-rail-toggle-hover-color","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-color-brand)`) — Toggle hover foreground."}},{"name":"--lr-app-rail-width","description":{"kind":"markdown","value":"**`<lr-app-rail>`** (default: `var(--lr-size-15rem)`) — The inline rail's width in `'full'` mode. Overridden by an inline width while a `resizable` rail has an explicit `railWidthPx`."}},{"name":"--lr-approval-queue-selected-border","description":{"kind":"markdown","value":"**`<lr-approval-queue>`** (default: `var(--lr-color-brand)`) — Selected request border."}},{"name":"--lr-archive-viewer-highlight-accent-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Accent highlight background."}},{"name":"--lr-archive-viewer-highlight-active-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Active highlight background."}},{"name":"--lr-archive-viewer-highlight-active-outline","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Active fallback-highlight outline."}},{"name":"--lr-archive-viewer-highlight-danger-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Danger highlight background."}},{"name":"--lr-archive-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Neutral highlight background."}},{"name":"--lr-archive-viewer-highlight-success-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Success highlight background."}},{"name":"--lr-archive-viewer-highlight-warning-background","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** — Warning highlight background."}},{"name":"--lr-archive-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-archive-viewer>`** (default: `none`) — Maximum block size of the scrollable body. Also settable via the `max-height` property."}},{"name":"--lr-artifact-panel-view-active-bg","description":{"kind":"markdown","value":"**`<lr-artifact-panel>`** (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (active) preview/code toggle button."}},{"name":"--lr-artifact-panel-view-active-color","description":{"kind":"markdown","value":"**`<lr-artifact-panel>`** (default: `var(--lr-color-brand)`) — Text color of the pressed (active) preview/code toggle button. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(view-button)[aria-pressed]` is invalid CSS."}},{"name":"--lr-attachment-chip-accent","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-color-text-quiet)`) — Accent color used for the status text, spinner, and progress fill. Its private default changes per `status` (`uploading`/`error`/`success`); the public value remains authoritative."}},{"name":"--lr-attachment-chip-bg","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-color-surface)`) — Chip background. Its private default changes per `status` to that status's `-quiet` tint; the public value still wins."}},{"name":"--lr-attachment-chip-border","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-color-border)`) — Chip border color. Every non-`pending` `status` changes its private default to `transparent`."}},{"name":"--lr-attachment-chip-compact-font-size","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-font-size-xs)`) — Font size of `[part=\"base\"]` while `compact`."}},{"name":"--lr-attachment-chip-compact-gap","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-size-0-25rem)`) — Gap between the chip's parts while `compact`."}},{"name":"--lr-attachment-chip-compact-thumbnail-size","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-size-1-75rem)`) — Thumbnail size while `compact`, rethemeable independently of `--lr-icon-button-size`. Retry, preview, and remove actions retain that shared token's minimum hit-area floor."}},{"name":"--lr-attachment-chip-spinner-duration","description":{"kind":"markdown","value":"**`<lr-attachment-chip>`** (default: `var(--lr-transition-ambient)`) — Duration and easing of one indeterminate upload-spinner rotation. The ambient loop stops under reduced motion."}},{"name":"--lr-audio-visualizer-ambient-duration","description":{"kind":"markdown","value":"**`<lr-audio-visualizer>`** (default: `var(--lr-duration-ambient)`) — Time-only duration of one signal-less ambient pulse or sweep cycle."}},{"name":"--lr-audio-visualizer-color","description":{"kind":"markdown","value":"**`<lr-audio-visualizer>`** (default: `var(--lr-color-brand)`) — Active bar/waveform color."}},{"name":"--lr-audio-visualizer-height","description":{"kind":"markdown","value":"**`<lr-audio-visualizer>`** (default: `var(--lr-size-3rem)`) — The host's block size, which the canvas fills at 100%."}},{"name":"--lr-audio-visualizer-quiet-color","description":{"kind":"markdown","value":"**`<lr-audio-visualizer>`** (default: `var(--lr-color-brand-border-normal)`) — Inactive/idle color. Chosen over `--lr-color-brand-quiet` for its WCAG 1.4.11 non-text contrast against `--lr-color-surface` (the idle bars have no other distinguishing shape or border)."}},{"name":"--lr-av-player-cue-active-match-color","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"cue\"]` holding the current search match, leaving the other matches' dashed outline on the shared warning token."}},{"name":"--lr-av-player-cue-current-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cue\"]` the playhead is currently inside."}},{"name":"--lr-av-player-marker-active-color","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"timeline-marker\"]` matching `activeHighlightId`."}},{"name":"--lr-av-player-marker-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-brand) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"]` with no (or an unrecognized) `data-tone`."}},{"name":"--lr-av-player-marker-danger-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-danger) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"danger\"]`."}},{"name":"--lr-av-player-marker-fill","description":{"kind":"markdown","value":"**`<lr-av-player>`** — The resting fill a `[part=\"timeline-marker\"]` actually renders, resolved per tone from the `--lr-av-player-marker-*-bg` knobs above. Its hover and pressed states are colour mixes taken from this value, so setting it directly retints all three at once for one marker; retint a whole tone through the `-bg` knob instead."}},{"name":"--lr-av-player-marker-neutral-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-text) 25%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"neutral\"]`."}},{"name":"--lr-av-player-marker-success-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-success) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"success\"]`."}},{"name":"--lr-av-player-marker-warning-bg","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `color-mix(in srgb, var(--lr-color-warning) 35%, transparent)`) — Background of a `[part=\"timeline-marker\"][data-tone=\"warning\"]`."}},{"name":"--lr-av-player-transcript-height","description":{"kind":"markdown","value":"**`<lr-av-player>`** (default: `var(--lr-size-16rem)`) — Block size of the virtualized transcript list."}},{"name":"--lr-avatar-bg","description":{"kind":"markdown","value":"**`<lr-avatar>`** (default: `var(--lr-color-border)`) — Container background. Each non-neutral `variant` changes its private default to that variant's `-quiet` tint."}},{"name":"--lr-avatar-color","description":{"kind":"markdown","value":"**`<lr-avatar>`** (default: `var(--lr-color-text)`) — Initials/glyph color. Each non-neutral `variant` changes its private default to that variant's loud color."}},{"name":"--lr-avatar-font-size","description":{"kind":"markdown","value":"**`<lr-avatar>`** (default: `var(--lr-font-size-m)`) — Font size of the initials fallback (and of any `em`-sized slotted glyph). `size` steps its private default alongside the diameter, so the initials track the circle instead of staying at one fixed size across every tier."}},{"name":"--lr-avatar-group-avatar-size","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-size-3rem)`) — Sizes the overflow badge to match the slotted avatars, tier for tier with `<lr-avatar>`'s own `--lr-avatar-size`."}},{"name":"--lr-avatar-group-badge-bg","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-color-border)`) — Overflow badge background. Its private default follows `variant`; the public value remains authoritative."}},{"name":"--lr-avatar-group-badge-color","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-color-text)`) — Overflow badge text color. Its private default follows `variant`; the public value remains authoritative."}},{"name":"--lr-avatar-group-badge-font-size","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-font-size-m)`) — Font size of the \"+N\" badge label. `size` steps its private default across the same six-step ladder as `<lr-avatar>`'s own `--lr-avatar-font-size`, so the badge and the avatars it caps read at the same optical weight."}},{"name":"--lr-avatar-group-overlap","description":{"kind":"markdown","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":"--lr-avatar-group-ring-color","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-color-surface)`) — The cutout-style ring drawn around every avatar and the overflow badge."}},{"name":"--lr-avatar-group-ring-width","description":{"kind":"markdown","value":"**`<lr-avatar-group>`** (default: `var(--lr-border-width-medium)`) — Ring thickness."}},{"name":"--lr-avatar-size","description":{"kind":"markdown","value":"**`<lr-avatar>`** (default: `var(--lr-size-3rem)`) — Inline and block size of the container. `size` steps its private default across the shared six-step ladder, from `var(--lr-size-1-5rem)` (`2xs`) to `var(--lr-size-5rem)` (`xl`); an inherited or direct public value still wins."}},{"name":"--lr-badge-attention-duration","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-duration-ambient)`) — One cycle of the `attention` animation."}},{"name":"--lr-badge-attention-easing","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-easing-emphasized)`) — Timing function of the `attention` animation."}},{"name":"--lr-badge-background","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-fill)`) — Explicit override for the badge's background, winning over whatever `variant` and `appearance` resolved. Left unset (the default) so it still inherits from a consumer's own ancestor rule."}},{"name":"--lr-badge-border","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-stroke)`) — Explicit override for the badge's border color, on the same terms as `--lr-badge-background`."}},{"name":"--lr-badge-bounce-distance","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-size-0-1875rem)`) — Peak travel of the `attention=\"bounce\"` hop."}},{"name":"--lr-badge-color","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-text)`) — Explicit override for the badge's text color, on the same terms as `--lr-badge-background`."}},{"name":"--lr-badge-edge","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-border)`) — Palette slot: the variant's border color. Its private default follows each non-neutral `variant`'s loud fill; an inherited or direct public value remains authoritative."}},{"name":"--lr-badge-fill","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-tint)`) — Surface slot: which palette entry `appearance` routed onto the background. Set it to retune a single appearance without touching the palette."}},{"name":"--lr-badge-font-size","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-font-size-sm)`) — The badge's label font size. Each `size` sets it to that step's font size."}},{"name":"--lr-badge-gap","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-space-2xs)`) — Space between the `start` slot, the label, and the `end` slot."}},{"name":"--lr-badge-ink","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-text)`) — Palette slot: the variant's text color. Its private default follows each non-neutral `variant`'s loud fill; an inherited or direct public value remains authoritative."}},{"name":"--lr-badge-min-height","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-size-1-25rem)`) — The badge's minimum block size. Each `size` sets it to that step's minimum block size."}},{"name":"--lr-badge-on-solid","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-on-loud)`) — Palette slot: the text color that stays legible on `--lr-badge-solid`."}},{"name":"--lr-badge-padding-inline","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-space-s)`) — The badge's inline padding. Each `size` sets it to that step's inline padding."}},{"name":"--lr-badge-pulse-color","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `color-mix(in srgb, currentColor 40%, transparent)`) — Color of the expanding ring drawn by `attention=\"pulse\"`."}},{"name":"--lr-badge-pulse-spread","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-size-0-25rem)`) — How far the `attention=\"pulse\"` ring expands."}},{"name":"--lr-badge-radius","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-radius)`) — Corner radius of the badge surface. `pill` raises it to `var(--lr-radius-pill)`. Does not vary by `size` tier."}},{"name":"--lr-badge-solid","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-fill-loud)`) — Palette slot: the variant's loud fill, used by `appearance=\"accent\"`."}},{"name":"--lr-badge-stroke","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-edge)`) — Surface slot: which palette entry `appearance` routed onto the border color."}},{"name":"--lr-badge-text","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-ink)`) — Surface slot: which palette entry `appearance` routed onto the label color."}},{"name":"--lr-badge-tint","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-color-surface)`) — Palette slot: the variant's quiet fill. Its private default follows each non-neutral `variant`'s quiet fill from the shared semantic grid; an inherited or direct public value remains authoritative."}},{"name":"--lr-border-width-medium","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for border width medium. Reads `--lr-theme-border-width-medium`."}},{"name":"--lr-border-width-thick","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for border width thick. Reads `--lr-theme-border-width-thick`."}},{"name":"--lr-border-width-thin","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for border width thin. Reads `--lr-theme-border-width-thin`."}},{"name":"--lr-box-plot-data-table-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-box-plot>`** — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-box-plot-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-box-plot>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-breadcrumb-current-color","description":{"kind":"markdown","value":"**`<lr-breadcrumb-item>`** (default: `var(--lr-color-text-quiet)`) — Text color of the current-page item (`current`/`aria-current=\"page\"`). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current item without hijacking the library-wide `--lr-color-text-quiet` token."}},{"name":"--lr-breadcrumb-item-active-bg","description":{"kind":"markdown","value":"**`<lr-breadcrumb-item>`** — Link/button pressed background; defaults to the former transparent active mix."}},{"name":"--lr-browser-frame-aspect-ratio","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `16 / 9`) — The viewport's aspect ratio."}},{"name":"--lr-browser-frame-controller-background","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-brand-quiet)`) — Controller badge background."}},{"name":"--lr-browser-frame-controller-color","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-brand)`) — Controller badge text color."}},{"name":"--lr-browser-frame-ping-click-color","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-brand)`) — Click-ping border color."}},{"name":"--lr-browser-frame-ping-move-color","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-text-quiet)`) — Move-ping border color."}},{"name":"--lr-browser-frame-ping-scroll-color","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-warning)`) — Scroll-ping border color."}},{"name":"--lr-browser-frame-ping-type-color","description":{"kind":"markdown","value":"**`<lr-browser-frame>`** (default: `var(--lr-color-success)`) — Type-ping border color."}},{"name":"--lr-button-accent","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-fill-loud)`) — Text/glyph color for the chrome-less appearances (`outlined`, `plain`, `link`), i.e. the active `variant`'s loud fill used as a foreground. `variant=\"neutral\"` is the one exception: its loud fill is a mid grey picked to carry light text, so borrowing it as text on the page surface would wash out every plain and link button — neutral keeps `--lr-color-text`."}},{"name":"--lr-button-accent-fill","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-fill-loud)`) — Background of `appearance=\"accent\"` (and its border color): the active `variant`'s loud fill, the one primary action in a view."}},{"name":"--lr-button-accent-on-fill","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-on-loud)`) — Text color on top of `--lr-button-accent-fill`, the grid's guaranteed-legible foreground for that fill."}},{"name":"--lr-button-active-background","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `color-mix(in oklab, var(--lr-button-hover-base), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background while a non-disabled button is pressed — the same mix at the stronger `--lr-color-mix-active` share, so the pressed state reads as more than the hover. `appearance=\"link\"` moves its text colour by these two shares instead of taking a background."}},{"name":"--lr-button-active-scale","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `0.9875`) — `transform: scale()` factor applied while a non-disabled button is pressed."}},{"name":"--lr-button-border","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-border-normal)`) — Border color of the internal button, from the active `variant`'s row of the shared semantic grid."}},{"name":"--lr-button-caret-size","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-size-0-75em)`) — Font size of the `with-caret` chevron, i.e. its rendered glyph box. Relative to the button's own font size, so it follows every `size` tier without a per-tier rule."}},{"name":"--lr-button-fill","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-fill-quiet)`) — Background of `appearance=\"filled\"`: the active `variant`'s quiet tint, i.e. a secondary-action fill that is visibly a fill rather than the page surface. Follows `variant` through the shared semantic grid."}},{"name":"--lr-button-font-size","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-font-size)`) — Font size of the internal button, from the active `size` tier. `appearance=\"link\"` ignores it and inherits the ambient font instead."}},{"name":"--lr-button-gap","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-gap)`) — Gap between the icon/label and any slotted content in the internal button. Constant across the ladder's tiers. Override it to retune without a `::part(base)` rule."}},{"name":"--lr-button-group-gap","description":{"kind":"markdown","value":"**`<lr-button-group>`** (default: `var(--lr-space-2xs)`) — Gap between grouped controls."}},{"name":"--lr-button-height","description":{"kind":"markdown","value":"**`<lr-button>`** — Exact height of the internal button. **Undeclared by default** — so the button keeps the active tier's `min-block-size` floor and an `auto` height, exactly as before. Set it (e.g. to pin the button to a fixed toolbar row) to both floor *and* cap the height. Never declare it as `auto`: a declared value wins over the `var()` fallback arm and would make every tier's floor dead code. `appearance=\"link\"` ignores it."}},{"name":"--lr-button-hover-background","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `color-mix(in oklab, var(--lr-button-hover-base), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Background of a non-disabled button while hovered. Replaced the pre-8.0.0 `--lr-button-hover-brightness` multiplier: a `filter` multiplies every channel, so it moved a mid-toned fill but did nothing at all to a pure white or pure black one, and it dimmed the label and icons along with the box."}},{"name":"--lr-button-hover-base","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-surface)`) — The colour the hover and press mixes move away from. Each painted appearance re-points it at its own fill (`--lr-button-fill` for `filled`/`filled-outlined`, `--lr-button-accent-fill` for `accent`); the chrome-less tiers (`outlined`, `plain`, `quiet`, `link`) paint nothing, so they mix from the page surface. Set it alongside `--lr-button-outlined-fill` when you tint an outlined button."}},{"name":"--lr-button-min-height","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height)`) — The active tier's `min-block-size` floor, resolved through that tier's own `--lr-button-size-*` token, and used as the fallback when `--lr-button-height` is unset."}},{"name":"--lr-button-on-fill","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-on-quiet)`) — Text color on top of `--lr-button-fill`, the grid's guaranteed-legible foreground for that tint."}},{"name":"--lr-button-outlined-border","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-border-strong)`) — Border color of `appearance=\"outlined\"` and `appearance=\"filled-outlined\"`, which overrides `--lr-button-border`."}},{"name":"--lr-button-outlined-fill","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `transparent`) — Background of `appearance=\"outlined\"`. Transparent by default; set it to tint the button (e.g. a faint surface wash behind the outline) without a `::part(base)` rule. Like `--lr-button-quiet-*`, it is deliberately *not* swapped per `variant`. The hover and press mixes read `--lr-button-hover-base`, which this tier leaves on the page surface, so set both together when you tint an outlined button."}},{"name":"--lr-button-padding-block","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-padding-block)`) — Block padding of the internal button, taken from the active `size` tier of the shared ladder. Override it to retune a tier without a `::part(base)` rule; `appearance=\"link\"` ignores it (it renders with zero padding)."}},{"name":"--lr-button-padding-inline","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-padding-inline)`) — Inline padding of the internal button, from the active `size` tier. `appearance=\"link\"` ignores it."}},{"name":"--lr-button-quiet-border","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-border)`) — Border color of `appearance=\"quiet\"`."}},{"name":"--lr-button-quiet-text","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-color-text-quiet)`) — Text color of `appearance=\"quiet\"`."}},{"name":"--lr-button-radius","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-radius)`) — Corner radius of the internal button, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius, since a 6px corner on a 20px-tall control reads as a lozenge). `appearance=\"link\"` ignores it (it renders with zero radius). `pill` changes the private default to `--lr-radius-pill`; an inherited or direct `--lr-button-radius` still wins."}},{"name":"--lr-button-shadow","description":{"kind":"markdown","value":"**`<lr-button>`** — Box shadow of the internal button. **Undeclared by default**, so `box-shadow` falls back to `none` — byte-identical to before this property existed. Set it (e.g. an elevated/floating action button) without a `::part(base)` rule."}},{"name":"--lr-button-size-2xs","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-2xs)`) — `min-block-size` at `size=\"2xs\"`. Since 8.0.0 the whole scale comes from the shared form-control ladder (`internal/sizes.styles.ts`), so ordinary single-row controls share the same minimum-height floor. A composed control can still grow to preserve an action's hit target or fit its content."}},{"name":"--lr-button-size-l","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-l)`) — `min-block-size` at `size=\"l\"` (and at `size=\"large\"`)."}},{"name":"--lr-button-size-m","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-m)`) — `min-block-size` at `size=\"m\"` (and at `size=\"medium\"`), the default tier."}},{"name":"--lr-button-size-s","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-s)`) — `min-block-size` at `size=\"s\"` (and at the `size=\"small\"` spelling)."}},{"name":"--lr-button-size-xl","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-xl)`) — `min-block-size` at `size=\"xl\"`."}},{"name":"--lr-button-size-xs","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-form-control-height-xs)`) — `min-block-size` at `size=\"xs\"`."}},{"name":"--lr-button-spinner-duration","description":{"kind":"markdown","value":"**`<lr-button>`** (default: `var(--lr-transition-ambient)`) — Timing of the `loading` spinner."}},{"name":"--lr-button-width","description":{"kind":"markdown","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":"--lr-calendar-agenda-event-active-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `color-mix(in oklab, var(--lr-calendar-agenda-event-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Agenda-event pressed background override; without one, colored events retain their event fill."}},{"name":"--lr-calendar-agenda-event-hover-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-brand-quiet)`) — Agenda-event hover background override; without one, colored events retain their event fill."}},{"name":"--lr-calendar-day-active-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `color-mix(in oklab, var(--lr-calendar-day-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Day pressed background."}},{"name":"--lr-calendar-day-hover-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-brand-quiet)`) — Day hover background."}},{"name":"--lr-calendar-day-min-block-size","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-size-6rem)`) — Minimum block size of a day cell."}},{"name":"--lr-calendar-day-min-block-size-narrow","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-size-4rem)`) — Minimum block size of a day cell once the host is narrower than 28rem."}},{"name":"--lr-calendar-day-outside-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-surface)`) — Background of an adjacent-month day cell."}},{"name":"--lr-calendar-day-outside-color","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-text-quiet)`) — Text color of an adjacent-month day cell."}},{"name":"--lr-calendar-day-selected-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-brand-quiet)`) — Background of a selected day cell, decoupled from the shared token also driving the nav-button/agenda-event hover background."}},{"name":"--lr-calendar-day-today-outline-color","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-brand)`) — Outline color of today's day cell."}},{"name":"--lr-calendar-nav-active-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `color-mix(in oklab, var(--lr-calendar-nav-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Month-navigation pressed background."}},{"name":"--lr-calendar-nav-hover-bg","description":{"kind":"markdown","value":"**`<lr-calendar>`** (default: `var(--lr-color-brand-quiet)`) — Month-navigation hover background."}},{"name":"--lr-calendar-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-calendar-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-callout-background","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-color-fill-quiet,var(--lr-color-brand-fill-quiet))`) — The host surface's background: an inherited semantic quiet fill, with brand as the standalone fallback."}},{"name":"--lr-callout-border","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-color-fill-loud,var(--lr-color-brand-fill-loud))`) — The host surface's border color."}},{"name":"--lr-callout-close-hover-bg","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-color-brand-quiet)`) — The close button's hover background, decoupled from `--lr-callout-background` so a consumer can retint one without affecting the other (e.g. keeping the hover fill visibly distinct from a `variant=\"brand\"` panel, which shares the same default token)."}},{"name":"--lr-callout-color","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-color-fill-loud,var(--lr-color-brand-fill-loud))`) — The host surface's text color."}},{"name":"--lr-callout-font-size","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-form-control-font-size,var(--lr-font-size-m))`) — The callout's text size. Its private default follows the library's shared size ladder; an inherited or direct public value remains authoritative."}},{"name":"--lr-callout-gap","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-space-s)`) — Space between the icon, the content, and the close action. Deliberately does not vary by `size`: it separates three adjacent boxes rather than setting the panel's density, and shrinking it at the small tiers only crowds them."}},{"name":"--lr-callout-padding","description":{"kind":"markdown","value":"**`<lr-callout>`** (default: `var(--lr-form-control-padding-inline,var(--lr-space-m))`) — Padding of the panel, on both axes. Its private default follows the shared ladder's inline-padding knob: a panel's block rhythm is generous like a control's inline padding, not tight like its block padding (which exists to fit text inside a fixed control height). This hook applies to the panel treatment; `inline` intentionally forces host padding to zero."}},{"name":"--lr-canvas-reserved-height","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`, `<lr-graph>`, `<lr-knowledge-graph-explorer>`** (default: `var(--lr-size-24rem)`) — Default host block size, shared with the pre-upgrade reservation stylesheet. An explicit outer `block-size` still wins."}},{"name":"--lr-card-accent-border-color","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-brand)`) — Accent stripe color."}},{"name":"--lr-card-filled-bg","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-brand-quiet)`) — Filled appearance background."}},{"name":"--lr-card-filled-outlined-bg","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-brand-quiet)`) — Filled-outlined background."}},{"name":"--lr-card-interactive-active-border-color","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-brand)`) — Interactive pressed border."}},{"name":"--lr-card-interactive-active-overlay","description":{"kind":"markdown","value":"**`<lr-card>`** — Interactive pressed overlay; defaults to the former transparent active mix."}},{"name":"--lr-card-interactive-hover-border-color","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--lr-color-brand)`) — Interactive hover border."}},{"name":"--lr-carousel-indicator-current-bg","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand-quiet)`) — Active dot fill."}},{"name":"--lr-carousel-indicator-current-border-color","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Active dot border."}},{"name":"--lr-carousel-navigation-active-bg","description":{"kind":"markdown","value":"**`<lr-carousel>`** — Navigation pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-carousel-navigation-active-border-color","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Navigation pressed border."}},{"name":"--lr-carousel-navigation-hover-bg","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand-quiet)`) — Navigation hover background."}},{"name":"--lr-carousel-navigation-hover-border-color","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Navigation hover border."}},{"name":"--lr-carousel-pagination-active-bg","description":{"kind":"markdown","value":"**`<lr-carousel>`** — Pagination-dot pressed background; defaults to the former brand-quiet active mix."}},{"name":"--lr-carousel-pagination-active-border-color","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Pagination-dot pressed border."}},{"name":"--lr-carousel-pagination-hover-bg","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand-quiet)`) — Pagination-dot hover background."}},{"name":"--lr-carousel-pagination-hover-border-color","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-color-brand)`) — Pagination-dot hover border."}},{"name":"--lr-carousel-slide-basis","description":{"kind":"markdown","value":"**`<lr-carousel>`** — Compatibility override for the computed per-page basis."}},{"name":"--lr-cell-size","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-size-2-25rem)`) — Inline and block size of each day cell and the matching calendar grid track."}},{"name":"--lr-chart-canvas-hover-outline-color","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-chart-grid-color)`) — Color of the `[part='canvas']` hover-state outline.\n\n**`<lr-box-plot>`** (default: `var(--lr-chart-grid-color)`) — Color of the `[part='canvas']` hover-state outline. Same token and default as `<lr-chart>`."}},{"name":"--lr-chart-canvas-hover-outline-width","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-box-plot>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-border-width-thin)`) — Width of the `[part='canvas']` hover-state outline."}},{"name":"--lr-chart-color-1","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-1)`) — First series color."}},{"name":"--lr-chart-color-2","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-2)`) — Second series color."}},{"name":"--lr-chart-color-3","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-3)`) — Third series color."}},{"name":"--lr-chart-color-4","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-4)`) — Fourth series color."}},{"name":"--lr-chart-color-5","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-5)`) — Fifth series color."}},{"name":"--lr-chart-color-6","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-6)`) — Sixth series color."}},{"name":"--lr-chart-color-7","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-7)`) — Seventh series color."}},{"name":"--lr-chart-color-8","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-chart-8)`) — Eighth series color."}},{"name":"--lr-chart-data-table-button-active-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** — Pressed background of an actionable generated- table value; defaults to the standard active mix of `--lr-color-brand-quiet`."}},{"name":"--lr-chart-data-table-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of an actionable generated-table value."}},{"name":"--lr-chart-data-table-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-chart-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-chart-grid-color","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-border)`) — Grid-line color. Resolved via `getComputedStyle` on every draw (Chart.js paints to canvas and cannot consume `var()`).\n\n**`<lr-box-plot>`** (default: `var(--lr-color-border)`) — Canvas grid-line color.\n\n**`<lr-lite-chart>`** (default: `var(--lr-color-border)`) — Grid-line color."}},{"name":"--lr-chart-height","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-size-280px)`) — The plot region's `block-size` and the host's minimum block size. A visible data table or wrapping DOM legend grows the host in normal flow instead of overlapping following content. `height` supplies a private fallback; this public token always wins when a consumer sets it.\n\n**`<lr-box-plot>`, `<lr-lite-chart>`** (default: `var(--lr-size-280px)`) — Consumer-owned chart height. The `height` property supplies only a private fallback, so this public token always wins when set."}},{"name":"--lr-chart-legend-color","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-text)`) — Legend label color. Resolved via `getComputedStyle` on every draw.\n\n**`<lr-box-plot>`** (default: `var(--lr-color-text)`) — DOM legend label color.\n\n**`<lr-lite-chart>`** (default: `var(--lr-color-text)`) — Legend label color."}},{"name":"--lr-chart-legend-item-active-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** — Pressed background of a legend visibility button; defaults to the standard active mix of `--lr-color-brand-quiet`.\n\n**`<lr-box-plot>`** — Legend-item pressed background."}},{"name":"--lr-chart-legend-item-hover-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of a legend visibility button.\n\n**`<lr-box-plot>`** (default: `var(--lr-color-brand-quiet)`) — Legend-item hover background."}},{"name":"--lr-chart-legend-side-max","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-size-15rem)`) — Maximum inline size reserved for a side-positioned DOM legend; the track is also capped at one third of the chart allocation.\n\n**`<lr-box-plot>`, `<lr-lite-chart>`** (default: `var(--lr-size-15rem)`) — Maximum side-legend track size."}},{"name":"--lr-chart-pattern-step","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where every series collapses to one system color and the stripe/crosshatch pattern becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart.\n\n**`<lr-box-plot>`** (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where the eight-color series ramp collapses onto a repeating system-color cycle and the stripe/crosshatch pattern becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart. Shared verbatim with `<lr-chart>` and `<lr-lite-chart>`.\n\n**`<lr-lite-chart>`** (default: `var(--lr-space-2xs)`) — Tile size of the texture painted on `[part='legend-swatch']` while `forced-colors: active` matches, where the eight-color series ramp collapses onto a repeating system-color cycle and the texture becomes the only channel keeping series apart. Declared on the swatch part rather than the host; the stripe width within a tile stays `--lr-border-width-thin`, so a larger step spaces the stripes further apart. Shared verbatim with `<lr-chart>` and `<lr-box-plot>`."}},{"name":"--lr-chart-reset-zoom-button-active-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** — Pressed background of the reset-zoom button; defaults to the standard active mix of `--lr-color-brand-quiet`."}},{"name":"--lr-chart-reset-zoom-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the reset-zoom button."}},{"name":"--lr-chart-tick-color","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-text-quiet)`) — Axis tick-label color; also used for the `xLabel`/`yLabel`/`y2Label` axis-title text (there is no separate title-color token). Resolved via `getComputedStyle` on every draw.\n\n**`<lr-box-plot>`** (default: `var(--lr-color-text-quiet)`) — Canvas tick and axis-title color.\n\n**`<lr-lite-chart>`** (default: `var(--lr-color-text-quiet)`) — Axis and legend-detail color."}},{"name":"--lr-chart-tooltip-bg","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-surface)`) — Tooltip background color. Resolved via `getComputedStyle` on every draw.\n\n**`<lr-box-plot>`** (default: `var(--lr-color-surface)`) — Canvas tooltip background."}},{"name":"--lr-chart-tooltip-text","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-color-text)`) — Tooltip text color. Resolved via `getComputedStyle` on every draw.\n\n**`<lr-box-plot>`** (default: `var(--lr-color-text)`) — Canvas tooltip text color."}},{"name":"--lr-chat-composer-busy-bg","description":{"kind":"markdown","value":"**`<lr-chat-composer>`** (default: `var(--lr-color-text-quiet)`) — `action-button` background while `status` is `\"sending\"` or `\"streaming\"`. Scoped separately from the shared `--lr-color-text-quiet` token, which the `textarea` part's placeholder also reads -- overriding this recolors only the busy button, not the placeholder text too."}},{"name":"--lr-chat-message-bubble-bg","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-surface)`) — Bubble fill for every role except `user`."}},{"name":"--lr-chat-message-bubble-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — Bubble text color for every role except `user`."}},{"name":"--lr-chat-message-bubble-padding","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-space-m)`) — Bubble padding."}},{"name":"--lr-chat-message-bubble-radius","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-radius)`) — Bubble corner radius. Bubble-only by design — `collapse-button` and `retry-button` keep reading the shared `--lr-radius`, so a rounder bubble never desyncs the controls from the rest of the library."}},{"name":"--lr-chat-message-failed-bg","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-danger-quiet)`) — Failed bubble fill."}},{"name":"--lr-chat-message-failed-border-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed bubble border."}},{"name":"--lr-chat-message-failed-footer-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed-message footer text."}},{"name":"--lr-chat-message-failed-indicator-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed indicator."}},{"name":"--lr-chat-message-failed-status-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-danger)`) — Failed status text."}},{"name":"--lr-chat-message-footer-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text-quiet)`) — Default footer text."}},{"name":"--lr-chat-message-indicator-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text-quiet)`) — Default status indicator."}},{"name":"--lr-chat-message-max-width","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `80%`) — Maximum inline size of the message bubble."}},{"name":"--lr-chat-message-streaming-border-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-brand)`) — Streaming bubble border."}},{"name":"--lr-chat-message-streaming-indicator-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-brand)`) — Streaming indicator."}},{"name":"--lr-chat-message-system-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text-quiet)`) — System-message text color."}},{"name":"--lr-chat-message-user-bubble-bg","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-brand-quiet)`) — Bubble fill for `message-role=\"user\"`."}},{"name":"--lr-chat-message-user-bubble-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — Bubble text color for `message-role=\"user\"`."}},{"name":"--lr-chat-message-user-footer-color","description":{"kind":"markdown","value":"**`<lr-chat-message>`** (default: `var(--lr-color-text)`) — User-message footer text."}},{"name":"--lr-checkbox-active-border","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Box border while pressed."}},{"name":"--lr-checkbox-active-ring","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-brand-quiet)`) — Outer box ring while pressed."}},{"name":"--lr-checkbox-box-size","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) * 0.7))`) — Edge length of `[part='box']`. Derived from the `size` tier's shared control height, so the box lines up with an `<lr-input>`/`<lr-select>`/`<lr-button>` of the same `size`; set it to pin the box independently of the tier."}},{"name":"--lr-checkbox-checked-bg","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Background of `[part='box']` while `checked` or `indeterminate`. Retint just this control's checked fill without touching the shared `--lr-color-brand` token every other component also reads."}},{"name":"--lr-checkbox-checked-border","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Border color of `[part='box']` while `checked` or `indeterminate`."}},{"name":"--lr-checkbox-group-invalid-border","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`** (default: `var(--lr-color-danger)`) — Border around the option collection while invalid chrome is visible."}},{"name":"--lr-checkbox-group-option-gap","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`** (default: `calc(var(--lr-form-control-height) * 0.2)`) — Gap between adjacent options, scaled by `size`."}},{"name":"--lr-checkbox-group-row-gap","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`** (default: `calc(var(--lr-form-control-height) * 0.1)`) — Vertical gap between the group's label, options and messages, scaled by `size`."}},{"name":"--lr-checkbox-hover-border","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-brand)`) — Box border while the enabled interactive control is hovered."}},{"name":"--lr-checkbox-invalid-border","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `var(--lr-color-danger)`) — Box border while invalid chrome is visible."}},{"name":"--lr-checkbox-label-indent","description":{"kind":"markdown","value":"**`<lr-checkbox>`** (default: `calc(var(--lr-checkbox-box-size) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the box's own floor plus the gap next to it — so it tracks `size` along with the box. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-checkbox` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is *not* readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size`, `--lr-theme-form-control-height-*` and `--lr-theme-space-s`, which you control."}},{"name":"--lr-checkpoint-spin-duration","description":{"kind":"markdown","value":"**`<lr-checkpoint>`** (default: `var(--lr-transition-ambient)`) — Restoring-spinner timing, inheriting the shared ambient-motion token by default (stopped under reduced motion)."}},{"name":"--lr-chip-accent","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-color-text)`) — Text/icon color of the pill. Each non-neutral `variant` changes its private default to that variant's loud fill."}},{"name":"--lr-chip-bg","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-color-surface)`) — Background of the pill. Each non-neutral `variant` changes its private default to that variant's quiet fill."}},{"name":"--lr-chip-border","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-color-border)`) — Border color of the pill. Every non-neutral `variant` changes its private default to `transparent`."}},{"name":"--lr-chip-font-size","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-font-size-sm)`) — Label font size. Each `size` changes its private default to that step's font size; an inherited or direct public value still wins."}},{"name":"--lr-chip-gap","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-space-xs)`) — Gap between the icon, label, and remove button. Each `size` changes its private default to that step's gap."}},{"name":"--lr-chip-group-overflow-expanded-border-style","description":{"kind":"markdown","value":"**`<lr-chip-group>`** (default: `solid`) — Border style of `[part=\"overflow-indicator\"]` while expanded. The resting indicator intentionally stays dashed, so this can retune the expanded state without losing that structural affordance."}},{"name":"--lr-chip-group-overflow-expanded-color","description":{"kind":"markdown","value":"**`<lr-chip-group>`** (default: `var(--lr-color-text)`) — Text color of `[part=\"overflow-indicator\"]` while expanded (`aria-expanded=\"true\"`). `::part(overflow-indicator)[aria-expanded='true']` is invalid CSS, so this is the only way to retint the expanded state without re-pointing the shared `--lr-color-text` token."}},{"name":"--lr-chip-height","description":{"kind":"markdown","value":"**`<lr-chip>`** — Exact block size of the chip. Undeclared by default, so the chip grows to fit its content (floored by `--lr-chip-min-height` when interactive). Set it to pin a fixed height. A value below the shared interactive target is for non-interactive chips only."}},{"name":"--lr-chip-icon-size","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-font-size-sm)`) — Font size of the `start` slot wrapper. Its private default follows each `size` step's icon size; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-min-height","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-size-1-5rem)`) — Component density floor for an interactive chip. The real toggle/remove controls also enforce the shared `--lr-icon-button-size` target floor."}},{"name":"--lr-chip-padding-block","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-size-0-25rem)`) — Block padding of the pill. Each `size` changes its private default to that step's block padding; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-padding-inline","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-space-s)`) — Inline padding of the pill. Each `size` changes its private default to that step's inline padding; an inherited or direct public value remains authoritative."}},{"name":"--lr-chip-pressed-bg","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-chip-bg)`) — Background while a toggleable chip is selected, independently themeable from its resting background."}},{"name":"--lr-chip-pressed-border","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-chip-accent)`) — Border color while a toggleable chip is selected, independently themeable from the label/icon color."}},{"name":"--lr-chip-radius","description":{"kind":"markdown","value":"**`<lr-chip>`** (default: `var(--lr-radius)`) — Corner radius of the pill and of the remove button, kept in sync so retuning one retunes both. `pill` changes its private default to `var(--lr-radius-pill)`. Does not vary by `size` tier."}},{"name":"--lr-chunk-inspector-current-bg","description":{"kind":"markdown","value":"**`<lr-chunk-inspector>`** (default: `var(--lr-color-brand-quiet)`) — Background of the chunk matching `activeChunkId`. **Contrast-sensitive:** paired with `--lr-chunk-inspector-current-color`, which has to keep a 4.5:1 ratio against it."}},{"name":"--lr-chunk-inspector-current-color","description":{"kind":"markdown","value":"**`<lr-chunk-inspector>`** (default: `var(--lr-color-text)`) — Text color of the current chunk's `[part=\"score\"]` line. **Contrast-sensitive:** the quiet token it replaces only reaches ~4.24:1 against the current background, so override this together with `--lr-chunk-inspector-current-bg`, never alone."}},{"name":"--lr-citation-badge-accent","description":{"kind":"markdown","value":"**`<lr-citation-badge>`** (default: `var(--lr-color-text-quiet)`) — Text color of `base`, and its hover border color. Its private default follows the reflected `status`: success for `high`/`verified`, warning for `medium`/`low`, and danger for `unverified`; a public value wins."}},{"name":"--lr-citation-badge-bg","description":{"kind":"markdown","value":"**`<lr-citation-badge>`** (default: `transparent`) — Background of `base`. Its private default follows `status` to the matching `-quiet` tone (`success`/`warning`/`danger`); a public value wins."}},{"name":"--lr-citation-badge-border","description":{"kind":"markdown","value":"**`<lr-citation-badge>`** (default: `transparent`) — Resting border color of `base`; no `status` changes it, so it stays transparent unless a host overrides it."}},{"name":"--lr-claim-evidence-compact-gap","description":{"kind":"markdown","value":"**`<lr-claim-evidence>`** (default: `var(--lr-space-xs)`) — Gap between `[part=\"claim-trigger\"]`'s columns while `compact`."}},{"name":"--lr-claim-evidence-compact-padding","description":{"kind":"markdown","value":"**`<lr-claim-evidence>`** (default: `var(--lr-space-xs)`) — `[part=\"claim-trigger\"]` padding while `compact`."}},{"name":"--lr-code-block-active-line-outline-color","description":{"kind":"markdown","value":"**`<lr-code-block>`** (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`. Retints just that outline, leaving every other `--lr-color-brand` surface in the component (header pill, hover states, focus ring) alone. Inherits, so it can also be set on an ancestor or at the theme level.\n\n**`<lr-code-block-core>`** (default: `var(--lr-color-brand)`) — Outline color of the line marked active by `active-highlight-id`, leaving every other `--lr-color-brand` surface in the component alone."}},{"name":"--lr-code-block-font","description":{"kind":"markdown","value":"**`<lr-code-block>`, `<lr-code-block-core>`** (default: `var(--lr-font-mono)`) — Monospace family for the rendered `pre` and `code`."}},{"name":"--lr-code-block-highlighted-line-bg","description":{"kind":"markdown","value":"**`<lr-code-block>`** (default: `var(--lr-color-warning-quiet)`) — Background color of a line marked by `highlight-lines` or a `line-range` entry in `highlights`, in both the light and dark-theme (shiki) rendering paths. Retints just that background, leaving every other `--lr-color-warning-quiet` surface alone. Inherits, so it can also be set on an ancestor or at the theme level.\n\n**`<lr-code-block-core>`** (default: `var(--lr-color-warning-quiet)`) — Background color of a line marked by `highlight-lines` or a `line-range` entry in `highlights`. Shared with `lr-code-block` (this component reuses its stylesheet), leaving every other `--lr-color-warning-quiet` surface alone."}},{"name":"--lr-code-block-max-height","description":{"kind":"markdown","value":"**`<lr-code-block>`, `<lr-code-block-core>`** (default: `none`) — Scroll cap applied to `body`. The `max-height` attribute, when set, writes this same property inline on `body` and therefore wins."}},{"name":"--lr-code-block-tab-size","description":{"kind":"markdown","value":"**`<lr-code-block>`** (default: `2`) — Tab width for the rendered code, applied to `pre`. Same default as `--lr-code-editor-tab-size`, so the editable and read-only code surfaces agree; `lr-markdown`/`lr-markdown-core` declare the same token for their own `code-block` part (they are sibling elements, so they cannot inherit this one). Read as a token and never written inline, so a host override survives shiki's own inline `style` on the highlighted `pre`. The default is a `var()` fallback at the point of use rather than a `:host` declaration, so it inherits: set it on the element, a container, or `:root` and it reaches every code surface below. The markdown surface wraps (`white-space: pre-wrap`) while this one does not, so the same value can look different on a wrapped line, where tab stops restart.\n\n**`<lr-code-block-core>`** (default: `2`) — Tab width for the rendered code, applied to `pre`. Shared with `lr-code-block` (this component reuses its stylesheet), `lr-code-editor`, and the markdown viewers' own `code-block` part, so every code surface agrees on a tab's width.\n\n**`<lr-markdown>`, `<lr-markdown-core>`** (default: `2`) — Tab width for a rendered fenced/indented `code-block`. Deliberately the same token (and default) `lr-code-block` and `lr-code-editor` use, so a consumer sets one tab width for every code surface — it is declared here rather than inherited because `lr-code-block` is a sibling element, not an ancestor. A markdown code block wraps (`white-space: pre-wrap`) while `lr-code-block` does not, so the same value can render differently on a wrapped line, where tab stops restart."}},{"name":"--lr-code-editor-font-size","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `var(--lr-font-size-m)`) — Font size of the gutter's line numbers and the textarea, from the active `size` tier."}},{"name":"--lr-code-editor-hover-border","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `var(--lr-color-brand)`) — Editor-frame border while the enabled surface is hovered."}},{"name":"--lr-code-editor-invalid-border","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `var(--lr-color-danger)`) — Editor-frame border while invalid chrome is visible."}},{"name":"--lr-code-editor-line-height","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `1.5`) — Line height shared by the gutter and the textarea, so line numbers stay aligned with their lines."}},{"name":"--lr-code-editor-min-block-size","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `var(--lr-size-8rem)`) — Minimum block size of the editor frame and its textarea. Comes from the active `size` tier by default; assign it directly to override that tier's value."}},{"name":"--lr-code-editor-padding","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `var(--lr-space-s)`) — Padding of the gutter (block side only) and the textarea (all sides), from the active `size` tier."}},{"name":"--lr-code-editor-tab-size","description":{"kind":"markdown","value":"**`<lr-code-editor>`** (default: `2`) — The textarea's `tab-size`. The single channel for tab width — the class writes this token rather than setting `tab-size` directly."}},{"name":"--lr-color-border","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color border. Reads `--lr-theme-color-surface-border`."}},{"name":"--lr-color-border-strong","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color border strong. Reads `--lr-theme-color-border-strong`."}},{"name":"--lr-color-brand","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand."}},{"name":"--lr-color-brand-border-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand border loud. Reads `--lr-theme-color-brand-border-loud`."}},{"name":"--lr-color-brand-border-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand border normal. Reads `--lr-theme-color-brand-border-normal`."}},{"name":"--lr-color-brand-border-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand border quiet. Reads `--lr-theme-color-brand-border-quiet`."}},{"name":"--lr-color-brand-fill-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand fill loud. Reads `--lr-theme-color-brand-fill-loud`."}},{"name":"--lr-color-brand-fill-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand fill normal. Reads `--lr-theme-color-brand-fill-normal`."}},{"name":"--lr-color-brand-fill-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand fill quiet. Reads `--lr-theme-color-brand-fill-quiet`."}},{"name":"--lr-color-brand-on-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand on loud. Reads `--lr-theme-color-brand-on-loud`."}},{"name":"--lr-color-brand-on-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand on normal. Reads `--lr-theme-color-brand-on-normal`."}},{"name":"--lr-color-brand-on-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand on quiet. Reads `--lr-theme-color-brand-on-quiet`."}},{"name":"--lr-color-brand-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color brand quiet."}},{"name":"--lr-color-chart-1","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-1,#0e006e)`) — First cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 1. Reads `--lr-theme-color-chart-1`."}},{"name":"--lr-color-chart-2","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-2,#4d011a)`) — Second cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 2. Reads `--lr-theme-color-chart-2`."}},{"name":"--lr-color-chart-3","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-3,#862002)`) — Third cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 3. Reads `--lr-theme-color-chart-3`."}},{"name":"--lr-color-chart-4","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-4,#503983)`) — Fourth cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 4. Reads `--lr-theme-color-chart-4`."}},{"name":"--lr-color-chart-5","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-5,#315fdd)`) — Fifth cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 5. Reads `--lr-theme-color-chart-5`."}},{"name":"--lr-color-chart-6","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-6,#935e7c)`) — Sixth cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 6. Reads `--lr-theme-color-chart-6`."}},{"name":"--lr-color-chart-7","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-7,#de6906)`) — Seventh cluster color.\n\n**Shared design token** — Canonical shared component token for color chart 7. Reads `--lr-theme-color-chart-7`."}},{"name":"--lr-color-chart-8","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-theme-color-chart-8,#8f81d3)`) — Eighth cluster color; later clusters wrap through the same ordered palette.\n\n**Shared design token** — Canonical shared component token for color chart 8. Reads `--lr-theme-color-chart-8`."}},{"name":"--lr-color-danger","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger."}},{"name":"--lr-color-danger-border-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger border loud. Reads `--lr-theme-color-danger-border-loud`."}},{"name":"--lr-color-danger-border-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger border normal. Reads `--lr-theme-color-danger-border-normal`."}},{"name":"--lr-color-danger-border-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger border quiet. Reads `--lr-theme-color-danger-border-quiet`."}},{"name":"--lr-color-danger-fill-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger fill loud. Reads `--lr-theme-color-danger-fill-loud`."}},{"name":"--lr-color-danger-fill-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger fill normal. Reads `--lr-theme-color-danger-fill-normal`."}},{"name":"--lr-color-danger-fill-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger fill quiet. Reads `--lr-theme-color-danger-fill-quiet`."}},{"name":"--lr-color-danger-on-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger on loud. Reads `--lr-theme-color-danger-on-loud`."}},{"name":"--lr-color-danger-on-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger on normal. Reads `--lr-theme-color-danger-on-normal`."}},{"name":"--lr-color-danger-on-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger on quiet. Reads `--lr-theme-color-danger-on-quiet`."}},{"name":"--lr-color-danger-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color danger quiet."}},{"name":"--lr-color-mix-active","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color mix active. Reads `--lr-theme-color-mix-active`."}},{"name":"--lr-color-mix-hover","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color mix hover. Reads `--lr-theme-color-mix-hover`."}},{"name":"--lr-color-mix-partner","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color mix partner. Reads `--lr-theme-color-mix-partner`."}},{"name":"--lr-color-neutral","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral."}},{"name":"--lr-color-neutral-border-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral border loud. Reads `--lr-theme-color-neutral-border-loud`."}},{"name":"--lr-color-neutral-border-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral border normal. Reads `--lr-theme-color-neutral-border-normal`."}},{"name":"--lr-color-neutral-border-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral border quiet. Reads `--lr-theme-color-neutral-border-quiet`."}},{"name":"--lr-color-neutral-fill-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral fill loud. Reads `--lr-theme-color-neutral-fill-loud`."}},{"name":"--lr-color-neutral-fill-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral fill normal. Reads `--lr-theme-color-neutral-fill-normal`."}},{"name":"--lr-color-neutral-fill-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral fill quiet. Reads `--lr-theme-color-neutral-fill-quiet`."}},{"name":"--lr-color-neutral-on-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral on loud. Reads `--lr-theme-color-neutral-on-loud`."}},{"name":"--lr-color-neutral-on-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral on normal. Reads `--lr-theme-color-neutral-on-normal`."}},{"name":"--lr-color-neutral-on-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color neutral on quiet. Reads `--lr-theme-color-neutral-on-quiet`."}},{"name":"--lr-color-no-data","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color no data. Reads `--lr-theme-color-no-data`."}},{"name":"--lr-color-on-brand","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on brand."}},{"name":"--lr-color-on-danger","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on danger."}},{"name":"--lr-color-on-neutral","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on neutral."}},{"name":"--lr-color-on-strong-overlay","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on strong overlay. Reads `--lr-theme-color-on-strong-overlay`."}},{"name":"--lr-color-on-success","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on success."}},{"name":"--lr-color-on-warning","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color on warning."}},{"name":"--lr-color-overlay","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color overlay. Reads `--lr-theme-color-overlay`."}},{"name":"--lr-color-overlay-strong","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color overlay strong. Reads `--lr-theme-color-overlay-strong`."}},{"name":"--lr-color-picker-checker-color","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-color-border)`) — Tint of the alpha checkerboard."}},{"name":"--lr-color-picker-checker-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-0-5rem)`) — Cell size of the alpha checkerboard."}},{"name":"--lr-color-picker-gap","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-space-xs)`) — Gap between field chrome and panel rows."}},{"name":"--lr-color-picker-grid-block-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-8rem)`) — Saturation/brightness grid height."}},{"name":"--lr-color-picker-grid-handle-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-1rem)`) — Diameter of the grid handle."}},{"name":"--lr-color-picker-grid-hue","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — The saturation/brightness grid's fully-saturated base hue. Rewritten on every render, like `--lr-color-picker-swatch-color`."}},{"name":"--lr-color-picker-grid-inline-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-15rem)`) — Saturation/brightness grid width."}},{"name":"--lr-color-picker-hover-border-color","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-color-brand)`) — Hover border color."}},{"name":"--lr-color-picker-hue-stops","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — The hue ramp's own gradient stops, shared by the hue slider in both text directions. Defaults to the six-stop sRGB hue wheel."}},{"name":"--lr-color-picker-opacity-gradient","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — The opacity slider's transparent-to-opaque ramp, built from the current colour and text direction. Rewritten on every render."}},{"name":"--lr-color-picker-palette-swatch-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-1-5rem)`) — Size of a palette swatch."}},{"name":"--lr-color-picker-radius","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-radius)`) — Trigger, grid, and panel corner radius."}},{"name":"--lr-color-picker-selected-border","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-color-brand)`) — Border of the selected palette swatch."}},{"name":"--lr-color-picker-selected-check-color","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-color-surface)`) — Checkmark color on the selected palette swatch."}},{"name":"--lr-color-picker-slider-block-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-0-75rem)`) — Thickness of the visible hue/opacity ramp. The slider's own pointer target stays floored at 24px regardless."}},{"name":"--lr-color-picker-slider-handle-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-size-1-25rem)`) — Diameter of a slider handle."}},{"name":"--lr-color-picker-swatch-color","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — The live colour painted on the trigger, preview, slider handles, and palette swatches. Rewritten on every render, so it reports state rather than accepting configuration."}},{"name":"--lr-color-picker-swatch-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** (default: `var(--lr-form-control-height,var(--lr-size-2-5rem))`) — The centered visible swatch's inline and block size. The interactive trigger stays at least `--lr-icon-button-size`; larger swatch tiers expand it. The value reads the shared form-control height ladder, so the visible swatch follows neighbouring field density."}},{"name":"--lr-color-shadow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color shadow. Reads `--lr-theme-color-shadow`."}},{"name":"--lr-color-success","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success."}},{"name":"--lr-color-success-border-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success border loud. Reads `--lr-theme-color-success-border-loud`."}},{"name":"--lr-color-success-border-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success border normal. Reads `--lr-theme-color-success-border-normal`."}},{"name":"--lr-color-success-border-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success border quiet. Reads `--lr-theme-color-success-border-quiet`."}},{"name":"--lr-color-success-fill-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success fill loud. Reads `--lr-theme-color-success-fill-loud`."}},{"name":"--lr-color-success-fill-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success fill normal. Reads `--lr-theme-color-success-fill-normal`."}},{"name":"--lr-color-success-fill-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success fill quiet. Reads `--lr-theme-color-success-fill-quiet`."}},{"name":"--lr-color-success-on-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success on loud. Reads `--lr-theme-color-success-on-loud`."}},{"name":"--lr-color-success-on-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success on normal. Reads `--lr-theme-color-success-on-normal`."}},{"name":"--lr-color-success-on-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success on quiet. Reads `--lr-theme-color-success-on-quiet`."}},{"name":"--lr-color-success-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color success quiet."}},{"name":"--lr-color-surface","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color surface. Reads `--lr-theme-color-surface-default`."}},{"name":"--lr-color-surface-overlay","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color surface overlay. Reads `--lr-theme-color-surface-overlay`."}},{"name":"--lr-color-surface-raised","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color surface raised. Reads `--lr-theme-color-surface-raised`."}},{"name":"--lr-color-text","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color text. Reads `--lr-theme-color-text-normal`."}},{"name":"--lr-color-text-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color text quiet. Reads `--lr-theme-color-text-quiet`."}},{"name":"--lr-color-warning","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning."}},{"name":"--lr-color-warning-border-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning border loud. Reads `--lr-theme-color-warning-border-loud`."}},{"name":"--lr-color-warning-border-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning border normal. Reads `--lr-theme-color-warning-border-normal`."}},{"name":"--lr-color-warning-border-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning border quiet. Reads `--lr-theme-color-warning-border-quiet`."}},{"name":"--lr-color-warning-fill-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning fill loud. Reads `--lr-theme-color-warning-fill-loud`."}},{"name":"--lr-color-warning-fill-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning fill normal. Reads `--lr-theme-color-warning-fill-normal`."}},{"name":"--lr-color-warning-fill-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning fill quiet. Reads `--lr-theme-color-warning-fill-quiet`."}},{"name":"--lr-color-warning-on-loud","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning on loud. Reads `--lr-theme-color-warning-on-loud`."}},{"name":"--lr-color-warning-on-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning on normal. Reads `--lr-theme-color-warning-on-normal`."}},{"name":"--lr-color-warning-on-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning on quiet. Reads `--lr-theme-color-warning-on-quiet`."}},{"name":"--lr-color-warning-quiet","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for color warning quiet."}},{"name":"--lr-combobox-expand-size","description":{"kind":"markdown","value":"**`<lr-combobox>`** — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-combobox-font-size","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-form-control-font-size)`) — Input text size, from the shared form-control size ladder."}},{"name":"--lr-combobox-gap","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-space-xs)`) — Gap between the start/end adornments, tags, and filter input inside the trigger row. Unlike the size knobs above it does not vary by `size` tier. Override it to retune without a `::part(combobox)` rule."}},{"name":"--lr-combobox-option-active-bg","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-combobox-option-selected-bg","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."}},{"name":"--lr-combobox-option-selected-border","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-combobox-option-selected-color","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-combobox-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-combobox-radius","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-radius)`) — Corner radius of the trigger row (`[part='combobox']`). Does not vary by `size` tier; the `pill` attribute swaps it for `--lr-radius-pill`."}},{"name":"--lr-combobox-tag-font-size","description":{"kind":"markdown","value":"**`<lr-combobox>`** — Selected-tag text size."}},{"name":"--lr-combobox-tag-padding","description":{"kind":"markdown","value":"**`<lr-combobox>`** — Selected-tag padding."}},{"name":"--lr-combobox-trigger-height","description":{"kind":"markdown","value":"**`<lr-combobox>`** — Exact input-container height. Unset by default, which leaves `--lr-combobox-trigger-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match `<lr-input>`/`<lr-select>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element. Intended for a single-row combobox: in `multiple` mode a tag row long enough to wrap overflows the pinned box visibly (nothing is clipped or made unreachable), so leave it unset there."}},{"name":"--lr-combobox-trigger-min-height","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-form-control-height)`) — Minimum input-container block size. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-*` moves this control and every sibling field together."}},{"name":"--lr-combobox-trigger-padding","description":{"kind":"markdown","value":"**`<lr-combobox>`** — Padding inside the input container."}},{"name":"--lr-command-palette-active-bg","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (keyboard-highlighted, `data-active=\"true\"`) command row. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active row without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-command-palette-group-height","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `var(--lr-size-2rem)`) — Virtual group-heading height; live changes rebuild heading/row transforms and the result extent."}},{"name":"--lr-command-palette-list-max-block-size","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `50vh`) — Maximum height of the scrolling command list."}},{"name":"--lr-command-palette-max-block-size","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `70vh`) — Maximum dialog height."}},{"name":"--lr-command-palette-max-inline-size","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `var(--lr-size-48rem)`) — Maximum dialog width."}},{"name":"--lr-command-palette-offset-block-start","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `12vh`) — Gap between the viewport top and the dialog."}},{"name":"--lr-command-palette-row-height","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `var(--lr-size-3rem)`) — Virtual command-row height; live changes rebuild row transforms, scrolling coordinates, and the result extent."}},{"name":"--lr-command-palette-z-index","description":{"kind":"markdown","value":"**`<lr-command-palette>`** (default: `var(--lr-overlay-stack-index, var(--lr-layer-modal))`) — Stacking index of the backdrop."}},{"name":"--lr-commit-card-compact-padding","description":{"kind":"markdown","value":"**`<lr-commit-card>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-compare-panel-max-height","description":{"kind":"markdown","value":"**`<lr-compare-panel>`** (default: `var(--lr-size-24rem)`) — Cap on how tall each pane's scroll region grows before it scrolls internally."}},{"name":"--lr-compare-panel-selected-background","description":{"kind":"markdown","value":"**`<lr-compare-panel>`** (default: `var(--lr-color-brand-quiet)`) — Selected vote button background."}},{"name":"--lr-compare-panel-selected-border-color","description":{"kind":"markdown","value":"**`<lr-compare-panel>`** (default: `var(--lr-color-brand)`) — Selected vote button border color."}},{"name":"--lr-compare-panel-selected-color","description":{"kind":"markdown","value":"**`<lr-compare-panel>`** (default: `var(--lr-color-brand)`) — Selected vote button text color."}},{"name":"--lr-compare-panel-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-compare-panel>`** (default: `var(--lr-font-weight-semibold)`) — Selected vote button font weight."}},{"name":"--lr-confirm-bar-approved-color","description":{"kind":"markdown","value":"**`<lr-confirm-bar>`** (default: `var(--lr-color-success)`) — `[part='status']` text/icon color once `decision` is `'approved'`."}},{"name":"--lr-confirm-bar-compact-gap","description":{"kind":"markdown","value":"**`<lr-confirm-bar>`** (default: `var(--lr-space-s)`) — Gap between the row's items while `compact`."}},{"name":"--lr-confirm-bar-compact-padding","description":{"kind":"markdown","value":"**`<lr-confirm-bar>`** (default: `var(--lr-space-s)`) — Padding of `[part='base']` while `compact`. Accepts any padding shorthand. Overridden entirely by `frame=\"plain\"`."}},{"name":"--lr-confirm-bar-denied-color","description":{"kind":"markdown","value":"**`<lr-confirm-bar>`** (default: `var(--lr-color-danger)`) — `[part='status']` text/icon color once `decision` is `'denied'`."}},{"name":"--lr-contact-viewer-max-height","description":{"kind":"markdown","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":"--lr-context-meter-legend-swatch-size","description":{"kind":"markdown","value":"**`<lr-context-meter>`** (default: `var(--lr-size-0-625rem)`) — Inline and block size of a legend swatch."}},{"name":"--lr-context-meter-segment-color","description":{"kind":"markdown","value":"**`<lr-context-meter>`** — Per-segment color. Set inline on `[part=\"segment\"]` by the component itself whenever that segment supplies a `color`; unset (and the token unread) otherwise, leaving the `data-tone` palette in charge. The matching `[part=\"legend-swatch\"]` reads the same property, so a swatch can never disagree with the band it stands for."}},{"name":"--lr-control-group-gap","description":{"kind":"markdown","value":"**`<lr-control-group>`** (default: `var(--lr-space-xs)`) — Gap between grouped controls."}},{"name":"--lr-conversation-item-active-bg","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of the row while `active`. **Contrast-sensitive:** it is one half of a documented WCAG-AA pair — the active row's text is sized/toned for this background, so an override has to keep at least a 4.5:1 ratio against `--lr-conversation-item-active-color` (excerpt/timestamp) and against `--lr-color-text` (the label, which is not restyled by the pair)."}},{"name":"--lr-conversation-item-active-color","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-color-text)`) — Text color of `[part=\"excerpt\"]` and `[part=\"timestamp\"]` while `active`. **Contrast-sensitive:** it exists precisely because `--lr-color-text-quiet` only reaches ~4.25:1 against the active background; override it together with `--lr-conversation-item-active-bg`, never alone."}},{"name":"--lr-conversation-item-active-indicator-color","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-color-brand)`) — Color of the decorative `[part=\"active-indicator\"]` while `active`."}},{"name":"--lr-conversation-item-active-indicator-inset-inline","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `0 auto`) — Logical inline-start and inline-end insets for `[part=\"active-indicator\"]`; set `auto 0` to place it at inline-end."}},{"name":"--lr-conversation-item-active-indicator-width","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-size-2px)`) — Inline size of `[part=\"active-indicator\"]` while `active`."}},{"name":"--lr-conversation-item-compact-gap","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s columns while `compact`."}},{"name":"--lr-conversation-item-compact-padding","description":{"kind":"markdown","value":"**`<lr-conversation-item>`** (default: `var(--lr-space-xs) var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-csv-viewer-highlight-color","description":{"kind":"markdown","value":"**`<lr-csv-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-csv-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-csv-viewer>`** (default: `none`) — Maximum block size allocated to `[part=\"body\"]`; the nested virtual-list scrolls data rows within the remainder below the persistent header. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-dashboard-grid-cell-hover-outline-color","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `var(--lr-color-border-strong)`) — Outline color of a cell's mouse-hover preview of its own `:focus-visible` ring (shown because every cell is a real focusable, draggable/resizable target). Set to `transparent` to opt out."}},{"name":"--lr-dashboard-grid-collision-outline-color","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `var(--lr-color-danger)`) — Outline color of a cell whose current drag/resize preview collides with another cell."}},{"name":"--lr-dashboard-grid-columns","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `12`) — Author override for the column count; otherwise the normalized `columns` property supplies the computed value."}},{"name":"--lr-dashboard-grid-gap","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `8px`) — Author override for the gap between cells; otherwise the normalized `gap` property supplies a pixel value."}},{"name":"--lr-dashboard-grid-interaction-shadow","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `var(--lr-shadow-m)`) — Box shadow applied to a cell for the duration of its pointer drag or resize interaction."}},{"name":"--lr-dashboard-grid-row-height","description":{"kind":"markdown","value":"**`<lr-dashboard-grid>`** (default: `80px`) — Author override for row track height; otherwise the normalized `rowHeight` property supplies a pixel value."}},{"name":"--lr-data-grid-cell-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `inherit`) — Text colour of body cells."}},{"name":"--lr-data-grid-cell-link-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-brand)`) — Colour of anchors returned by a column formatter or row detail renderer. These render inside the grid's shadow root, beyond the reach of page CSS. Set `revert` to restore the user-agent default."}},{"name":"--lr-data-grid-cell-link-hover-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-data-grid-cell-link-color,var(--lr-color-brand))`) — Colour of those anchors on hover, focus-visible, and active interaction."}},{"name":"--lr-data-grid-control-active-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Pressed background for grid controls."}},{"name":"--lr-data-grid-control-hover-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Hovered background for grid controls."}},{"name":"--lr-data-grid-page-size-active-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Pressed page-size selector background."}},{"name":"--lr-data-grid-row-active-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Pressed data-row background."}},{"name":"--lr-data-grid-sortable-header-active-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Pressed sortable-header background."}},{"name":"--lr-data-grid-sortable-header-hover-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Hovered sortable-header background."}},{"name":"--lr-dataset-viewer-highlight-color","description":{"kind":"markdown","value":"**`<lr-dataset-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-dataset-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-dataset-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`. `scrollMode='page'` deliberately ignores the cap and hands both axes to page flow so the sticky header can use the page scrollport."}},{"name":"--lr-date-input-action-active-bg","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `color-mix(...)`) — Clear/calendar action background while pressed."}},{"name":"--lr-date-input-action-active-color","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-date-input-action-hover-color,var(--lr-color-text))`) — Clear/calendar action color while pressed."}},{"name":"--lr-date-input-action-active-radius","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-date-input-radius)`) — Clear/calendar action corner radius while pressed."}},{"name":"--lr-date-input-action-hover-bg","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `transparent`) — Clear/calendar action background on hover."}},{"name":"--lr-date-input-action-hover-color","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-color-text)`) — Clear/calendar action color on hover."}},{"name":"--lr-date-input-action-hover-radius","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-date-input-radius)`) — Clear/calendar action corner radius on hover."}},{"name":"--lr-date-input-control-height","description":{"kind":"markdown","value":"**`<lr-date-input>`** — Exact block size of the input row. Undeclared by default, so the row grows to fit its content (floored by `--lr-date-input-control-min-height`). Set it to pin a fixed height; the calendar toggle keeps its own 24x24 touch target even when this pins a shorter row."}},{"name":"--lr-date-input-control-min-height","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-form-control-height)`) — Minimum block size of the input row, read from the shared form-control height ladder so retuning `--lr-theme-form-control-height-*` moves this control and every sibling field together. Each default sits below the row's transitively-pinned height, so it is dead until a consumer raises it -- the unset render is unchanged."}},{"name":"--lr-date-input-focus-border-color","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-date-input-font-size","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `inherit`) — Font size of the text input, scaled by `size`."}},{"name":"--lr-date-input-gap","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-space-xs)`) — Gap between input-row children."}},{"name":"--lr-date-input-padding-block","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-space-xs)`) — Block padding of the input row, scaled by `size`."}},{"name":"--lr-date-input-padding-inline","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-space-s)`) — Inline padding of the input row, scaled by `size`."}},{"name":"--lr-date-input-placeholder-color","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-color-text-quiet)`) — Placeholder text color."}},{"name":"--lr-date-input-radius","description":{"kind":"markdown","value":"**`<lr-date-input>`** (default: `var(--lr-radius)`) — Input-row corner radius. `pill` changes its private default to `--lr-radius-pill`; an inherited or direct public value still wins."}},{"name":"--lr-date-picker-day-active-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `color-mix(in oklab, var(--lr-date-picker-day-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Day pressed background."}},{"name":"--lr-date-picker-day-hover-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Day hover background."}},{"name":"--lr-date-picker-day-outside-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-text-quiet)`) — Adjacent-month day color."}},{"name":"--lr-date-picker-disabled-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-text-quiet)`) — Disabled day text color."}},{"name":"--lr-date-picker-disabled-opacity","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-opacity-disabled)`) — Disabled day opacity."}},{"name":"--lr-date-picker-header-gap","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-space-s)`) — Month-header child gap."}},{"name":"--lr-date-picker-month-gap","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-space-l)`) — Gap between visible months."}},{"name":"--lr-date-picker-nav-active-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `color-mix(in oklab, var(--lr-date-picker-nav-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed month-navigation background."}},{"name":"--lr-date-picker-nav-hover-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the `[part=\"previous\"]`/`[part=\"next\"]` month-navigation buttons."}},{"name":"--lr-date-picker-preset-active-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** — Pressed background of a quick-range button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-date-picker-preset-hover-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of a quick-range button."}},{"name":"--lr-date-picker-preset-selected-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Background of the quick-range button whose range is currently selected."}},{"name":"--lr-date-picker-preset-selected-border","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Border color of the selected quick-range button."}},{"name":"--lr-date-picker-preset-selected-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-on-brand)`) — Foreground color of the selected quick-range button."}},{"name":"--lr-date-picker-radius","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-radius)`) — Calendar and control corner radius."}},{"name":"--lr-date-picker-range-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Selected-range interior background."}},{"name":"--lr-date-picker-range-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-text)`) — Adjacent-month range text color."}},{"name":"--lr-date-picker-range-preview-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-date-picker-range-bg, var(--lr-color-brand-quiet))`) — Pending-range preview background."}},{"name":"--lr-date-picker-selected-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Selected day/range-endpoint background."}},{"name":"--lr-date-picker-selected-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-on-brand)`) — Selected day/range-endpoint text color."}},{"name":"--lr-date-picker-title-active-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Pressed title background."}},{"name":"--lr-date-picker-title-active-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Pressed title color."}},{"name":"--lr-date-picker-title-active-radius","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-date-picker-radius)`) — Pressed title corner radius."}},{"name":"--lr-date-picker-title-hover-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Hovered title color."}},{"name":"--lr-date-picker-today-outline","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Today outline color."}},{"name":"--lr-date-picker-view-active-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `color-mix(in oklab, var(--lr-date-picker-view-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Selection-view item pressed background."}},{"name":"--lr-date-picker-view-disabled-opacity","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-opacity-disabled)`) — Disabled selection-view item opacity."}},{"name":"--lr-date-picker-view-hover-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand-quiet)`) — Selection-view item hover background."}},{"name":"--lr-date-picker-view-selected-bg","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Selected selection-view item background."}},{"name":"--lr-date-picker-view-selected-color","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-on-brand)`) — Selected selection-view item text color."}},{"name":"--lr-date-picker-view-today-outline","description":{"kind":"markdown","value":"**`<lr-date-picker>`** (default: `var(--lr-color-brand)`) — Current-period selection-view outline."}},{"name":"--lr-details-filled-bg","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-brand-quiet)`) — Filled surface background."}},{"name":"--lr-details-filled-border-color","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `transparent`) — Filled border color."}},{"name":"--lr-details-filled-outlined-bg","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-brand-quiet)`) — Filled-outlined surface background."}},{"name":"--lr-details-filled-outlined-border-color","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-border)`) — Filled-outlined border color."}},{"name":"--lr-details-font-size","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-form-control-font-size)`) — Text size of the summary and the panel. Its private default follows the library's shared size ladder; an inherited or direct public value remains authoritative."}},{"name":"--lr-details-gap","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-space-s)`) — Gap between summary content and its icon."}},{"name":"--lr-details-outlined-bg","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-surface)`) — Outlined surface background."}},{"name":"--lr-details-outlined-border-color","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-border)`) — Outlined border color."}},{"name":"--lr-details-radius","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-radius)`) — Disclosure surface corner radius."}},{"name":"--lr-details-spacing","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-form-control-padding-inline)`) — Block rhythm: the summary's block padding and the panel's trailing padding, kept equal so a stack of disclosures reads evenly. Its private default follows the shared ladder's inline-padding knob, whose values suit a stacked panel; the ladder's own block padding exists to fit text inside a fixed control height and would collapse the summary row. An inherited or direct public value remains authoritative."}},{"name":"--lr-details-summary-active-bg","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `color-mix(...)`) — Summary pressed background."}},{"name":"--lr-details-summary-hover-bg","description":{"kind":"markdown","value":"**`<lr-details>`** (default: `var(--lr-color-brand-quiet)`) — Summary hover background."}},{"name":"--lr-dialog-backdrop-duration","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-duration-fast)`) — Duration of the backdrop's fade."}},{"name":"--lr-dialog-backdrop-filter","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `none`) — `backdrop-filter` applied to the scrim, for a frosted-glass treatment over the page behind it."}},{"name":"--lr-dialog-max-width","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-dialog-width, var(--lr-size-32rem))`) — Cap on the panel's inline size. Falls back to `--lr-dialog-width` when that is set, so an assertive width is not clipped by the 32rem default; the viewport (`100%`) is always a hard limit on top."}},{"name":"--lr-dialog-overlay-color","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-dialog-panel-duration","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-duration-base)`) — Duration of the panel's enter/exit animation."}},{"name":"--lr-dialog-spacing","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-space-l)`) — Padding inside the body, and the inline padding of the header and footer rows."}},{"name":"--lr-dialog-spacing-block","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-space-m)`) — Block padding of the header and footer rows, which are tighter than the body by default."}},{"name":"--lr-dialog-width","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `auto`) — Assertive inline size for the panel. Left at `auto` the panel shrink-wraps to its content."}},{"name":"--lr-diff-view-add-background","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-success-quiet)`) — Added-line background."}},{"name":"--lr-diff-view-add-color","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-success)`) — Added-line text color."}},{"name":"--lr-diff-view-fold-background","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-surface-raised)`) — Fold-marker background."}},{"name":"--lr-diff-view-fold-color","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-text-quiet)`) — Fold-marker text color."}},{"name":"--lr-diff-view-font","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-font-mono)`) — Font family used for the diff lines."}},{"name":"--lr-diff-view-remove-background","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-danger-quiet)`) — Removed-line background."}},{"name":"--lr-diff-view-remove-color","description":{"kind":"markdown","value":"**`<lr-diff-view>`** (default: `var(--lr-color-danger)`) — Removed-line text color."}},{"name":"--lr-dock-panel-collapse-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-dock-panel>`** (default: `var(--lr-color-brand-quiet)`) — Background of `collapse-toggle` on hover; also feeds its pressed background via `color-mix()`."}},{"name":"--lr-dock-panel-collapse-toggle-hover-color","description":{"kind":"markdown","value":"**`<lr-dock-panel>`** (default: `var(--lr-color-brand)`) — Text/icon color of `collapse-toggle` on hover, reused verbatim for its pressed color too."}},{"name":"--lr-dock-panel-collapsed-size","description":{"kind":"markdown","value":"**`<lr-dock-panel>`** (default: `var(--lr-icon-button-size)`) — The extent the panel keeps along its resize axis while `collapsed` -- enough to still host the toggle button that re-expands it."}},{"name":"--lr-dock-panel-handle-active-color","description":{"kind":"markdown","value":"**`<lr-dock-panel>`** (default: `color-mix(in oklab, var(--lr-dock-panel-handle-hover-color, var(--lr-color-brand)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of `handle` while actively dragged/pressed."}},{"name":"--lr-dock-panel-handle-hover-color","description":{"kind":"markdown","value":"**`<lr-dock-panel>`** (default: `var(--lr-color-brand)`) — Background of `handle` on hover and keyboard focus -- scoped separately from `collapse-toggle`'s own hover tokens above even though both default to the same brand token, since the two serve unrelated purposes (drag affordance vs. button feedback)."}},{"name":"--lr-document-compare-pane-max-height","description":{"kind":"markdown","value":"**`<lr-document-compare>`** (default: `var(--lr-size-24rem)`) — Maximum block size of a side-by-side pane before it scrolls internally."}},{"name":"--lr-document-preview-active-border","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-warning, var(--lr-color-brand))`) — Border color of the `[part=\"region-highlight\"]` matching `activeHighlightId` (image format only). Distinct from the resting highlight border."}},{"name":"--lr-document-preview-download-link-active-bg","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the generic download link."}},{"name":"--lr-document-preview-download-link-hover-bg","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Hover background of the generic download link."}},{"name":"--lr-document-preview-font","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-font-mono)`) — Font used for plain-text previews."}},{"name":"--lr-document-preview-highlight-accent-color","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-brand)`) — Accent highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-danger-color","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-danger)`) — Danger highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-neutral-color","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-neutral)`) — Neutral highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-success-color","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-success)`) — Success highlight border and hover tint."}},{"name":"--lr-document-preview-highlight-warning-color","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-color-warning)`) — Warning highlight border and hover tint."}},{"name":"--lr-document-preview-max-height","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `none`) — Maximum body block size before the preview scrolls internally."}},{"name":"--lr-document-preview-progress","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `0`) — Unitless 0-100 completion of the determinate loading ring (multiplied by `1%` in its conic gradient). Written inline by the component from the clamped `progress` value, so it is a read-out rather than a consumer knob."}},{"name":"--lr-document-preview-spin-duration","description":{"kind":"markdown","value":"**`<lr-document-preview>`** (default: `var(--lr-transition-ambient)`) — Timing of one indeterminate loading-indicator rotation."}},{"name":"--lr-document-viewer-download-link-active-bg","description":{"kind":"markdown","value":"**`<lr-document-viewer>`** (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the download link."}},{"name":"--lr-document-viewer-download-link-hover-bg","description":{"kind":"markdown","value":"**`<lr-document-viewer>`** (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Hover background of the download link."}},{"name":"--lr-document-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-document-viewer>`** (default: `70vh`) — Maximum block size of the dialog body before it scrolls internally."}},{"name":"--lr-docx-viewer-highlight-accent-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Accent highlight background."}},{"name":"--lr-docx-viewer-highlight-active-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Active highlight background."}},{"name":"--lr-docx-viewer-highlight-active-outline","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Active fallback-highlight outline."}},{"name":"--lr-docx-viewer-highlight-danger-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Danger highlight background."}},{"name":"--lr-docx-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Neutral highlight background."}},{"name":"--lr-docx-viewer-highlight-success-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Success highlight background."}},{"name":"--lr-docx-viewer-highlight-warning-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Warning highlight background."}},{"name":"--lr-docx-viewer-max-height","description":{"kind":"markdown","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":"--lr-docx-viewer-search-match-active-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Active search-match background."}},{"name":"--lr-docx-viewer-search-match-active-foreground","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Active search-match foreground."}},{"name":"--lr-docx-viewer-search-match-background","description":{"kind":"markdown","value":"**`<lr-docx-viewer>`** — Search-match background."}},{"name":"--lr-drawer-enter-x","description":{"kind":"markdown","value":"**`<lr-drawer>`** (default: `calc(-1 * var(--lr-size-1rem))`) — Horizontal offset the panel slides in from, and back out to, for start/end drawers. Its private default changes per placement (and flips under RTL); an inherited or direct public value remains authoritative."}},{"name":"--lr-drawer-enter-y","description":{"kind":"markdown","value":"**`<lr-drawer>`** (default: `calc(-1 * var(--lr-size-1rem))`) — Vertical offset the panel slides in from, and back out to, for top/bottom drawers. Its private default becomes `var(--lr-size-1rem)` for `bottom`; an inherited or direct public value remains authoritative."}},{"name":"--lr-drawer-height","description":{"kind":"markdown","value":"**`<lr-drawer>`** — Block size for top/bottom drawers."}},{"name":"--lr-drawer-width","description":{"kind":"markdown","value":"**`<lr-drawer>`** — Inline size for start/end drawers."}},{"name":"--lr-duration-ambient","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for duration ambient. Reads `--lr-theme-duration-slow`."}},{"name":"--lr-duration-base","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for duration base. Reads `--lr-theme-duration-normal`."}},{"name":"--lr-duration-fast","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for duration fast. Reads `--lr-theme-duration-fast`."}},{"name":"--lr-duration-icon","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for duration icon. Reads `--lr-theme-duration-icon`."}},{"name":"--lr-easing-emphasized","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for easing emphasized. Reads `--lr-theme-easing-emphasized`."}},{"name":"--lr-easing-linear","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for easing linear. Reads `--lr-theme-easing-linear`."}},{"name":"--lr-easing-standard","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for easing standard. Reads `--lr-theme-easing-standard`."}},{"name":"--lr-ebook-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-ebook-viewer>`** (default: `none`) — Maximum block size of the mount area epub.js renders into, before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-email-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-email-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-embedding-explorer-height","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `360px`) — The plot's `block-size`. Set on the host from the `height` property, whose default supplies the `360px`; a value the browser cannot parse as a `block-size` is dropped, leaving the `viewBox`-derived aspect-ratio size. A consumer's own `::part(plot) { block-size: ... }` rule still overrides it, and the narrow-allocation `min-block-size` floor still raises it."}},{"name":"--lr-embedding-explorer-selected-stroke","description":{"kind":"markdown","value":"**`<lr-embedding-explorer>`** (default: `var(--lr-color-brand)`) — Stroke color of the selected point."}},{"name":"--lr-emoji-picker-active-bg","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand-quiet)`) — Compatibility fallback background for hover and roving-active states."}},{"name":"--lr-emoji-picker-control-gap","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-space-xs)`) — Gap between field sections."}},{"name":"--lr-emoji-picker-gap","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-space-2xs)`) — Gap between emoji within a windowed row."}},{"name":"--lr-emoji-picker-glyph-size","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-font-size-lg)`) — Font size of the emoji glyph, scaled by the `size` property to keep the glyph proportional to the item box."}},{"name":"--lr-emoji-picker-hover-bg","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-emoji-picker-active-bg,var(--lr-color-brand-quiet))`) — Pointer-hover background. The legacy `--lr-emoji-picker-active-bg` remains its fallback."}},{"name":"--lr-emoji-picker-item-radius","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-radius-xs)`) — Search and emoji corner radius."}},{"name":"--lr-emoji-picker-item-size","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-icon-button-size)`) — Each emoji button's box. Floored at the shared `--lr-icon-button-size`; small size tiers scale the glyph without shrinking the interactive target."}},{"name":"--lr-emoji-picker-keyboard-active-bg","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-emoji-picker-active-bg,var(--lr-color-brand-quiet))`) — Roving keyboard/pointer-active background."}},{"name":"--lr-emoji-picker-keyboard-active-outline-color","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand)`) — Outline color for the roving keyboard-active emoji."}},{"name":"--lr-emoji-picker-pressed-bg","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `color-mix(...)`) — Pointer-pressed background."}},{"name":"--lr-emoji-picker-pressed-outline-color","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand)`) — Outline color while an emoji button is being pointer-pressed."}},{"name":"--lr-emoji-picker-radius","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-radius)`) — Outer picker corner radius."}},{"name":"--lr-emoji-picker-row-height","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `calc(var(--lr-emoji-picker-item-size) + var(--lr-space-l))`) — One windowed row's height. Must stay at or above the item size plus the group-label band, or consecutive absolutely-positioned rows overlap."}},{"name":"--lr-emoji-picker-search-hover-border-color","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand)`) — Search hover border."}},{"name":"--lr-emoji-picker-selected-bg","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand-quiet)`) — Committed-value background."}},{"name":"--lr-emoji-picker-selected-color","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-text)`) — Committed-value foreground."}},{"name":"--lr-emoji-picker-selected-outline-color","description":{"kind":"markdown","value":"**`<lr-emoji-picker>`** (default: `var(--lr-color-brand)`) — Outline color for the committed selection."}},{"name":"--lr-empty-compact-align","description":{"kind":"markdown","value":"**`<lr-empty>`** — Cross-axis and text alignment used in compact mode; set to `center` for dense but centered empty states."}},{"name":"--lr-empty-compact-font-size","description":{"kind":"markdown","value":"**`<lr-empty>`** — Heading font size used in compact mode. Unset by default (no fallback), so the heading keeps its ordinary inherited font size until a consumer opts in."}},{"name":"--lr-empty-compact-gap","description":{"kind":"markdown","value":"**`<lr-empty>`** (default: `var(--lr-space-2xs)`) — Gap between the icon, title, and description in compact mode."}},{"name":"--lr-empty-compact-padding","description":{"kind":"markdown","value":"**`<lr-empty>`** (default: `var(--lr-space-xs)`) — Padding used in compact mode; accepts any padding shorthand (e.g. `8px 2px`)."}},{"name":"--lr-entity-card-compact-gap","description":{"kind":"markdown","value":"**`<lr-entity-card>`** (default: `var(--lr-space-xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."}},{"name":"--lr-entity-card-compact-padding","description":{"kind":"markdown","value":"**`<lr-entity-card>`** (default: `var(--lr-space-s)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-entity-chip-bg","description":{"kind":"markdown","value":"**`<lr-entity-chip>`** (default: `var(--lr-color-brand-quiet)`) — Background color."}},{"name":"--lr-entity-chip-border","description":{"kind":"markdown","value":"**`<lr-entity-chip>`** (default: `transparent`) — Border color of the chip."}},{"name":"--lr-entity-chip-color","description":{"kind":"markdown","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":"--lr-env-list-reveal-active-bg","description":{"kind":"markdown","value":"**`<lr-env-list>`** (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (revealed) reveal toggle."}},{"name":"--lr-env-list-reveal-active-border","description":{"kind":"markdown","value":"**`<lr-env-list>`** (default: `var(--lr-color-brand)`) — Border color of a pressed (revealed) reveal toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(reveal-button)[aria-pressed]` is invalid CSS."}},{"name":"--lr-file-icon-size","description":{"kind":"markdown","value":"**`<lr-file-icon>`** (default: `var(--lr-size-2rem)`) — Inline/block size of the format badge."}},{"name":"--lr-file-input-accept-bg","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of `[part~=\"base\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-file-input-accept-border-color","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-color-success)`) — Border color of `[part~=\"base\"][data-drag-state=\"accept\"]`."}},{"name":"--lr-file-input-compact-font-size","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-font-size-sm)`) — Label font size while `compact`."}},{"name":"--lr-file-input-compact-gap","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-space-2xs)`) — Gap between the dropzone's slotted children while `compact`."}},{"name":"--lr-file-input-compact-padding","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-space-s)`) — `[part~=\"base\"]` padding while `compact`."}},{"name":"--lr-file-input-detail-font-size","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-font-size-sm)`) — Size of the secondary text: the hint, the validation error, and each selected file's formatted size. Retuned per `size` tier."}},{"name":"--lr-file-input-dropzone-font-size","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-font-size-md-sm)`) — Instructional text size inside the dropzone. Retuned per `size` tier; the documented default is the `m`/`medium` tier."}},{"name":"--lr-file-input-dropzone-icon-size","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-font-size-xl)`) — `[part=\"dropzone-icon\"]` glyph size. Retuned per `size` tier."}},{"name":"--lr-file-input-dropzone-padding","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-space-l)`) — Padding inside `[part~=\"base\"]` and the stacked dropzone content. Retuned per `size` tier; `compact` overrides it."}},{"name":"--lr-file-input-font-size","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-form-control-font-size)`) — Label and selected-filename text size; tracks the shared `size` ladder."}},{"name":"--lr-file-input-gap","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-space-xs)`) — Gap between the dropzone's slotted children. While `compact`, this is the fallback when `--lr-file-input-compact-gap` is unset."}},{"name":"--lr-file-input-radius","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-radius)`) — Corner radius of `[part~=\"base\"]`."}},{"name":"--lr-file-input-reject-bg","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of `[part~=\"base\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-file-input-reject-border-color","description":{"kind":"markdown","value":"**`<lr-file-input>`** (default: `var(--lr-color-danger)`) — Border color of `[part~=\"base\"][data-drag-state=\"reject\"]`."}},{"name":"--lr-flag-aspect-ratio","description":{"kind":"markdown","value":"**`<lr-flag>`** (default: `4 / 3`) — Rectangular flag aspect ratio."}},{"name":"--lr-flag-object-fit","description":{"kind":"markdown","value":"**`<lr-flag>`** (default: `cover`) — How the image fits its flag frame."}},{"name":"--lr-flag-radius","description":{"kind":"markdown","value":"**`<lr-flag>`** — Rectangular flag corner radius."}},{"name":"--lr-flow-canvas-drop-active-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of the viewport while a palette item is dragged over it (`droppable`)."}},{"name":"--lr-flow-canvas-edge-brand-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Brand edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-danger-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-danger)`) — Danger edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-neutral-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-border)`) — Neutral edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-success-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-success)`) — Success edge and arrowhead color."}},{"name":"--lr-flow-canvas-edge-warning-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-warning)`) — Warning edge and arrowhead color."}},{"name":"--lr-flow-canvas-grid-size","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-size-0-5rem)`) — Dotted background spacing. The `grid` property supplies the fallback when this hook is unset; an element or ancestor hook takes precedence."}},{"name":"--lr-flow-canvas-march-duration","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-duration-ambient)`) — Running-edge march animation duration."}},{"name":"--lr-flow-canvas-node-connect-invalid-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-danger)`) — Outline color of a node that is an invalid connect-gesture drop target. Same `::part()` attribute-selector restriction as `--lr-flow-canvas-node-selected-outline-color` above."}},{"name":"--lr-flow-canvas-node-connect-target-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of a node that is a valid connect-gesture drop target."}},{"name":"--lr-flow-canvas-node-hover-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-border-strong)`) — Outline color of a node's mouse-hover preview of its own `:focus-visible` ring. Unlike the four state-scoped colors above this one is `:hover`-gated rather than attribute-gated, so a `::part(node):hover` override would lose to this rule's own higher internal specificity rather than to the `::part()[attr]` restriction those four work around. Set to `transparent` to opt out."}},{"name":"--lr-flow-canvas-node-selected-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-canvas>`** (default: `var(--lr-color-brand)`) — Outline color of a selected node."}},{"name":"--lr-flow-controls-lock-active-color","description":{"kind":"markdown","value":"**`<lr-flow-controls>`** (default: `var(--lr-color-brand)`) — Pressed lock-button foreground."}},{"name":"--lr-flow-minimap-block-size","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-size-8rem)`) — Map block size."}},{"name":"--lr-flow-minimap-inline-size","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-size-12rem)`) — Map inline size."}},{"name":"--lr-flow-minimap-viewport-min-size","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-icon-button-size)`) — Smallest rendered size, in physical pixels, of the transparent `viewport-hit-area` along either axis. On a canvas whose node bounds dwarf the visible viewport the raw rectangle collapses to a few pixels, which leaves the only pointer-drag handle for panning effectively unclickable; the floor grows it symmetrically about its own centre so it still points at what the viewport shows. The visible `viewport` stays exact. Defaults to Lyra's 40px interaction floor; set `0` to opt out."}},{"name":"--lr-flow-node-compact-gap","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"card\"]`'s rows while `compact`."}},{"name":"--lr-flow-node-compact-padding","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-space-xs)`) — `[part=\"card\"]` padding while `compact`."}},{"name":"--lr-flow-node-min-inline-size","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `calc(var(--lr-size-10rem) + var(--lr-size-1rem))`) — Minimum card inline size."}},{"name":"--lr-flow-node-progress-fill-color","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Determinate progress fill color, independent from the track and other brand-colored states."}},{"name":"--lr-flow-node-progress-track-color","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-color-border)`) — Determinate progress track color."}},{"name":"--lr-flow-node-running-border","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Border color of the card while `status=\"running\"`. Independent from `--lr-flow-node-selected-outline-color` so a consumer can retint just one of the two states without the other following along."}},{"name":"--lr-flow-node-running-glow","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-color-brand-quiet)`) — Box-shadow color of the running-state ring around the card, and the pulse keyframes' peak color."}},{"name":"--lr-flow-node-selected-outline-color","description":{"kind":"markdown","value":"**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Outline color of the card while `selected`. The outline stays independent from execution-state border and glow."}},{"name":"--lr-flow-status-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-border-strong)`) — Fill of nodes without an execution status.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-border-strong)`) — Status-dot color when no execution status is set.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-border-strong)`) — Count-dot color when no execution status is set."}},{"name":"--lr-flow-status-denied-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-warning)`) — Denied-node fill.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-warning)`) — Denied status-dot color.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-warning)`) — Denied count-dot color."}},{"name":"--lr-flow-status-error-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-danger)`) — Failed-node fill.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-danger)`) — Error status-dot color.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-danger)`) — Error count-dot color."}},{"name":"--lr-flow-status-pending-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-border-strong)`) — Pending-node fill.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-border-strong)`) — Pending status-dot color.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-border-strong)`) — Pending count-dot color."}},{"name":"--lr-flow-status-running-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-brand)`) — Running-node fill.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-brand)`) — Running status-dot color.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-brand)`) — Running count-dot color."}},{"name":"--lr-flow-status-success-color","description":{"kind":"markdown","value":"**`<lr-flow-minimap>`** (default: `var(--lr-color-success)`) — Successful-node fill.\n\n**`<lr-flow-node>`** (default: `var(--lr-color-success)`) — Success status-dot color.\n\n**`<lr-flow-run-status>`** (default: `var(--lr-color-success)`) — Success count-dot color."}},{"name":"--lr-focus-ring","description":{"kind":"markdown","value":"**Shared design token** — Composite focus-ring outline shorthand, derived from the width and color parts. Mirrors the ready-made outline value Web Awesome exposes as --wa-focus-ring so a migrating consumer has a one-to-one target instead of hand-expanding every site. Offset stays separate because outline-offset is its own property."}},{"name":"--lr-focus-ring-color","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for focus ring color. Reads `--lr-theme-color-focus`."}},{"name":"--lr-focus-ring-offset","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for focus ring offset. Reads `--lr-theme-focus-ring-offset`."}},{"name":"--lr-focus-ring-width","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for focus ring width. Reads `--lr-theme-focus-ring-width`."}},{"name":"--lr-font","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font. Reads `--lr-theme-font-family-body`."}},{"name":"--lr-font-mono","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font mono. Reads `--lr-theme-font-family-mono`."}},{"name":"--lr-font-size-2xl","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size 2xl. Reads `--lr-theme-font-size-2xl`."}},{"name":"--lr-font-size-2xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size 2xs. Reads `--lr-theme-font-size-2xs`."}},{"name":"--lr-font-size-3xl","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size 3xl. Reads `--lr-theme-font-size-3xl`."}},{"name":"--lr-font-size-3xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size 3xs. Reads `--lr-theme-font-size-3xs`."}},{"name":"--lr-font-size-lg","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size lg. Reads `--lr-theme-font-size-lg`."}},{"name":"--lr-font-size-m","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size m. Reads `--lr-theme-font-size-m`."}},{"name":"--lr-font-size-md-sm","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size md sm. Reads `--lr-theme-font-size-md-sm`."}},{"name":"--lr-font-size-sm","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size sm. Reads `--lr-theme-font-size-sm`."}},{"name":"--lr-font-size-xl","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size xl. Reads `--lr-theme-font-size-xl`."}},{"name":"--lr-font-size-xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font size xs. Reads `--lr-theme-font-size-xs`."}},{"name":"--lr-font-weight-bold","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font weight bold. Reads `--lr-theme-font-weight-bold`."}},{"name":"--lr-font-weight-medium","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font weight medium. Reads `--lr-theme-font-weight-medium`."}},{"name":"--lr-font-weight-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font weight normal. Reads `--lr-theme-font-weight-normal`."}},{"name":"--lr-font-weight-semibold","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for font weight semibold. Reads `--lr-theme-font-weight-semibold`."}},{"name":"--lr-form-control-required-color","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>`** (default: `var(--lr-color-danger)`) — Required-marker color, themeable independently of error text and invalid borders.\n\n**`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-known-date>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`, `<lr-tool-param-form>`** (default: `var(--lr-color-danger)`) — Color of that marker, retunable without touching any other danger-coloured surface.\n\n**`<lr-rubric-form>`** (default: `var(--lr-color-danger)`) — Color of that marker, independently retunable from field errors."}},{"name":"--lr-form-control-required-content","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>`** (default: `' *'`) — The required marker appended to `form-control-label` while `required` is set. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it.\n\n**`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`** (default: `' *'`) — The required-field marker rendered after the label. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here.\n\n**`<lr-known-date>`** (default: `' *'`) — The required-field marker, rendered after the `legend` box. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here.\n\n**`<lr-rubric-form>`** (default: `' *'`) — Required-field marker after rubric-owned score and unsupported-field labels. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it.\n\n**`<lr-tool-param-form>`** (default: `' *'`) — The required-field marker rendered after the `label` part of every field whose key is listed in the schema's `required` array — per field here, not per host, because this control's value is a whole object. Set it to `''` to suppress the marker, or to any other quoted string (`' (required)'`, a localized word) to replace it. Caller-supplied content, so it is never localized here."}},{"name":"--lr-form-control-required-offset","description":{"kind":"markdown","value":"**`<lr-checkbox-group>`, `<lr-combobox>`, `<lr-emoji-picker>`, `<lr-file-input>`, `<lr-model-select>`, `<lr-radio-group>`, `<lr-select>`, `<lr-slider>`, `<lr-token-input>`, `<lr-voice-picker>`** (default: `0`) — Inline space between the label text and the required marker.\n\n**`<lr-code-editor>`, `<lr-color-picker>`, `<lr-date-input>`, `<lr-input>`, `<lr-known-date>`, `<lr-locale-picker>`, `<lr-native-time-input>`, `<lr-number-input>`, `<lr-otp-input>`, `<lr-phone-input>`, `<lr-textarea>`, `<lr-time-input>`, `<lr-tool-param-form>`** (default: `0`) — Inline space between the label text and the marker.\n\n**`<lr-rubric-form>`** (default: `0`) — Inline space between the label text and marker."}},{"name":"--lr-funnel-bar-color","description":{"kind":"markdown","value":"**`<lr-funnel>`** (default: `var(--lr-color-brand)`) — Fill of every stage bar that has no own color."}},{"name":"--lr-funnel-bar-size","description":{"kind":"markdown","value":"**`<lr-funnel>`** (default: `var(--lr-size-1-5rem)`) — Thickness of a stage's track."}},{"name":"--lr-funnel-comparison-color","description":{"kind":"markdown","value":"**`<lr-funnel>`** (default: `var(--lr-color-border-strong)`) — Outline of the comparison bars."}},{"name":"--lr-funnel-track-color","description":{"kind":"markdown","value":"**`<lr-funnel>`** (default: `var(--lr-color-surface-raised)`) — Background of the bar track."}},{"name":"--lr-gauge-fill","description":{"kind":"markdown","value":"**`<lr-gauge>`** (default: `var(--lr-color-brand)`) — Fill stroke for radial, ring, and linear gauges."}},{"name":"--lr-graph-cat-1","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-1,#8250df)`) — First categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 1. Reads `--lr-theme-graph-cat-1`."}},{"name":"--lr-graph-cat-2","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-2,#bf3989)`) — Second categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 2. Reads `--lr-theme-graph-cat-2`."}},{"name":"--lr-graph-cat-3","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-3,#0a7d91)`) — Third categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 3. Reads `--lr-theme-graph-cat-3`."}},{"name":"--lr-graph-cat-4","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-4,#57606a)`) — Fourth categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 4. Reads `--lr-theme-graph-cat-4`."}},{"name":"--lr-graph-cat-5","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-5,#b083f5)`) — Fifth categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 5. Reads `--lr-theme-graph-cat-5`."}},{"name":"--lr-graph-cat-6","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-6,#f470b8)`) — Sixth categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 6. Reads `--lr-theme-graph-cat-6`."}},{"name":"--lr-graph-cat-7","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-7,#52d6e8)`) — Seventh categorical fallback color for typed nodes.\n\n**Shared design token** — Canonical shared component token for graph cat 7. Reads `--lr-theme-graph-cat-7`."}},{"name":"--lr-graph-cat-8","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-theme-graph-cat-8,#c9d1d9)`) — Eighth categorical fallback color for typed nodes; the palette wraps for later `nodeTypes` entries.\n\n**Shared design token** — Canonical shared component token for graph cat 8. Reads `--lr-theme-graph-cat-8`."}},{"name":"--lr-graph-dimmed-opacity","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `0.35`) — Opacity applied to a node/link when `dimmedNodeIds`/`dimmedLinkIds` includes its id (both SVG and canvas renderers). Visible by default -- a consumer controlling `dimmedNodeIds`/`dimmedLinkIds` (e.g. `lr-knowledge-graph-explorer`) sees the dimming take effect with no extra host styling."}},{"name":"--lr-graph-edge-label-halo","description":{"kind":"markdown","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":"--lr-graph-focus-halo-color","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-color-brand)`) — `focus-halo` stroke color."}},{"name":"--lr-graph-hull-fill","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-color-brand)`) — Hull fill/stroke color."}},{"name":"--lr-graph-hull-opacity","description":{"kind":"markdown","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). Applies to both SVG and canvas renderers."}},{"name":"--lr-graph-legend-hidden-color","description":{"kind":"markdown","value":"**`<lr-graph-legend>`** (default: `var(--lr-color-text-quiet)`) — Text color for a filtered-out (hidden) legend row's label/count, independent of the shared quiet-text token."}},{"name":"--lr-graph-legend-hidden-swatch-opacity","description":{"kind":"markdown","value":"**`<lr-graph-legend>`** (default: `0.5`) — Opacity of a filtered-out row's decorative swatch."}},{"name":"--lr-graph-query-builder-run-active-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** — Run button pressed background; defaults to the current brand active mix."}},{"name":"--lr-graph-query-builder-run-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-brand)`) — Run button resting background."}},{"name":"--lr-graph-query-builder-run-border-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-brand)`) — Run button resting border color."}},{"name":"--lr-graph-query-builder-run-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-on-brand)`) — Run button resting foreground."}},{"name":"--lr-graph-query-builder-run-hover-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** — Run button hover background; defaults to the current brand hover mix."}},{"name":"--lr-graph-query-builder-save-active-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** — Save button pressed background; defaults to the current quiet-brand active mix."}},{"name":"--lr-graph-query-builder-save-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-surface)`) — Save button resting background."}},{"name":"--lr-graph-query-builder-save-border-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-border)`) — Save button resting border color."}},{"name":"--lr-graph-query-builder-save-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-text)`) — Save button resting foreground."}},{"name":"--lr-graph-query-builder-save-hover-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-brand-quiet)`) — Save button hover background."}},{"name":"--lr-graph-query-builder-saved-delete-active-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-danger-quiet)`) — Saved-query delete pressed background."}},{"name":"--lr-graph-query-builder-saved-delete-active-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** — Saved-query delete pressed foreground; defaults to the current danger active mix."}},{"name":"--lr-graph-query-builder-saved-delete-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-text-quiet)`) — Saved-query delete foreground."}},{"name":"--lr-graph-query-builder-saved-delete-hover-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-danger)`) — Saved-query delete hover foreground."}},{"name":"--lr-graph-query-builder-saved-load-active-bg","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** — Saved-query Load button pressed background; defaults to the current surface active mix."}},{"name":"--lr-graph-query-builder-saved-load-color","description":{"kind":"markdown","value":"**`<lr-graph-query-builder>`** (default: `var(--lr-color-text)`) — Saved-query Load button foreground."}},{"name":"--lr-graph-selected-color","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-color-success)`) — Selected node/link stroke."}},{"name":"--lr-heatmap-annotation-color","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-danger)`) — Border color for an annotated cell."}},{"name":"--lr-heatmap-color-steps-gradient","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `linear-gradient(to right, var(--lr-heatmap-scale-lo), var(--lr-heatmap-scale-hi))`) — Gradient painted on the continuous legend bar. Set on the host by the component itself while `colorSteps` is supplied, and removed again when it is not; the fallback is the two-endpoint scale ramp."}},{"name":"--lr-heatmap-focus-ring-color","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-focus-ring-color)`) — Focus ring around a focused cell."}},{"name":"--lr-heatmap-grid-max-block-size","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `none`) — Block-size ceiling of the `stickyLabels` scrollport. A frozen column band only stays behind once the grid actually scrolls vertically."}},{"name":"--lr-heatmap-label-font","description":{"kind":"markdown","value":"**`<lr-heatmap>`** — Font for axis/legend labels drawn on the canvas."}},{"name":"--lr-heatmap-no-data-fill","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-no-data)`) — Fill for cells with no value."}},{"name":"--lr-heatmap-scale-hi","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-brand)`) — High endpoint of the sequential color ramp."}},{"name":"--lr-heatmap-scale-lo","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the sequential color ramp."}},{"name":"--lr-heatmap-selected-color","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-success)`) — Border color for the selected cell."}},{"name":"--lr-heatmap-sticky-label-bg","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-surface)`) — Backdrop painted under a frozen `stickyLabels` band. Must be opaque: it covers the same labels the scrolling canvas painted underneath it."}},{"name":"--lr-heatmap-tooltip-bg","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-surface)`) — Hover tooltip background."}},{"name":"--lr-heatmap-tooltip-text","description":{"kind":"markdown","value":"**`<lr-heatmap>`** (default: `var(--lr-color-text)`) — Hover tooltip text color."}},{"name":"--lr-highlight-layer-accent-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Accent highlight background."}},{"name":"--lr-highlight-layer-accent-outline","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Accent highlight outline."}},{"name":"--lr-highlight-layer-danger-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Danger highlight background."}},{"name":"--lr-highlight-layer-danger-outline","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Danger highlight outline."}},{"name":"--lr-highlight-layer-flash-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Flash-state background."}},{"name":"--lr-highlight-layer-neutral-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Neutral highlight background."}},{"name":"--lr-highlight-layer-neutral-outline","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Neutral highlight outline."}},{"name":"--lr-highlight-layer-success-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Success highlight background."}},{"name":"--lr-highlight-layer-success-outline","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Success highlight outline."}},{"name":"--lr-highlight-layer-warning-background","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Warning highlight background."}},{"name":"--lr-highlight-layer-warning-outline","description":{"kind":"markdown","value":"**`<lr-highlight-layer>`** — Warning highlight outline."}},{"name":"--lr-hover-brightness","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for hover brightness. Reads `--lr-theme-hover-brightness`."}},{"name":"--lr-html-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-html-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-icon-button-background","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `transparent`) — Background fill of the native button."}},{"name":"--lr-icon-button-background-active","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background fill while pressed: the same mix at the stronger `--lr-color-mix-active` share, so the pressed state is visibly more than the hover."}},{"name":"--lr-icon-button-background-hover","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Background fill on hover. Before 8.0.0 this fell back to `var(--lr-color-surface)` — the page background — so on a default page a hovered icon button painted itself the colour it was already sitting on and showed no hover at all."}},{"name":"--lr-icon-button-border","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `0`) — Complete border shorthand of the native button."}},{"name":"--lr-icon-button-border-active","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `var(--lr-icon-button-border-hover, var(--lr-icon-button-border, 0))`) — Complete border shorthand while pressed; falls through to the hover border when only that is set."}},{"name":"--lr-icon-button-border-hover","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `var(--lr-icon-button-border, 0)`) — Complete border shorthand on hover."}},{"name":"--lr-icon-button-color","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `inherit`) — Icon/text color of the native button."}},{"name":"--lr-icon-button-color-active","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `var(--lr-icon-button-color-hover, var(--lr-icon-button-color, inherit))`) — Icon/text color while pressed; falls through to the hover colour when only that is set."}},{"name":"--lr-icon-button-color-hover","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `var(--lr-icon-button-color, inherit)`) — Icon/text color on hover."}},{"name":"--lr-icon-button-radius","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `var(--lr-radius)`) — Corner radius of the native button."}},{"name":"--lr-icon-button-size","description":{"kind":"markdown","value":"**`<lr-icon-button>`** (default: `2.5rem`) — Minimum tappable inline and block size of the native button — a **floor**, not a fixed size: content larger than it grows the button and keeps its own aspect ratio, while a small glyph pads out to it. A library-wide token (declared on `:root` by `tokens.styles.ts`, and the shared minimum tappable size several other components size their icon controls against), so overriding it globally resizes all of them together.\n\n**Shared design token** — Canonical shared component token for icon button size. Reads `--lr-theme-icon-button-size`."}},{"name":"--lr-icon-fixed-width","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `var(--lr-size-1-5em)`) — Inline size of the box while `fixed-width` is set; the glyph keeps `--lr-icon-size` and centers inside it."}},{"name":"--lr-icon-flip-x","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Horizontal scale factor, set to `-1` by `flip`."}},{"name":"--lr-icon-flip-y","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Vertical scale factor, set to `-1` by `flip`."}},{"name":"--lr-icon-rotate","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0deg`) — Rotation applied to the box. Written inline from the `rotate` property, so set that rather than this property."}},{"name":"--lr-icon-size","description":{"kind":"markdown","value":"**`<lr-icon>`** — Optional inline and block size override for every canvas."}},{"name":"--lr-image-comparer-divider-width","description":{"kind":"markdown","value":"**`<lr-image-comparer>`** (default: `var(--divider-width, var(--lr-size-1px))`) — Width of the dividing line. The canonical, namespaced override; prefer it over the bare compat name, which inherits and so retunes every element in the subtree reading that generic name."}},{"name":"--lr-image-comparer-handle-size","description":{"kind":"markdown","value":"**`<lr-image-comparer>`** (default: `var(--handle-size, var(--lr-icon-button-size))`) — Inline and block size of the visible compare handle. Canonical, namespaced override."}},{"name":"--lr-image-viewer-annotate-active-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Background of `[part=\"annotate-toggle\"]` while annotation mode is on. The toggle carries its own glyph in `--lr-color-text`, so keep a 4.5:1 ratio against it."}},{"name":"--lr-image-viewer-annotate-active-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Border color of `[part=\"annotate-toggle\"]` while annotation mode is on."}},{"name":"--lr-image-viewer-highlight-active-border-width","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-border-width-thick)`) — Border width of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-active-color","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"highlight\"]` matching `activeHighlightId`, independent of the per-tone border colors."}},{"name":"--lr-image-viewer-highlight-active-outline-offset","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-focus-ring-offset)`) — Outline offset of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-active-outline-width","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-focus-ring-width)`) — Outline width of the `[part=\"highlight\"]` matching `activeHighlightId`."}},{"name":"--lr-image-viewer-highlight-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `color-mix(in srgb, var(--lr-color-brand) 20%, transparent)`) — Default highlight fill."}},{"name":"--lr-image-viewer-highlight-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** (default: `var(--lr-color-brand)`) — Default highlight border."}},{"name":"--lr-image-viewer-highlight-danger-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Danger-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-danger-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Danger-tone highlight border."}},{"name":"--lr-image-viewer-highlight-fill","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — The resting fill a `[part=\"highlight\"]` actually renders, resolved per tone from the `--lr-image-viewer-highlight-*-bg` knobs above. Its hover and pressed states are colour mixes taken from this value, so setting it directly retints all three at once for one highlight; retint a whole tone through the `-bg` knob instead."}},{"name":"--lr-image-viewer-highlight-neutral-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Neutral-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-neutral-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Neutral-tone highlight border."}},{"name":"--lr-image-viewer-highlight-success-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Success-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-success-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Success-tone highlight border."}},{"name":"--lr-image-viewer-highlight-warning-bg","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Warning-tone highlight fill."}},{"name":"--lr-image-viewer-highlight-warning-border","description":{"kind":"markdown","value":"**`<lr-image-viewer>`** — Warning-tone highlight border."}},{"name":"--lr-ingestion-queue-max-height","description":{"kind":"markdown","value":"**`<lr-ingestion-queue>`** (default: `none`) — Non-virtualized mode only: caps how tall the list grows before it scrolls internally. Has no effect once virtualized -- the internal `<lr-virtual-list>`'s own viewport keeps its independent, fixed default height (retheme it directly via `<lr-ingestion-queue>`'s own `lr-virtual-list { --lr-virtual-list-height: ... }` if needed)."}},{"name":"--lr-inline-cursor-height","description":{"kind":"markdown","value":"**`<lr-streaming-text>`** (default: `var(--lr-size-1em)`) — Shared height of the inline cursor bar.\n\n**`<lr-typing-indicator>`** (default: `var(--lr-size-1em)`) — Shared inline-cursor height."}},{"name":"--lr-inline-cursor-width","description":{"kind":"markdown","value":"**`<lr-streaming-text>`** (default: `var(--lr-size-0-125rem)`) — Shared width of the inline cursor bar (also its border radius).\n\n**`<lr-typing-indicator>`** (default: `var(--lr-size-0-125rem)`) — Shared inline-cursor width. The `size` property supplies compact and roomy tier fallbacks."}},{"name":"--lr-input-action-active-bg","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `color-mix(in oklab,var(--lr-color-surface),var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed action background. The same hooks apply to `lr-number-input`'s stepper pair."}},{"name":"--lr-input-action-active-color","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-input-action-hover-color,var(--lr-color-text))`) — Pressed action color."}},{"name":"--lr-input-action-color","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-text-quiet)`) — Resting clear/password/number- stepper action color."}},{"name":"--lr-input-action-hover-color","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-text)`) — Hovered action color."}},{"name":"--lr-input-border-color","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-border)`) — Border color of the control row, with a private default that changes per `appearance` in the same way as `--lr-input-fill`."}},{"name":"--lr-input-control-height","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** — Exact outer control height. Unset by default, which leaves `--lr-input-control-min-height` as a floor only; set it to a length to both floor and cap the control row (e.g. to pixel-match `<lr-select>`/`<lr-combobox>` in the same toolbar). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-input-control-min-height","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-form-control-height)`) — Outer control height floor, taken from the active `size` tier of the shared form-control ladder (`internal/sizes.styles.ts`), so an input is exactly as tall as an `<lr-button>`/`<lr-select>` of the same tier."}},{"name":"--lr-input-fill","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `transparent`) — Background of the control row. Its private default changes per `appearance`; the public value remains authoritative in every appearance."}},{"name":"--lr-input-focus-border-color","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-brand)`) — Control-row border color while focus is within the field."}},{"name":"--lr-input-font-size","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-form-control-font-size)`) — Font size of the native input, from the active `size` tier."}},{"name":"--lr-input-gap","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-space-xs)`) — Gap between the start/end adornments and the native input in the control row. Unlike the size knobs above it does not vary by `size` tier. Override it to retune without a `::part(input-wrapper)` rule."}},{"name":"--lr-input-padding-block","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-form-control-padding-block)`) — Block padding of the native input, from the active `size` tier of the shared ladder."}},{"name":"--lr-input-padding-inline","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-form-control-padding-inline)`) — Inline padding of the control row, from the active `size` tier."}},{"name":"--lr-input-radius","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-form-control-radius)`) — Corner radius of the control row, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius). `pill` swaps it to `--lr-radius-pill`."}},{"name":"--lr-input-time-picker-active-bg","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-brand)`) — Pressed background for the browser-native time-picker indicator when `type=\"time\"`."}},{"name":"--lr-input-time-picker-focus-bg","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-brand-quiet)`) — Focus-visible background for the native time-picker indicator."}},{"name":"--lr-input-time-picker-focus-ring","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-focus-ring-color)`) — Focus-visible outline color for the native time-picker indicator."}},{"name":"--lr-input-time-picker-hover-bg","description":{"kind":"markdown","value":"**`<lr-input>`, `<lr-native-time-input>`, `<lr-number-input>`** (default: `var(--lr-color-brand-quiet)`) — Hover background for the browser-native time-picker indicator when `type=\"time\"`."}},{"name":"--lr-json-viewer-active-outline","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-focus-ring-color)`) — Outline color for the current imperative search match."}},{"name":"--lr-json-viewer-boolean-color","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-warning)`) — Boolean value color."}},{"name":"--lr-json-viewer-font","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-font-mono)`) — Font family used for the rendered tree."}},{"name":"--lr-json-viewer-match-bg","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Background (and surrounding box-shadow) of a key/value that currently matches `search`."}},{"name":"--lr-json-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `none`) — Cap on `[part=\"base\"]`'s block size, past which the viewer scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-json-viewer-null-color","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-text-quiet)`) — Null, undefined, and circular-reference marker color."}},{"name":"--lr-json-viewer-number-color","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-brand)`) — Number value color."}},{"name":"--lr-json-viewer-row-hover-bg","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Hover background for a structural row."}},{"name":"--lr-json-viewer-string-color","description":{"kind":"markdown","value":"**`<lr-json-viewer>`** (default: `var(--lr-color-success)`) — String value color."}},{"name":"--lr-knowledge-base-admin-tab-selected-border","description":{"kind":"markdown","value":"**`<lr-knowledge-base-admin>`** (default: `var(--lr-color-brand)`) — Bottom border color of the selected `[part=\"tab\"]`."}},{"name":"--lr-knowledge-base-admin-tab-selected-color","description":{"kind":"markdown","value":"**`<lr-knowledge-base-admin>`** (default: `var(--lr-color-text)`) — Text color of the selected `[part=\"tab\"]`. `::part(tab)[aria-selected='true']` is invalid CSS, so this pair is the only way to restyle the active tab without re-pointing the shared brand/text tokens."}},{"name":"--lr-known-date-day-field-width","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-size-3-5em)`) — Inline size of the day field."}},{"name":"--lr-known-date-field-font-size","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-form-control-font-size)`) — Font size of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-field-gap","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-space-s)`) — Gap between the three field blocks."}},{"name":"--lr-known-date-field-height","description":{"kind":"markdown","value":"**`<lr-known-date>`** — Exact block size of each `field-input`. Undeclared by default, so the field grows to fit its content, floored by `--lr-known-date-field-min-height`. Set it to pin a fixed height."}},{"name":"--lr-known-date-field-min-height","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `max(var(--lr-form-control-height),var(--lr-size-24px))`) — Minimum block size of each `field-input`; its private default follows `size` (`2xs`/`xs`→`24px`, `s`→`1.875rem`, `m`→`2.5rem`, `l`→`3rem`, `xl`→`3.5rem`) -- the same shared control-height ladder `lr-input`/`lr-date-input` sit on, so a birthdate field in a form row beside those controls renders at the same height. The `max()` floors the two smallest tiers at WCAG 2.2 SC 2.5.8's 24px pointer-target minimum. At the small tiers the floor exceeds the field's own content height and actively pins the rendered box; at `l`/`xl` the content height stays under it, so those two tiers are unaffected. An inherited or direct public value wins in every tier."}},{"name":"--lr-known-date-field-padding-block","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-form-control-padding-block)`) — Block padding of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-field-padding-inline","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-form-control-padding-inline)`) — Inline padding of each `field-input`; its private default follows `size` through the shared ladder."}},{"name":"--lr-known-date-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-color-danger)`) — Border color of each `field-input` while `:host([data-invalid])` is set."}},{"name":"--lr-known-date-month-field-width","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-size-3-5em)`) — Inline size of the month field."}},{"name":"--lr-known-date-year-field-width","description":{"kind":"markdown","value":"**`<lr-known-date>`** (default: `var(--lr-size-5em)`) — Inline size of the year field."}},{"name":"--lr-layer-base","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer base. Reads `--lr-theme-z-index-base`."}},{"name":"--lr-layer-content","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer content. Reads `--lr-theme-z-index-content`."}},{"name":"--lr-layer-dropdown","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer dropdown. Reads `--lr-theme-z-index-dropdown`."}},{"name":"--lr-layer-modal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer modal. Reads `--lr-theme-z-index-modal`."}},{"name":"--lr-layer-popover","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer popover. Reads `--lr-theme-z-index-popover`."}},{"name":"--lr-layer-toast","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for layer toast. Reads `--lr-theme-z-index-toast`."}},{"name":"--lr-lightbox-control-bg","description":{"kind":"markdown","value":"**`<lr-lightbox>`** — Background for every floating/toolbar icon button."}},{"name":"--lr-lightbox-control-color","description":{"kind":"markdown","value":"**`<lr-lightbox>`** — Icon/text color paired with `--lr-lightbox-control-bg`."}},{"name":"--lr-lightbox-overlay-color","description":{"kind":"markdown","value":"**`<lr-lightbox>`** — The backdrop scrim color."}},{"name":"--lr-line-height-1-4","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height 1 4. Reads `--lr-theme-line-height-1-4`."}},{"name":"--lr-line-height-compact","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height compact. Reads `--lr-theme-line-height-compact`."}},{"name":"--lr-line-height-loose","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height loose. Reads `--lr-theme-line-height-loose`."}},{"name":"--lr-line-height-none","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height none. Reads `--lr-theme-line-height-none`."}},{"name":"--lr-line-height-normal","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height normal. Reads `--lr-theme-line-height-normal`."}},{"name":"--lr-line-height-snug","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for line height snug. Reads `--lr-theme-line-height-snug`."}},{"name":"--lr-link-color","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-color-border)`) — Default link stroke, overridden per-link by a link's own `color`."}},{"name":"--lr-lite-chart-data-table-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** — Pressed background of the `dataTableToggle` disclosure button; defaults to a mix of the hover background with the shared active mix partner."}},{"name":"--lr-lite-chart-data-table-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of the `dataTableToggle` disclosure button."}},{"name":"--lr-lite-chart-selected-outline-color","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-color-brand)`) — Stroke for a bar/point whose category index is in `selectedIndices`."}},{"name":"--lr-lite-chart-selected-outline-width","description":{"kind":"markdown","value":"**`<lr-lite-chart>`** (default: `var(--lr-size-2px)`) — Stroke width for a bar/point whose category index is in `selectedIndices`."}},{"name":"--lr-locale-picker-expand-size","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-locale-picker-font-size","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-form-control-font-size)`) — Trigger font size, from the shared form-control size ladder."}},{"name":"--lr-locale-picker-gap","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-space-xs)`) — Trigger and option child gap."}},{"name":"--lr-locale-picker-open-border-color","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-locale-picker-option-active-bg","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-locale-picker-option-selected-border-color","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-color-brand)`) — Selected option border."}},{"name":"--lr-locale-picker-option-selected-color","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-color-brand)`) — Selected option text."}},{"name":"--lr-locale-picker-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-font-weight-semibold)`) — Selected option font weight."}},{"name":"--lr-locale-picker-radius","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-radius)`) — Trigger/listbox/option corner radius."}},{"name":"--lr-locale-picker-trigger-height","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** — Exact trigger height. Unset by default (a floor only via `-trigger-min-height`); set a length to both floor and cap the trigger, e.g. to pixel-match a sibling field in the same toolbar row."}},{"name":"--lr-locale-picker-trigger-hover-bg","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-color-brand-quiet)`) — Trigger hover background."}},{"name":"--lr-locale-picker-trigger-min-height","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** (default: `var(--lr-form-control-height)`) — Trigger block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-*` moves this control and every sibling field together."}},{"name":"--lr-locale-picker-trigger-padding","description":{"kind":"markdown","value":"**`<lr-locale-picker>`** — Trigger padding shorthand, scaled by `size`."}},{"name":"--lr-map-choropleth-fill-opacity","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `0.75`) — Fill opacity for choropleth and polygon `dataLayers` fills. Read from the resolved cascade whenever those layers are applied or painted after a theme change."}},{"name":"--lr-map-height","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `var(--lr-size-24rem)`) — Default host block size, shared with the pre-upgrade reservation stylesheet. An explicit outer `block-size` still wins."}},{"name":"--lr-map-popup-close-button-active-bg","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of `popup-close-button`."}},{"name":"--lr-map-popup-close-button-active-color","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `var(--lr-color-brand)`) — Pressed foreground of `popup-close-button`. No style or tile provider is selected implicitly. Set `mapStyle` explicitly before connection; this prevents a bare component from making an undeclared third-party request."}},{"name":"--lr-map-popup-close-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of `popup-close-button`."}},{"name":"--lr-map-popup-close-button-hover-color","description":{"kind":"markdown","value":"**`<lr-map>`** (default: `var(--lr-color-brand)`) — Hover foreground of `popup-close-button`."}},{"name":"--lr-markdown-font-mono","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-font-mono)`) — Monospace family for rendered `<code>` inside `content`."}},{"name":"--lr-markdown-highlight-accent-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-brand-quiet)`) — Accent highlight fill."}},{"name":"--lr-markdown-highlight-active-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-brand-quiet)`) — Active highlight fill."}},{"name":"--lr-markdown-highlight-active-outline-color","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-brand)`) — Active highlight outline."}},{"name":"--lr-markdown-highlight-danger-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-danger-quiet)`) — Danger highlight fill."}},{"name":"--lr-markdown-highlight-neutral-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-surface)`) — Neutral highlight fill."}},{"name":"--lr-markdown-highlight-success-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-success-quiet)`) — Success highlight fill."}},{"name":"--lr-markdown-highlight-warning-bg","description":{"kind":"markdown","value":"**`<lr-markdown>`, `<lr-markdown-core>`** (default: `var(--lr-color-warning-quiet)`) — Warning highlight fill."}},{"name":"--lr-mask-opaque","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for mask opaque."}},{"name":"--lr-media-card-active-bg","description":{"kind":"markdown","value":"**`<lr-media-card>`** (default: `color-mix(in oklab, var(--lr-color-surface), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background color for image/file card actions. **Chrome escape hatch.** `frame=\"plain\"` drops `[part=\"base\"]`'s border, background, padding, and corner radius — for a dense list/feed of cards (this component's own documented primary use case) where the surrounding container already provides its own separation, so cards don't double up on chrome. `frame` is the library-wide name for this container treatment."}},{"name":"--lr-media-card-active-border-color","description":{"kind":"markdown","value":"**`<lr-media-card>`** (default: `color-mix(in oklab, var(--lr-color-brand), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed border color for image/file card actions."}},{"name":"--lr-media-card-max-height","description":{"kind":"markdown","value":"**`<lr-media-card>`** (default: `var(--lr-size-20rem)`) — Cap on the block size of the `<img>`/`<video>` in `[part=\"media\"]`."}},{"name":"--lr-memory-panel-confidence-danger-color","description":{"kind":"markdown","value":"**`<lr-memory-panel>`** (default: `var(--lr-color-danger)`) — Text color for a low-confidence item's confidence indicator."}},{"name":"--lr-memory-panel-confidence-success-color","description":{"kind":"markdown","value":"**`<lr-memory-panel>`** (default: `var(--lr-color-success)`) — Text color for a high-confidence item's confidence indicator."}},{"name":"--lr-memory-panel-confidence-warning-color","description":{"kind":"markdown","value":"**`<lr-memory-panel>`** (default: `var(--lr-color-warning)`) — Text color for a medium-confidence item's confidence indicator."}},{"name":"--lr-mention-popover-option-active-bg","description":{"kind":"markdown","value":"**`<lr-mention-popover>`** (default: `var(--lr-color-brand-quiet)`) — Background of the hovered or `[data-active]` (keyboard-highlighted) suggestion row."}},{"name":"--lr-menu-item-danger-active-bg","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `color-mix(in oklab, var(--lr-color-danger-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of an enabled danger row while pressed."}},{"name":"--lr-menu-item-danger-color","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `var(--lr-color-danger)`) — Foreground of a `variant=\"danger\"` row."}},{"name":"--lr-menu-item-danger-hover-bg","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `var(--lr-color-danger-quiet)`) — Background of an enabled danger row while hovered."}},{"name":"--lr-menu-item-gap","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `var(--lr-space-xs)`) — Gap between the visual parts of `[part=\"base\"]`, including its leading content, label, trailing details, and state glyphs. Declared as an inline `var()` fallback (never on `:host`), so an item or any ancestor can retune it without a `::part(base)` rule. It is constant across the shared size ladder."}},{"name":"--lr-menu-item-radius","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `var(--lr-form-control-radius)`) — Corner radius of the visual row and focusable host. Its fallback follows the active shared size tier. Declared as an inline `var()` fallback (never on `:host`), so an item or any ancestor can retune it without a `::part(base)` rule. Danger-state hooks are also inline fallbacks, so a menu can retheme only its dangerous rows without replacing the shared danger palette elsewhere."}},{"name":"--lr-message-feedback-down-active-bg","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-danger-quiet)`) — Background of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-down-active-border","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-danger)`) — Border color of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-down-active-color","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-danger)`) — Glyph color of the pressed thumbs-down button."}},{"name":"--lr-message-feedback-up-active-bg","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-success-quiet)`) — Background of the pressed thumbs-up button."}},{"name":"--lr-message-feedback-up-active-border","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-success)`) — Border color of the pressed thumbs-up button."}},{"name":"--lr-message-feedback-up-active-color","description":{"kind":"markdown","value":"**`<lr-message-feedback>`** (default: `var(--lr-color-success)`) — Glyph color of the pressed thumbs-up button. Not declared on `:host`, so it can be set on the element or any ancestor; scoped to the pressed state, unlike overriding the shared `--lr-color-success`."}},{"name":"--lr-message-parts-audio-transcript-color","description":{"kind":"markdown","value":"**`<lr-message-parts>`** (default: `var(--lr-color-text-quiet)`) — Text color of an audio transcript."}},{"name":"--lr-message-parts-error-background","description":{"kind":"markdown","value":"**`<lr-message-parts>`** (default: `var(--lr-color-danger-quiet)`) — Background color of an error part."}},{"name":"--lr-message-parts-error-border-color","description":{"kind":"markdown","value":"**`<lr-message-parts>`** (default: `var(--lr-color-danger)`) — Border color of an error part."}},{"name":"--lr-message-parts-error-color","description":{"kind":"markdown","value":"**`<lr-message-parts>`** (default: `var(--lr-color-danger)`) — Text color of an error part."}},{"name":"--lr-message-parts-streaming-color","description":{"kind":"markdown","value":"**`<lr-message-parts>`** (default: `var(--lr-color-text-quiet)`) — Text color of a streaming part wrapper."}},{"name":"--lr-mind-map-node-hover-halo","description":{"kind":"markdown","value":"**`<lr-mind-map>`** (default: `var(--lr-color-brand-quiet)`) — Stroke color of the hover halo drawn around a topic node's dot, giving mouse users the same \"this is clickable\" feedback keyboard users get from the drawn focus ring."}},{"name":"--lr-mind-map-ring-gap","description":{"kind":"markdown","value":"**`<lr-mind-map>`** (default: `6rem`) — Radius step per depth ring."}},{"name":"--lr-model-select-expand-size","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-size-1-75rem)`) — Decorative expand-icon box size, scaled by `size`."}},{"name":"--lr-model-select-font-size","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-form-control-font-size)`) — Trigger/combobox font size, scaled by `size` off the shared control ladder."}},{"name":"--lr-model-select-gap","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-space-xs)`) — Trigger, combobox, and option child gap."}},{"name":"--lr-model-select-open-border-color","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-model-select-option-active-bg","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."}},{"name":"--lr-model-select-option-selected-bg","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."}},{"name":"--lr-model-select-option-selected-border","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-model-select-option-selected-color","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-model-select-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-model-select-option-synthetic-border-color","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-color-border)`) — Border color of a synthetic stale-value option row."}},{"name":"--lr-model-select-option-synthetic-border-style","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `dashed`) — Border style of a synthetic stale-value option row."}},{"name":"--lr-model-select-radius","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-radius)`) — Trigger, combobox, listbox, and option corner radius."}},{"name":"--lr-model-select-trigger-min-height","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-form-control-height)`) — Trigger/combobox block-size floor, scaled by `size` off the shared control ladder."}},{"name":"--lr-model-select-trigger-padding","description":{"kind":"markdown","value":"**`<lr-model-select>`** (default: `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)`) — Trigger/combobox padding shorthand, scaled by `size` off the shared control ladder."}},{"name":"--lr-multi-split-divider-target-size","description":{"kind":"markdown","value":"**`<lr-multi-split>`** (default: `max(var(--lr-icon-button-size),var(--lr-size-3px))`) — The real layout gutter reserved for each divider along the resize axis. The narrow visual rule is centered inside this owned track, so the target never overlaps either adjacent panel."}},{"name":"--lr-multi-split-overlay-color","description":{"kind":"markdown","value":"**`<lr-multi-split>`** (default: `var(--lr-color-overlay)`) — The `'floating'` drawer scrim's color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-node-fill","description":{"kind":"markdown","value":"**`<lr-graph>`** (default: `var(--lr-color-brand)`) — Default node fill, overridden per-node by `LyraGraphNode.color`."}},{"name":"--lr-notebook-viewer-active-bg","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"cell\"]` currently targeted by an anchor or the active search match."}},{"name":"--lr-notebook-viewer-highlight-accent-background","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Background of an `accent`-tone (the default) highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-active-outline","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-focus-ring-color)`) — Outline of the highlighted cell whose highlight `id` equals `activeHighlightId`."}},{"name":"--lr-notebook-viewer-highlight-danger-background","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-danger-quiet)`) — Background of a `danger`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-surface-raised)`) — Background of a `neutral`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-success-background","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-success-quiet)`) — Background of a `success`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-highlight-warning-background","description":{"kind":"markdown","value":"**`<lr-notebook-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Background of a `warning`-tone highlighted cell."}},{"name":"--lr-notebook-viewer-max-height","description":{"kind":"markdown","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":"--lr-opacity-disabled","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for opacity disabled. Reads `--lr-theme-opacity-disabled`."}},{"name":"--lr-opacity-muted","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for opacity muted. Reads `--lr-theme-opacity-muted`."}},{"name":"--lr-option-active-bg","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `color-mix(in oklab, var(--lr-option-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background."}},{"name":"--lr-option-checked-icon-color","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--lr-color-brand)`) — Selected checkmark color."}},{"name":"--lr-option-current-bg","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--lr-color-brand-quiet)`) — Keyboard-current background."}},{"name":"--lr-option-current-color","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--current-text-color, var(--lr-color-text))`) — Keyboard-current text color; the upstream `--current-text-color` remains its fallback."}},{"name":"--lr-option-hover-bg","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--lr-color-brand-quiet)`) — Hover background."}},{"name":"--lr-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-option>`** (default: `var(--lr-font-weight-semibold)`) — Selected label weight."}},{"name":"--lr-otp-input-active-border-color","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-focus-ring-color)`) — Active segment border."}},{"name":"--lr-otp-input-active-ring-color","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-focus-ring-color)`) — Active segment outer ring."}},{"name":"--lr-otp-input-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-color-danger)`) — Invalid segment border."}},{"name":"--lr-otp-input-mask-char","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `'•'`) — The glyph shown for a masked character, and for every empty segment while `with-mask` is set. Must be a quoted string, because it is used as CSS `content`."}},{"name":"--lr-otp-input-segment-border-color","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-color-border)`) — Border color of each segment."}},{"name":"--lr-otp-input-segment-fill","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `transparent`) — Background fill of each segment."}},{"name":"--lr-otp-input-segment-radius","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-form-control-radius,var(--lr-radius))`) — Corner radius of each segment."}},{"name":"--lr-otp-input-segment-size","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-theme-otp-input-segment-size,2.5em)`) — Internal role token supplying the standalone segment size when `--segment-size` is unset.\n\n**Shared design token** — Canonical shared component token for otp input segment size. Reads `--lr-theme-otp-input-segment-size`."}},{"name":"--lr-overlay-arrow-size","description":{"kind":"markdown","value":"**`<lr-dropdown>`** — Retained Lyra arrow-size fallback.\n\n**`<lr-popover>`** — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-overlay-max-inline-size","description":{"kind":"markdown","value":"**`<lr-dropdown>`** — Maximum inline size of the popup.\n\n**`<lr-popover>`** — Retained Lyra fallback for `--max-width`."}},{"name":"--lr-page-aside-width","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `auto`) — Desktop aside column width."}},{"name":"--lr-page-banner-height","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `0px`) — Minimum banner height and sticky offset."}},{"name":"--lr-page-header-height","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `0px`) — Minimum header height and sticky offset."}},{"name":"--lr-page-main-width","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `1fr`) — Desktop main column width."}},{"name":"--lr-page-menu-width","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `auto`) — Desktop menu column width."}},{"name":"--lr-page-navigation-backdrop-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-overlay)`) — Background of the open mobile navigation backdrop."}},{"name":"--lr-page-navigation-drawer-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-surface-overlay)`) — Background of the mobile navigation drawer."}},{"name":"--lr-page-navigation-drawer-shadow","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-shadow-l)`) — Shadow of the mobile navigation drawer."}},{"name":"--lr-page-navigation-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-active-color","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand)`) — Text color of a pressed default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered default or slotted navigation toggle."}},{"name":"--lr-page-navigation-toggle-hover-color","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand)`) — Text color of a hovered default or slotted navigation toggle."}},{"name":"--lr-page-rail-current-bg","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-brand-quiet)`) — Background of the `[part=\"page-current\"]` button for the current `page`."}},{"name":"--lr-page-rail-heat-accent-color","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-brand)`) — Background of an accent-tone (the default tone) `[part=\"heat-dot\"]` marker."}},{"name":"--lr-page-rail-heat-danger-color","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-danger)`) — Background of a danger-tone `[part=\"heat-dot-danger\"]` marker."}},{"name":"--lr-page-rail-heat-neutral-color","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-text-quiet)`) — Background of a neutral-tone `[part=\"heat-dot-neutral\"]` marker."}},{"name":"--lr-page-rail-heat-success-color","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-success)`) — Background of a success-tone `[part=\"heat-dot-success\"]` marker."}},{"name":"--lr-page-rail-heat-warning-color","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-color-warning)`) — Background of a warning-tone `[part=\"heat-dot-warning\"]` marker."}},{"name":"--lr-page-rail-height","description":{"kind":"markdown","value":"**`<lr-page-rail>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized rail."}},{"name":"--lr-page-skip-to-content-active-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of the pressed skip link."}},{"name":"--lr-page-skip-to-content-active-color","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand)`) — Text color of the pressed skip link."}},{"name":"--lr-page-skip-to-content-hover-bg","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand-quiet)`) — Background of the hovered skip link."}},{"name":"--lr-page-skip-to-content-hover-color","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `var(--lr-color-brand)`) — Text color of the hovered skip link."}},{"name":"--lr-page-subheader-height","description":{"kind":"markdown","value":"**`<lr-page>`** (default: `0px`) — Minimum subheader height and sticky offset. Interaction-state properties below are resolved as inline fallbacks, so setting one on the Page or any ancestor themes only its named target without replacing shared design tokens."}},{"name":"--lr-pagination-active-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Ordinary control pressed background; defaults to the current quiet-brand active mix."}},{"name":"--lr-pagination-active-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-brand)`) — Ordinary control pressed border color."}},{"name":"--lr-pagination-base-gap","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-space-m)`) — Gap between the summary and controls."}},{"name":"--lr-pagination-control-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Resting background of every control; defaults from the `appearance` variant."}},{"name":"--lr-pagination-control-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Resting border color of every control; defaults from the `appearance` variant."}},{"name":"--lr-pagination-control-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-text)`) — Resting control foreground."}},{"name":"--lr-pagination-control-padding","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-space-xs)`) — Inner padding of the nav buttons and the page input. Uniform across every `size` (the control footprint is fixed by `--lr-pagination-control-size`, so this only adjusts the icon/digit inset)."}},{"name":"--lr-pagination-control-radius","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-radius)`) — Border radius of navigation buttons and the page input."}},{"name":"--lr-pagination-control-size","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Control inline/block size; defaults from the `size` variant."}},{"name":"--lr-pagination-controls-gap","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-space-xs)`) — Gap between the navigation controls and the numbered-page list or compact page field."}},{"name":"--lr-pagination-current-active-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Current-page pressed background; defaults to the current brand active mix."}},{"name":"--lr-pagination-current-active-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `transparent`) — Current-page pressed border color."}},{"name":"--lr-pagination-current-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-brand)`) — Current-page background."}},{"name":"--lr-pagination-current-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `transparent`) — Current-page border color."}},{"name":"--lr-pagination-current-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-on-brand)`) — Current-page foreground."}},{"name":"--lr-pagination-current-hover-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-brand)`) — Current-page hover background."}},{"name":"--lr-pagination-current-hover-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `transparent`) — Current-page hover border color."}},{"name":"--lr-pagination-font-size","description":{"kind":"markdown","value":"**`<lr-pagination>`** — Control font size; defaults from the `size` variant."}},{"name":"--lr-pagination-hover-bg","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-brand-quiet)`) — Ordinary control hover background."}},{"name":"--lr-pagination-hover-border-color","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-brand)`) — Ordinary control hover border color."}},{"name":"--lr-pagination-invalid-border","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-color-danger)`) — Border color of `[part=\"page-input\"]` while the typed page is out of range (`aria-invalid=\"true\"`)."}},{"name":"--lr-pagination-pages-gap","description":{"kind":"markdown","value":"**`<lr-pagination>`** (default: `var(--lr-space-xs)`) — Gap between numbered page controls."}},{"name":"--lr-pan-zoom-min-block-size","description":{"kind":"markdown","value":"**`<lr-pan-zoom>`** (default: `var(--lr-size-10rem)`) — Minimum viewport block size."}},{"name":"--lr-pan-zoom-zoom","description":{"kind":"markdown","value":"**`<lr-pan-zoom>`** (default: `1`) — Read-only scale written from `zoom`; set the property instead."}},{"name":"--lr-pdf-viewer-height","description":{"kind":"markdown","value":"**`<lr-pdf-viewer>`** (default: `var(--lr-size-24rem)`) — Block size of the virtualized page list."}},{"name":"--lr-pdf-viewer-search-match-active-bg","description":{"kind":"markdown","value":"**`<lr-pdf-viewer>`** (default: `var(--lr-color-warning)`) — Background of the currently active search match."}},{"name":"--lr-pdf-viewer-search-match-bg","description":{"kind":"markdown","value":"**`<lr-pdf-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Background of a painted, non-active search match."}},{"name":"--lr-pdf-viewer-toolbar-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-pdf-viewer>`** (default: `var(--lr-color-surface)`) — Hover fill of the toolbar buttons. Defaults to the surface fill rather than the toolbar's own tint so the hover state is actually visible against it. Also settable via the `max-height` property."}},{"name":"--lr-phone-input-control-height","description":{"kind":"markdown","value":"**`<lr-phone-input>`** — Exact input-wrapper height. Unset by default, which leaves `--lr-phone-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match a sibling field in the same toolbar row). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-phone-input-control-min-height","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-form-control-height)`) — Input-wrapper block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-*` moves this control and every sibling field together."}},{"name":"--lr-phone-input-country-hover-bg","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-color-brand-quiet)`) — Country trigger hover background."}},{"name":"--lr-phone-input-flag-size","description":{"kind":"markdown","value":"**`<lr-phone-input>`** — Selected flag size, scaled by `size`."}},{"name":"--lr-phone-input-focus-border-color","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-phone-input-font-size","description":{"kind":"markdown","value":"**`<lr-phone-input>`** — Input/flag/country-code/calling-code font size, scaled by `size`."}},{"name":"--lr-phone-input-gap","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-space-xs)`) — Country-trigger child gap."}},{"name":"--lr-phone-input-glyph-size","description":{"kind":"markdown","value":"**`<lr-phone-input>`** — Country selector glyph size, scaled by `size`."}},{"name":"--lr-phone-input-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-color-danger)`) — Invalid row border color."}},{"name":"--lr-phone-input-padding-block","description":{"kind":"markdown","value":"**`<lr-phone-input>`** — Input block-padding, scaled by `size` through the shared form-control ladder."}},{"name":"--lr-phone-input-radius","description":{"kind":"markdown","value":"**`<lr-phone-input>`** (default: `var(--lr-radius)`) — Input-wrapper corner radius, shared with the country trigger's leading corners. The `pill` attribute swaps it for `--lr-radius-pill`."}},{"name":"--lr-policy-summary-count-allow-color","description":{"kind":"markdown","value":"**`<lr-policy-summary>`** (default: `var(--lr-color-success)`) — Text color of the `allow` count."}},{"name":"--lr-policy-summary-count-deny-color","description":{"kind":"markdown","value":"**`<lr-policy-summary>`** (default: `var(--lr-color-danger)`) — Text color of the `deny` count."}},{"name":"--lr-policy-summary-count-needs-review-color","description":{"kind":"markdown","value":"**`<lr-policy-summary>`** (default: `var(--lr-color-warning)`) — Text color of the `needs-review` count. Restyling a state count otherwise requires overriding the library-wide status tokens, since `::part(count)[data-state]` is invalid CSS."}},{"name":"--lr-poll-status-due-bg","description":{"kind":"markdown","value":"**`<lr-poll-status>`** (default: `var(--lr-color-success)`) — Background of `indicator` while `data-due` is set, without repainting every other component that reuses the shared success token."}},{"name":"--lr-popover-viewport-clamp","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for popover viewport clamp. Reads `--lr-theme-popover-viewport-clamp`."}},{"name":"--lr-popup-arrow-size","description":{"kind":"markdown","value":"**`<lr-popup>`** — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-pptx-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-pptx-viewer>`** (default: `none`) — Maximum block size of the scrollable renderer output container before it scrolls internally. Also settable via the `max-height` property."}},{"name":"--lr-progress-duration","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-transition-ambient)`) — Indeterminate sweep timing.\n\n**`<lr-progress-ring>`** (default: `var(--lr-transition-ambient)`) — Indeterminate rotation timing."}},{"name":"--lr-progress-indicator-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-indicator-variant-color)`) — Indicator color, overriding the variant palette below."}},{"name":"--lr-progress-indicator-variant-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-color-fill-loud,var(--lr-color-brand))`) — Palette slot: the active `variant`'s loud fill from the shared semantic grid. Feeds `--lr-progress-indicator-color` above unless that (or the upstream `--indicator-color` alias) is itself set."}},{"name":"--lr-progress-label-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-color-text)`) — Label color."}},{"name":"--lr-progress-ring-indicator-color","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-indicator-variant-color)`) — Indicator stroke color, overriding the variant palette below."}},{"name":"--lr-progress-ring-indicator-transition-duration","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-transition-base)`) — Determinate indicator transition."}},{"name":"--lr-progress-ring-indicator-variant-color","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-color-fill-loud,var(--lr-color-brand))`) — Palette slot: the active `variant`'s loud fill from the shared semantic grid. Feeds `--lr-progress-ring-indicator-color` above unless that (or the upstream `--indicator-color` alias) is itself set."}},{"name":"--lr-progress-ring-indicator-width","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-track-width)`) — Indicator stroke width."}},{"name":"--lr-progress-ring-size","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-size-2-5rem)`) — Outer diameter of the ring."}},{"name":"--lr-progress-ring-track-color","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-color-brand-quiet)`) — Track stroke color."}},{"name":"--lr-progress-ring-track-width","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-size-4px)`) — Track stroke width."}},{"name":"--lr-progress-track-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-color-brand-quiet)`) — Track color."}},{"name":"--lr-progress-track-height","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-height,var(--lr-size-1rem))`) — Block size of the progress track."}},{"name":"--lr-prompt-input-control-width","description":{"kind":"markdown","value":"**`<lr-prompt-input>`** (default: `--lr-size-12rem`) — Preferred width of each generated model, voice, and source control before wrapping."}},{"name":"--lr-prompt-studio-field-hover-border","description":{"kind":"markdown","value":"**`<lr-prompt-studio>`** (default: `var(--lr-color-brand)`) — Enabled field hover border."}},{"name":"--lr-prompt-studio-version-selected-bg","description":{"kind":"markdown","value":"**`<lr-prompt-studio>`** (default: `var(--lr-color-brand-quiet)`) — Selected version background."}},{"name":"--lr-prompt-studio-version-selected-border","description":{"kind":"markdown","value":"**`<lr-prompt-studio>`** (default: `var(--lr-color-brand)`) — Selected version border."}},{"name":"--lr-prompt-studio-version-selected-color","description":{"kind":"markdown","value":"**`<lr-prompt-studio>`** (default: `var(--lr-color-text)`) — Selected version foreground."}},{"name":"--lr-prompt-studio-version-selected-hover-bg","description":{"kind":"markdown","value":"**`<lr-prompt-studio>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-hover))`) — Selected version hover background."}},{"name":"--lr-provenance-panel-entity-justify","description":{"kind":"markdown","value":"**`<lr-provenance-panel>`** (default: `flex-start`) — Main-axis packing of the entity-chip row. `center` centers every line, the wrapped final one included."}},{"name":"--lr-push-to-talk-pulse-recording-border-color","description":{"kind":"markdown","value":"**`<lr-push-to-talk>`** (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Recording pulse-ring border color."}},{"name":"--lr-push-to-talk-recording-color","description":{"kind":"markdown","value":"**`<lr-push-to-talk>`** (default: `var(--lr-color-danger)`) — Established aggregate fallback for the recording trigger border, trigger foreground, and pulse border. The three more-specific recording properties below win independently when set."}},{"name":"--lr-push-to-talk-size","description":{"kind":"markdown","value":"**`<lr-push-to-talk>`** (default: `var(--lr-size-3rem)`) — Preferred inline and block size of the circular `trigger` button; `--lr-icon-button-size` remains its minimum hit-area floor."}},{"name":"--lr-push-to-talk-trigger-recording-border-color","description":{"kind":"markdown","value":"**`<lr-push-to-talk>`** (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Trigger border color while recording."}},{"name":"--lr-push-to-talk-trigger-recording-color","description":{"kind":"markdown","value":"**`<lr-push-to-talk>`** (default: `var(--lr-push-to-talk-recording-color, var(--lr-color-danger))`) — Trigger foreground, including the default mic glyph, while recording."}},{"name":"--lr-qr-code-background","description":{"kind":"markdown","value":"**`<lr-qr-code>`** — Optional alias for host `background-color`, used by the canvas background."}},{"name":"--lr-qr-code-fill","description":{"kind":"markdown","value":"**`<lr-qr-code>`** — Optional alias for host `color`, used by foreground modules."}},{"name":"--lr-radio-active-border-color","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-radio-hover-border-color)`) — Indicator border while the interactive row is pressed."}},{"name":"--lr-radio-active-ring-color","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-color-brand-quiet)`) — Indicator ring while the interactive row is pressed."}},{"name":"--lr-radio-button-active-bg","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `color-mix(...)`) — Unchecked button background while pressed."}},{"name":"--lr-radio-button-active-border-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-radio-button-hover-border-color)`) — Unchecked button border while pressed."}},{"name":"--lr-radio-button-checked-active-bg","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `color-mix(...)`) — Checked button background while pressed."}},{"name":"--lr-radio-button-checked-active-border-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-radio-button-checked-hover-border-color)`) — Checked button border while pressed."}},{"name":"--lr-radio-button-checked-bg","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Checked button background."}},{"name":"--lr-radio-button-checked-border-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Checked button border."}},{"name":"--lr-radio-button-checked-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-color-on-brand)`) — Checked button text color."}},{"name":"--lr-radio-button-checked-hover-bg","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `color-mix(...)`) — Checked button background while hovered."}},{"name":"--lr-radio-button-checked-hover-border-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-radio-button-checked-border-color)`) — Checked button border while hovered."}},{"name":"--lr-radio-button-gap","description":{"kind":"markdown","value":"**`<lr-radio>`** (default: `var(--lr-space-xs)`) — Gap between the present start/prefix, label, and end/suffix wrappers in `appearance=\"button\"`.\n\n**`<lr-radio-button>`** (default: `var(--lr-space-xs)`) — Gap between the start/prefix wrapper, label, and end/suffix wrapper in both `<lr-radio-button>` and `<lr-radio appearance=\"button\">`."}},{"name":"--lr-radio-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-color-brand-quiet)`) — Unchecked button background while hovered."}},{"name":"--lr-radio-button-hover-border-color","description":{"kind":"markdown","value":"**`<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Unchecked button border while hovered."}},{"name":"--lr-radio-checked-border-color","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Border color of `[part='circle']` while `checked`. Retint just this control's checked ring without touching the shared `--lr-color-brand` token every other component also reads."}},{"name":"--lr-radio-checked-dot-color","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Background of `[part='dot']` while `checked`."}},{"name":"--lr-radio-circle-size","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `min(var(--lr-icon-button-size), calc(var(--lr-form-control-height) * 0.7))`) — Edge length of `[part='circle']`. Derived from the `size` tier's shared control height so a radio lines up with an `<lr-input>`/`<lr-select>`/`<lr-button>` of the same `size`."}},{"name":"--lr-radio-dot-size","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `min(calc(var(--lr-radio-circle-size) * 0.5), calc(var(--lr-form-control-height) * 0.3))`) — Edge length of `[part='dot']`, capped at half the circle so it can never outgrow its ring."}},{"name":"--lr-radio-group-row-gap","description":{"kind":"markdown","value":"**`<lr-radio-group>`** (default: `calc(var(--lr-form-control-height) * 0.2)`) — Vertical gap between the group's label, options and messages, scaled by `size`."}},{"name":"--lr-radio-hover-border-color","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `var(--lr-color-brand)`) — Indicator border while the interactive row is hovered."}},{"name":"--lr-radio-label-indent","description":{"kind":"markdown","value":"**`<lr-radio>`, `<lr-radio-button>`** (default: `calc(var(--lr-radio-circle-size) + var(--lr-space-s))`) — The inline distance from the control's start edge to the start of the label text, i.e. the circle's own floor plus the gap next to it — so it tracks `size` along with the circle. Published so a consumer composing per-option hint text under the label can align it without re-deriving that formula from the shadow styles, and used as the source of the real gap so the two cannot drift. Setting it on the element (or on `lr-radio` in your own stylesheet) moves the label; because custom properties inherit down and not sideways, it is *not* readable from a sibling node in your tree — align a sibling by computing the same formula from `--lr-theme-icon-button-size`, `--lr-theme-form-control-height-*` and `--lr-theme-space-s`, which you control."}},{"name":"--lr-radio-radius","description":{"kind":"markdown","value":"**`<lr-radio>`** (default: `var(--lr-radius-pill)`) — Corner radius of the control's own chrome. A circular indicator is fully round at every setting; `<lr-radio-button>` re-points this knob at the shared control radius and swaps it for a pill when `pill` is set.\n\n**`<lr-radio-button>`** (default: `var(--lr-form-control-radius)`) — Corner radius of the outer edges of the button row. Its private default follows the shared control radius and changes to `--lr-radius-pill` for `pill`; an inherited or direct public value still wins."}},{"name":"--lr-radius","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for radius. Reads `--lr-theme-border-radius-m`."}},{"name":"--lr-radius-pill","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for radius pill. Reads `--lr-theme-border-radius-pill`."}},{"name":"--lr-radius-xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for radius xs. Reads `--lr-theme-border-radius-xs`."}},{"name":"--lr-rag-eval-dashboard-selected-border-color","description":{"kind":"markdown","value":"**`<lr-rag-eval-dashboard>`** (default: `var(--lr-color-brand)`) — Border color shared by the controlled active slice and metric."}},{"name":"--lr-ramp-brand-05","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 05."}},{"name":"--lr-ramp-brand-10","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 10."}},{"name":"--lr-ramp-brand-20","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 20."}},{"name":"--lr-ramp-brand-30","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 30."}},{"name":"--lr-ramp-brand-40","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 40."}},{"name":"--lr-ramp-brand-50","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 50."}},{"name":"--lr-ramp-brand-60","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 60."}},{"name":"--lr-ramp-brand-70","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 70."}},{"name":"--lr-ramp-brand-80","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 80."}},{"name":"--lr-ramp-brand-90","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 90."}},{"name":"--lr-ramp-brand-95","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp brand 95."}},{"name":"--lr-ramp-danger-05","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 05."}},{"name":"--lr-ramp-danger-10","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 10."}},{"name":"--lr-ramp-danger-20","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 20."}},{"name":"--lr-ramp-danger-30","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 30."}},{"name":"--lr-ramp-danger-40","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 40."}},{"name":"--lr-ramp-danger-50","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 50."}},{"name":"--lr-ramp-danger-60","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 60."}},{"name":"--lr-ramp-danger-70","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 70."}},{"name":"--lr-ramp-danger-80","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 80."}},{"name":"--lr-ramp-danger-90","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 90."}},{"name":"--lr-ramp-danger-95","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp danger 95."}},{"name":"--lr-ramp-neutral-05","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 05."}},{"name":"--lr-ramp-neutral-10","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 10."}},{"name":"--lr-ramp-neutral-20","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 20."}},{"name":"--lr-ramp-neutral-30","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 30."}},{"name":"--lr-ramp-neutral-40","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 40."}},{"name":"--lr-ramp-neutral-50","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 50."}},{"name":"--lr-ramp-neutral-60","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 60."}},{"name":"--lr-ramp-neutral-70","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 70."}},{"name":"--lr-ramp-neutral-80","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 80."}},{"name":"--lr-ramp-neutral-90","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 90."}},{"name":"--lr-ramp-neutral-95","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp neutral 95."}},{"name":"--lr-ramp-success-05","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 05."}},{"name":"--lr-ramp-success-10","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 10."}},{"name":"--lr-ramp-success-20","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 20."}},{"name":"--lr-ramp-success-30","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 30."}},{"name":"--lr-ramp-success-40","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 40."}},{"name":"--lr-ramp-success-50","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 50."}},{"name":"--lr-ramp-success-60","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 60."}},{"name":"--lr-ramp-success-70","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 70."}},{"name":"--lr-ramp-success-80","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 80."}},{"name":"--lr-ramp-success-90","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 90."}},{"name":"--lr-ramp-success-95","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp success 95."}},{"name":"--lr-ramp-warning-05","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 05."}},{"name":"--lr-ramp-warning-10","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 10."}},{"name":"--lr-ramp-warning-20","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 20."}},{"name":"--lr-ramp-warning-30","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 30."}},{"name":"--lr-ramp-warning-40","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 40."}},{"name":"--lr-ramp-warning-50","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 50."}},{"name":"--lr-ramp-warning-60","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 60."}},{"name":"--lr-ramp-warning-70","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 70."}},{"name":"--lr-ramp-warning-80","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 80."}},{"name":"--lr-ramp-warning-90","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 90."}},{"name":"--lr-ramp-warning-95","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for ramp warning 95."}},{"name":"--lr-random-content-animation-duration","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `300ms`) — Duration of the entrance animation."}},{"name":"--lr-random-content-animation-easing","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `ease`) — Easing function for the entrance animation."}},{"name":"--lr-random-content-animation-translate","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `var(--lr-size-0-5em)`) — Translation distance for directional animations."}},{"name":"--lr-random-content-item-alignment","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `flex-start`) — Cross-axis alignment of selected items."}},{"name":"--lr-random-content-item-gap","description":{"kind":"markdown","value":"**`<lr-random-content>`** (default: `var(--lr-space-s)`) — Gap between simultaneously selected items."}},{"name":"--lr-rating-active-color","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `color-mix(in oklab, var(--lr-rating-empty-color, var(--symbol-color, var(--lr-color-border-strong))), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed-symbol color. Set it independently of `--lr-rating-empty-color` to recolor the pressed state without changing resting or hover symbols."}},{"name":"--lr-rating-empty-color","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-color-border)`) — Unfilled-symbol color, retained during hover preview."}},{"name":"--lr-rating-fill","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-color-warning)`) — Filled-symbol color."}},{"name":"--lr-rating-gap","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--symbol-spacing,var(--lr-space-xs))`) — Gap between symbols. It takes precedence over the `--symbol-spacing` compatibility hook while preserving that hook and the shared spacing token as fallbacks."}},{"name":"--lr-rating-size","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-font-size-xl)`) — Symbol size. Its private default follows each `size` step; an inherited or direct public value wins. The `m` default reproduces the treatment this component had before `size` existed."}},{"name":"--lr-reorder-item-gap","description":{"kind":"markdown","value":"**`<lr-reorder-item>`** (default: `var(--lr-space-xs)`) — Gap between the move buttons and content. Move-button state properties are resolved as inline fallbacks, so setting one on an item or any ancestor themes only the requested hover or pressed state without replacing shared brand tokens."}},{"name":"--lr-reorder-item-move-button-active-bg","description":{"kind":"markdown","value":"**`<lr-reorder-item>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed move button."}},{"name":"--lr-reorder-item-move-button-active-color","description":{"kind":"markdown","value":"**`<lr-reorder-item>`** (default: `var(--lr-color-brand)`) — Text color of a pressed move button."}},{"name":"--lr-reorder-item-move-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-reorder-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered move button."}},{"name":"--lr-reorder-item-move-button-hover-color","description":{"kind":"markdown","value":"**`<lr-reorder-item>`** (default: `var(--lr-color-brand)`) — Text color of a hovered move button."}},{"name":"--lr-reorder-list-gap","description":{"kind":"markdown","value":"**`<lr-reorder-list>`** (default: `var(--lr-space-2xs)`) — Gap between rows."}},{"name":"--lr-responsive-panel-overlay-color","description":{"kind":"markdown","value":"**`<lr-responsive-panel>`** (default: `var(--lr-color-overlay)`) — The overlay presentation's scrim color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-responsive-panel-overlay-panel-bg","description":{"kind":"markdown","value":"**`<lr-responsive-panel>`** (default: `var(--lr-color-surface-overlay)`) — Background of `[part=\"panel\"]` in the overlay presentation."}},{"name":"--lr-responsive-panel-overlay-panel-shadow","description":{"kind":"markdown","value":"**`<lr-responsive-panel>`** (default: `var(--lr-shadow-l)`) — Shadow of `[part=\"panel\"]` in the overlay presentation."}},{"name":"--lr-responsive-panel-sheet-max-block-size","description":{"kind":"markdown","value":"**`<lr-responsive-panel>`** (default: `85dvh`) — Maximum height of the `variant=\"bottom-sheet\"` overlay panel (falls back to `85vh` where `dvh` is unsupported)."}},{"name":"--lr-result-card-compact-body-gap","description":{"kind":"markdown","value":"**`<lr-result-card>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"body\"]`'s children while `compact`."}},{"name":"--lr-result-card-compact-body-padding","description":{"kind":"markdown","value":"**`<lr-result-card>`** (default: `var(--lr-space-xs)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-result-card-compact-header-gap","description":{"kind":"markdown","value":"**`<lr-result-card>`** (default: `var(--lr-space-xs)`) — Gap between `[part=\"header\"]`'s heading and actions while `compact`."}},{"name":"--lr-result-card-compact-header-padding","description":{"kind":"markdown","value":"**`<lr-result-card>`** (default: `var(--lr-space-xs)`) — `[part=\"header\"]` block/inline padding while `compact`."}},{"name":"--lr-retrieval-compare-selected-border","description":{"kind":"markdown","value":"**`<lr-retrieval-compare>`** (default: `var(--lr-color-brand)`) — Border color marking a selected `[part~=\"chunk\"]` row."}},{"name":"--lr-retrieval-results-selected-border","description":{"kind":"markdown","value":"**`<lr-retrieval-results>`** (default: `var(--lr-color-brand)`) — Inline-start border color marking a selected `[part=\"row-body\"]`. A border rather than a fill by design (see the styles file), so recoloring it carries no contrast risk for the row's own text."}},{"name":"--lr-retrieval-trace-active-border","description":{"kind":"markdown","value":"**`<lr-retrieval-trace>`** (default: `var(--lr-color-brand)`) — Border color of the `[part=\"evidence-row\"]` whose stage matches `activeStageId`."}},{"name":"--lr-rubric-form-skip-active-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `color-mix(...)`) — Skip background while pressed."}},{"name":"--lr-rubric-form-skip-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-surface)`) — Skip-button background."}},{"name":"--lr-rubric-form-skip-border-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-border)`) — Skip-button border."}},{"name":"--lr-rubric-form-skip-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-text)`) — Skip-button text color."}},{"name":"--lr-rubric-form-skip-hover-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-brand-quiet)`) — Skip background while hovered."}},{"name":"--lr-rubric-form-submit-active-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `color-mix(...)`) — Submit background while pressed."}},{"name":"--lr-rubric-form-submit-active-border-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `color-mix(...)`) — Submit border while pressed."}},{"name":"--lr-rubric-form-submit-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-brand)`) — Submit-button background."}},{"name":"--lr-rubric-form-submit-border-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-brand)`) — Submit-button border."}},{"name":"--lr-rubric-form-submit-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `var(--lr-color-on-brand)`) — Submit-button text color."}},{"name":"--lr-rubric-form-submit-hover-bg","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `color-mix(...)`) — Submit background while hovered."}},{"name":"--lr-rubric-form-submit-hover-border-color","description":{"kind":"markdown","value":"**`<lr-rubric-form>`** (default: `color-mix(...)`) — Submit border while hovered."}},{"name":"--lr-safe-area-bottom","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for safe area bottom."}},{"name":"--lr-safe-area-inline-end","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for safe area inline end."}},{"name":"--lr-safe-area-inline-start","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for safe area inline start."}},{"name":"--lr-safe-area-top","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for safe area top."}},{"name":"--lr-schema-viewer-error-bg","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-danger-quiet)`) — Error issue background."}},{"name":"--lr-schema-viewer-error-border","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-danger)`) — Error issue border."}},{"name":"--lr-schema-viewer-info-bg","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Info issue background."}},{"name":"--lr-schema-viewer-info-border","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-brand)`) — Info issue border."}},{"name":"--lr-schema-viewer-max-indent","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-size-12rem)`) — Maximum visual indentation; complete JSON Pointer paths and selection semantics remain unchanged at deeper levels."}},{"name":"--lr-schema-viewer-selected-border","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-brand)`) — Selected node branch."}},{"name":"--lr-schema-viewer-warning-bg","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Warning issue background."}},{"name":"--lr-schema-viewer-warning-border","description":{"kind":"markdown","value":"**`<lr-json-schema-viewer>`** (default: `var(--lr-color-warning)`) — Warning issue border."}},{"name":"--lr-scroll-fade-size","description":{"kind":"markdown","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-stepper>`** (default: `2rem`) — Width of each decorative horizontal overflow fade. Pointer-state hooks use inline `var()` fallbacks rather than a `:host` declaration, so they inherit from the stepper or any ancestor without retheming another state.\n\n**`<lr-tab-group>`** (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\n**`<lr-timeline>`** (default: `2rem`) — Inline size of each edge fade while a horizontal timeline overflows. Forced-colors mode disables the masks while retaining native scrolling.\n\n**`<lr-widget>`** (default: `2rem`) — Width of the fade at each horizontal scroll edge of the `actions`/`view-toggles` header rows. The fade is applied only while a row actually overflows, so a row that fits is never dimmed. `fullscreen-inset` overrides the safe-area panel inset while the viewport-filling backdrop stays at zero by default. `compact` tightens header/body padding — same convention as `lr-empty`.\n\n**Shared design token** — Canonical shared component token for scroll fade size. Reads `--lr-theme-scroll-fade-size`."}},{"name":"--lr-scroller-control-size","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--lr-size-2rem)`) — Control size."}},{"name":"--lr-scroller-min-block-size","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--lr-size-10rem)`) — Minimum vertical scroller size."}},{"name":"--lr-scroller-shadow-color","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--shadow-color)`) — Lyra-prefixed shadow-color alias."}},{"name":"--lr-scroller-shadow-size","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--shadow-size)`) — Lyra-prefixed shadow-size alias."}},{"name":"--lr-segmented-active-bg","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed segment that is neither checked nor disabled."}},{"name":"--lr-segmented-active-color","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-segmented-hover-color, var(--lr-color-text))`) — Text color of a pressed segment that is neither checked nor disabled. Its default follows `--lr-segmented-hover-color` to preserve the established hover/pressed relationship; set this property to theme the pressed text independently."}},{"name":"--lr-segmented-font-size","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-form-control-font-size)`) — Each segment's font size, taken from the `size` tier's shared control font size."}},{"name":"--lr-segmented-hover-color","description":{"kind":"markdown","value":"**`<lr-segmented>`** (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."}},{"name":"--lr-segmented-segment-padding","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)`) — Each segment's padding, taken from the `size` tier's shared control padding."}},{"name":"--lr-segmented-selected-bg","description":{"kind":"markdown","value":"**`<lr-segmented>`** (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)."}},{"name":"--lr-segmented-selected-color","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-color-text)`) — Text color of the checked segment."}},{"name":"--lr-segmented-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the checked segment."}},{"name":"--lr-segmented-selected-shadow","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-shadow-xs)`) — Box shadow lifting the checked segment off the track."}},{"name":"--lr-segmented-track-gap","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-size-0-125rem)`) — Gap between segments."}},{"name":"--lr-segmented-track-height","description":{"kind":"markdown","value":"**`<lr-segmented>`** — 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."}},{"name":"--lr-segmented-track-min-height","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-form-control-height)`) — Minimum height of the `base` track, taken from the `size` tier's shared control height; the `2.5rem` (40px) default applies at the unset/`m` size, matching `<lr-input>`/`<lr-select>`/`<lr-combobox>`'s own shared default-tier floor. The private default follows `size`; a public value inherited from an ancestor or set directly on the element remains authoritative in every tier."}},{"name":"--lr-segmented-track-padding","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-size-0-125rem)`) — Track inset padding."}},{"name":"--lr-segmented-track-radius","description":{"kind":"markdown","value":"**`<lr-segmented>`** (default: `var(--lr-radius)`) — Track corner radius."}},{"name":"--lr-select-expand-size","description":{"kind":"markdown","value":"**`<lr-select>`** — Decorative expand-icon box size, scaled by `size`. The one piece of this component's geometry the shared ladder does not own: it sizes a glyph, not the control row."}},{"name":"--lr-select-font-size","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-form-control-font-size)`) — Trigger font size, from the active `size` tier."}},{"name":"--lr-select-gap","description":{"kind":"markdown","value":"**`<lr-select>`** — Gap between the trigger's start adornment, label, end adornment, and expand icon. Doesn't vary by `size`."}},{"name":"--lr-select-open-border-color","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-color-brand)`) — Trigger border while the listbox is open."}},{"name":"--lr-select-option-active-bg","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-color-brand-quiet)`) — Background of the hovered/keyboard-active option row. Not declared on `:host`, so a value set on any ancestor is never shadowed -- retheme just this row state without hijacking the shared `--lr-color-brand-quiet` token used by every other component's own hover/active state."}},{"name":"--lr-select-option-selected-bg","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme just the selected row without hijacking `--lr-color-brand`."}},{"name":"--lr-select-option-selected-border","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."}},{"name":"--lr-select-option-selected-color","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."}},{"name":"--lr-select-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."}},{"name":"--lr-select-radius","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-form-control-radius)`) — Trigger corner radius, from the active `size` tier of the shared form-control ladder (the two tightest tiers take a smaller radius)."}},{"name":"--lr-select-tag-font-size","description":{"kind":"markdown","value":"**`<lr-select>`** — Chip text size. Doesn't vary by `size`."}},{"name":"--lr-select-tag-padding","description":{"kind":"markdown","value":"**`<lr-select>`** — Padding inside a `multiple`-mode chip. Doesn't vary by `size`."}},{"name":"--lr-select-trigger-active-bg","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `color-mix(...)`) — Trigger background while pressed."}},{"name":"--lr-select-trigger-height","description":{"kind":"markdown","value":"**`<lr-select>`** — Exact trigger height. Unset by default, which leaves `--lr-select-trigger-min-height` as a floor only; set it to a length to both floor and cap the trigger (e.g. to pixel-match a sibling field in the same toolbar row). Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-select-trigger-hover-bg","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-color-brand-quiet)`) — Trigger background while hovered. Accent appearance keeps its louder mixed fallback when this hook is unset."}},{"name":"--lr-select-trigger-min-height","description":{"kind":"markdown","value":"**`<lr-select>`** (default: `var(--lr-form-control-height)`) — Trigger block-size floor, from the active `size` tier of the shared ladder, and live at every tier including the default `m` -- so a select is exactly as tall as an `<lr-button>`/`<lr-input>` of that tier."}},{"name":"--lr-select-trigger-padding","description":{"kind":"markdown","value":"**`<lr-select>`** — Trigger padding shorthand. Defaults to the active `size` tier's `var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline)` from the shared ladder."}},{"name":"--lr-selection-toolbar-placement-gap","description":{"kind":"markdown","value":"**`<lr-selection-toolbar>`** (default: `var(--lr-space-s)`) — Non-negative distance between the selection and toolbar, and between the toolbar and viewport during collision avoidance. Unitless pixel values and `px`, `rem`, and `em` values are resolved live; invalid values fall back to the default and negative values clamp to `0`."}},{"name":"--lr-sequence-playback-icon-size","description":{"kind":"markdown","value":"**`<lr-sequence-playback>`** (default: `calc(var(--lr-icon-button-size) * 0.35)`) — Font size of the play/pause glyph, derived from the shared icon-button hit-target size."}},{"name":"--lr-sequence-playback-play-button-active-bg","description":{"kind":"markdown","value":"**`<lr-sequence-playback>`** — Pressed play/pause button background. Defaults to the existing surface active mix; read as an inline fallback so an ancestor value inherits."}},{"name":"--lr-sequence-playback-play-button-active-border-color","description":{"kind":"markdown","value":"**`<lr-sequence-playback>`** (default: `var(--lr-color-brand)`) — Pressed play/pause button border color; read as an inline fallback so an ancestor value inherits."}},{"name":"--lr-sequence-strip-height","description":{"kind":"markdown","value":"**`<lr-sequence-strip>`** (default: `var(--lr-size-1-5rem)`) — Block size of the strip."}},{"name":"--lr-sequence-strip-legend-marker-bg","description":{"kind":"markdown","value":"**`<lr-sequence-strip>`** (default: `var(--lr-color-surface-raised)`) — Neutral chip background behind the marker legend row's bar; it stands in for \"any cell\", so it deliberately matches no category color."}},{"name":"--lr-sequence-strip-legend-swatch-size","description":{"kind":"markdown","value":"**`<lr-sequence-strip>`** (default: `var(--lr-size-0-625rem)`) — Inline and block size of a legend swatch (category and marker rows alike)."}},{"name":"--lr-sequence-strip-marker-color","description":{"kind":"markdown","value":"**`<lr-sequence-strip>`** (default: `var(--lr-color-text)`) — Color of the bottom marker on a `marker: true` cell, and of the marker legend row's bar."}},{"name":"--lr-shadow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow."}},{"name":"--lr-shadow-color","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow color. Reads `--lr-theme-shadow-color`."}},{"name":"--lr-shadow-l","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow l. Reads `--lr-theme-shadow-l`."}},{"name":"--lr-shadow-m","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow m. Reads `--lr-theme-shadow-m`."}},{"name":"--lr-shadow-s","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow s. Reads `--lr-theme-shadow-s`."}},{"name":"--lr-shadow-xl","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow xl. Reads `--lr-theme-shadow-xl`."}},{"name":"--lr-shadow-xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for shadow xs. Reads `--lr-theme-shadow-xs`."}},{"name":"--lr-size-0-02em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 02em. Reads `--lr-theme-size-0-02em`."}},{"name":"--lr-size-0-03em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 03em. Reads `--lr-theme-size-0-03em`."}},{"name":"--lr-size-0-04em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 04em. Reads `--lr-theme-size-0-04em`."}},{"name":"--lr-size-0-05rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 05rem. Reads `--lr-theme-size-0-05rem`."}},{"name":"--lr-size-0-0625rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 0625rem. Reads `--lr-theme-size-0-0625rem`."}},{"name":"--lr-size-0-09375rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 09375rem. Reads `--lr-theme-size-0-09375rem`."}},{"name":"--lr-size-0-125rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 125rem. Reads `--lr-theme-size-0-125rem`."}},{"name":"--lr-size-0-15rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 15rem. Reads `--lr-theme-size-0-15rem`."}},{"name":"--lr-size-0-1875rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 1875rem. Reads `--lr-theme-size-0-1875rem`."}},{"name":"--lr-size-0-1rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 1rem. Reads `--lr-theme-size-0-1rem`."}},{"name":"--lr-size-0-25rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 25rem. Reads `--lr-theme-size-0-25rem`."}},{"name":"--lr-size-0-3125rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 3125rem. Reads `--lr-theme-size-0-3125rem`."}},{"name":"--lr-size-0-35em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 35em. Reads `--lr-theme-size-0-35em`."}},{"name":"--lr-size-0-375rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 375rem. Reads `--lr-theme-size-0-375rem`."}},{"name":"--lr-size-0-3em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 3em. Reads `--lr-theme-size-0-3em`."}},{"name":"--lr-size-0-4375rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 4375rem. Reads `--lr-theme-size-0-4375rem`."}},{"name":"--lr-size-0-4em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 4em. Reads `--lr-theme-size-0-4em`."}},{"name":"--lr-size-0-4rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 4rem. Reads `--lr-theme-size-0-4rem`."}},{"name":"--lr-size-0-5em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 5em. Reads `--lr-theme-size-0-5em`."}},{"name":"--lr-size-0-5rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 5rem. Reads `--lr-theme-size-0-5rem`."}},{"name":"--lr-size-0-625rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 625rem. Reads `--lr-theme-size-0-625rem`."}},{"name":"--lr-size-0-6875rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 6875rem. Reads `--lr-theme-size-0-6875rem`."}},{"name":"--lr-size-0-6rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 6rem. Reads `--lr-theme-size-0-6rem`."}},{"name":"--lr-size-0-75em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 75em. Reads `--lr-theme-size-0-75em`."}},{"name":"--lr-size-0-75rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 75rem. Reads `--lr-theme-size-0-75rem`."}},{"name":"--lr-size-0-7em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 7em. Reads `--lr-theme-size-0-7em`."}},{"name":"--lr-size-0-875em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 875em. Reads `--lr-theme-size-0-875em`."}},{"name":"--lr-size-0-8rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 8rem. Reads `--lr-theme-size-0-8rem`."}},{"name":"--lr-size-0-9375rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 0 9375rem. Reads `--lr-theme-size-0-9375rem`."}},{"name":"--lr-size-1-0625rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 0625rem. Reads `--lr-theme-size-1-0625rem`."}},{"name":"--lr-size-1-1rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 1rem. Reads `--lr-theme-size-1-1rem`."}},{"name":"--lr-size-1-25rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 25rem. Reads `--lr-theme-size-1-25rem`."}},{"name":"--lr-size-1-5em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 5em. Reads `--lr-theme-size-1-5em`."}},{"name":"--lr-size-1-5rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 5rem. Reads `--lr-theme-size-1-5rem`."}},{"name":"--lr-size-1-75rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 75rem. Reads `--lr-theme-size-1-75rem`."}},{"name":"--lr-size-1-875rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1 875rem. Reads `--lr-theme-size-1-875rem`."}},{"name":"--lr-size-10px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 10px. Reads `--lr-theme-size-10px`."}},{"name":"--lr-size-10rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 10rem. Reads `--lr-theme-size-10rem`."}},{"name":"--lr-size-12em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 12em. Reads `--lr-theme-size-12em`."}},{"name":"--lr-size-12rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 12rem. Reads `--lr-theme-size-12rem`."}},{"name":"--lr-size-14px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 14px. Reads `--lr-theme-size-14px`."}},{"name":"--lr-size-14rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 14rem. Reads `--lr-theme-size-14rem`."}},{"name":"--lr-size-15rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 15rem. Reads `--lr-theme-size-15rem`."}},{"name":"--lr-size-16px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 16px. Reads `--lr-theme-size-16px`."}},{"name":"--lr-size-16rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 16rem. Reads `--lr-theme-size-16rem`."}},{"name":"--lr-size-18rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 18rem. Reads `--lr-theme-size-18rem`."}},{"name":"--lr-size-1em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1em. Reads `--lr-theme-size-1em`."}},{"name":"--lr-size-1px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1px. Reads `--lr-theme-size-1px`."}},{"name":"--lr-size-1rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 1rem. Reads `--lr-theme-size-1rem`."}},{"name":"--lr-size-2-25rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 2 25rem. Reads `--lr-theme-size-2-25rem`."}},{"name":"--lr-size-2-5ch","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 2 5ch. Reads `--lr-theme-size-2-5ch`."}},{"name":"--lr-size-2-5rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 2 5rem. Reads `--lr-theme-size-2-5rem`."}},{"name":"--lr-size-20rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 20rem. Reads `--lr-theme-size-20rem`."}},{"name":"--lr-size-22rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 22rem. Reads `--lr-theme-size-22rem`."}},{"name":"--lr-size-24px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 24px. Reads `--lr-theme-size-24px`."}},{"name":"--lr-size-24rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 24rem. Reads `--lr-theme-size-24rem`."}},{"name":"--lr-size-280px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 280px. Reads `--lr-theme-size-280px`."}},{"name":"--lr-size-28px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 28px. Reads `--lr-theme-size-28px`."}},{"name":"--lr-size-28rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 28rem. Reads `--lr-theme-size-28rem`."}},{"name":"--lr-size-2px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 2px. Reads `--lr-theme-size-2px`."}},{"name":"--lr-size-2rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 2rem. Reads `--lr-theme-size-2rem`."}},{"name":"--lr-size-3-5em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 3 5em. Reads `--lr-theme-size-3-5em`."}},{"name":"--lr-size-3-5rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 3 5rem. Reads `--lr-theme-size-3-5rem`."}},{"name":"--lr-size-30rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 30rem. Reads `--lr-theme-size-30rem`."}},{"name":"--lr-size-32rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 32rem. Reads `--lr-theme-size-32rem`."}},{"name":"--lr-size-36rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 36rem. Reads `--lr-theme-size-36rem`."}},{"name":"--lr-size-38rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 38rem. Reads `--lr-theme-size-38rem`."}},{"name":"--lr-size-3ch","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 3ch. Reads `--lr-theme-size-3ch`."}},{"name":"--lr-size-3px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 3px. Reads `--lr-theme-size-3px`."}},{"name":"--lr-size-3rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 3rem. Reads `--lr-theme-size-3rem`."}},{"name":"--lr-size-48rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 48rem. Reads `--lr-theme-size-48rem`."}},{"name":"--lr-size-4ch","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 4ch. Reads `--lr-theme-size-4ch`."}},{"name":"--lr-size-4px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 4px. Reads `--lr-theme-size-4px`."}},{"name":"--lr-size-4rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 4rem. Reads `--lr-theme-size-4rem`."}},{"name":"--lr-size-5em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 5em. Reads `--lr-theme-size-5em`."}},{"name":"--lr-size-5rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 5rem. Reads `--lr-theme-size-5rem`."}},{"name":"--lr-size-6ch","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 6ch. Reads `--lr-theme-size-6ch`."}},{"name":"--lr-size-6em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 6em. Reads `--lr-theme-size-6em`."}},{"name":"--lr-size-6px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 6px. Reads `--lr-theme-size-6px`."}},{"name":"--lr-size-6rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 6rem. Reads `--lr-theme-size-6rem`."}},{"name":"--lr-size-7rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 7rem. Reads `--lr-theme-size-7rem`."}},{"name":"--lr-size-8em","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 8em. Reads `--lr-theme-size-8em`."}},{"name":"--lr-size-8rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size 8rem. Reads `--lr-theme-size-8rem`."}},{"name":"--lr-size-neg-0-15rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 0 15rem. Reads `--lr-theme-size-neg-0-15rem`."}},{"name":"--lr-size-neg-0-25rem","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 0 25rem. Reads `--lr-theme-size-neg-0-25rem`."}},{"name":"--lr-size-neg-1px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 1px. Reads `--lr-theme-size-neg-1px`."}},{"name":"--lr-size-neg-4px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 4px. Reads `--lr-theme-size-neg-4px`."}},{"name":"--lr-size-neg-6px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 6px. Reads `--lr-theme-size-neg-6px`."}},{"name":"--lr-size-neg-8px","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for size neg 8px. Reads `--lr-theme-size-neg-8px`."}},{"name":"--lr-skeleton-border-radius","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `var(--lr-radius)`) — Text/rectangle corner radius."}},{"name":"--lr-skeleton-color","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `var(--lr-color-border)`) — Placeholder color."}},{"name":"--lr-skeleton-h","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `var(--lr-size-1em)`) — Block size of the placeholder."}},{"name":"--lr-skeleton-sheen-color","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `var(--lr-color-surface)`) — Sheen highlight color."}},{"name":"--lr-skeleton-w","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `100%`) — Inline size of the placeholder."}},{"name":"--lr-slider-gap","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-space-s)`) — Gap between the track row, value, label, references, and hint as they wrap."}},{"name":"--lr-slider-row-size","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `calc(var(--lr-form-control-height) * 0.6)`) — Cross-axis extent of the control's interactive row: its block size when horizontal, its inline size when vertical. Scales off the shared form-control ladder, so a size tier moves it without a per-tier rule."}},{"name":"--lr-slider-thumb-active-ring-color","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-slider-thumb-hover-ring-color)`) — Thumb ring while pressed."}},{"name":"--lr-slider-thumb-bg","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-color-brand)`) — Resting thumb background."}},{"name":"--lr-slider-thumb-border-color","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-color-surface)`) — Resting thumb border."}},{"name":"--lr-slider-thumb-hover-ring-color","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-color-brand-quiet)`) — Thumb ring while hovered."}},{"name":"--lr-slider-thumb-size","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `calc(var(--lr-form-control-height) * 0.4)`) — Diameter of each draggable handle, derived from the `size` tier's shared control height. The transparent drag area around it never drops below 1.75rem/28px, whatever this is set to."}},{"name":"--lr-slider-tooltip-distance","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `8`) — Numeric CSS-pixel distance written by the `tooltipDistance` property for the internal tooltip-placement calculation."}},{"name":"--lr-slider-track-length","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `var(--lr-size-10rem)`) — Length of the track in `orientation=\"vertical\"`; the horizontal track fills its container instead. Declared as an inline `var()` fallback (never on `:host`), so a consumer override at any ancestor wins."}},{"name":"--lr-slider-track-thickness","description":{"kind":"markdown","value":"**`<lr-slider>`** (default: `calc(var(--lr-slider-thumb-size) * 0.25)`) — Thickness of the track, the filled indicator and (scaled from it) the `with-markers` ticks."}},{"name":"--lr-source-card-compact-gap","description":{"kind":"markdown","value":"**`<lr-source-card>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"base\"]`'s rows while `compact`."}},{"name":"--lr-source-card-compact-padding","description":{"kind":"markdown","value":"**`<lr-source-card>`** (default: `var(--lr-space-xs)`) — `[part=\"base\"]` padding while `compact`."}},{"name":"--lr-source-picker-checked-bg","description":{"kind":"markdown","value":"**`<lr-source-picker>`** — Background of a fully-checked selection control: the `select-all` pill (defaults to `var(--lr-color-brand-quiet)`) and a fully-selected entry's `[part=\"checkbox\"]` (defaults to `var(--lr-color-brand)`). The two keep their distinct resting defaults; setting this prop unifies both."}},{"name":"--lr-source-picker-checked-border","description":{"kind":"markdown","value":"**`<lr-source-picker>`** (default: `var(--lr-color-brand)`) — Border color of every checked or mixed selection control."}},{"name":"--lr-source-picker-depth","description":{"kind":"markdown","value":"**`<lr-source-picker>`** (default: `0`) — Internal indent plumbing, not a retheming knob: the row's own nesting depth, written inline onto `[part=\"item\"]` as a plain number and multiplied by `--lr-source-picker-indent-size` to produce the indent."}},{"name":"--lr-source-picker-indent-size","description":{"kind":"markdown","value":"**`<lr-source-picker>`** (default: `var(--lr-size-1-25rem)`) — Indent step added to `[part=\"item\"]`'s `padding-inline-start` per nesting level. The total indent is capped at `--lr-size-8rem` so a deeply nested tree cannot push its labels out of view."}},{"name":"--lr-source-picker-mixed-bg","description":{"kind":"markdown","value":"**`<lr-source-picker>`** (default: `color-mix(in srgb, var(--lr-color-brand) 50%, var(--lr-color-surface))`) — Background of a partially-selected entry's `[part=\"checkbox\"]`."}},{"name":"--lr-space-2xl","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space 2xl. Reads `--lr-theme-space-2xl`."}},{"name":"--lr-space-2xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space 2xs. Reads `--lr-theme-space-2xs`."}},{"name":"--lr-space-l","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space l. Reads `--lr-theme-space-l`."}},{"name":"--lr-space-m","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space m. Reads `--lr-theme-space-m`."}},{"name":"--lr-space-s","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space s. Reads `--lr-theme-space-s`."}},{"name":"--lr-space-xs","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for space xs. Reads `--lr-theme-space-xs`."}},{"name":"--lr-span-waterfall-denied-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-warning)`) — Denied bar fill."}},{"name":"--lr-span-waterfall-error-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-danger)`) — Error bar fill."}},{"name":"--lr-span-waterfall-name-width","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `8rem`) — Width of the name gutter column."}},{"name":"--lr-span-waterfall-pending-border-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-border-strong)`) — Pending bar border."}},{"name":"--lr-span-waterfall-row-active-bg","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-span-waterfall-running-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-brand)`) — Running stripe foreground."}},{"name":"--lr-span-waterfall-running-stripe-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-brand-quiet)`) — Running stripe background."}},{"name":"--lr-span-waterfall-stripe-speed","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-duration-ambient)`) — Animation duration for a `running` span's striped bar. The fallback is the bare-duration `--lr-duration-ambient`, not the `--lr-transition-ambient` duration+easing shorthand, which would be invalid in an `animation-duration` slot."}},{"name":"--lr-span-waterfall-success-color","description":{"kind":"markdown","value":"**`<lr-span-waterfall>`** (default: `var(--lr-color-success)`) — Success bar fill."}},{"name":"--lr-sparkline-stroke-width","description":{"kind":"markdown","value":"**`<lr-sparkline>`** (default: `var(--lr-border-width-medium)`) — Compatibility alias used as the fallback for `--line-width`."}},{"name":"--lr-spinner-duration","description":{"kind":"markdown","value":"**`<lr-spinner>`** (default: `var(--lr-transition-ambient)`) — Duration/easing of one rotation. Not read under `prefers-reduced-motion: reduce`, where the animation is disabled entirely."}},{"name":"--lr-spinner-size","description":{"kind":"markdown","value":"**`<lr-spinner>`** (default: `var(--lr-size-1-25rem)`) — Outer diameter of the indicator."}},{"name":"--lr-spinner-track-width","description":{"kind":"markdown","value":"**`<lr-spinner>`** (default: `var(--lr-border-width-medium)`) — Thickness of the ring track."}},{"name":"--lr-split-panel-divider-active-color","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--lr-color-border-strong)`) — Background of `divider` while being dragged (or focused and pressed via the keyboard)."}},{"name":"--lr-split-panel-divider-hit-area","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--divider-hit-area)`) — Lyra-prefixed hit-area alias."}},{"name":"--lr-split-panel-divider-hover-color","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--lr-color-brand)`) — Background of `divider` on hover/keyboard focus, independent of any other component's own hover token that happens to default to the same shared brand color."}},{"name":"--lr-split-panel-divider-width","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--divider-width)`) — Lyra-prefixed divider-width alias."}},{"name":"--lr-split-panel-max","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--max)`) — Lyra-prefixed maximum-size alias."}},{"name":"--lr-split-panel-min","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `var(--min)`) — Lyra-prefixed minimum-size alias."}},{"name":"--lr-spreadsheet-viewer-highlight-color","description":{"kind":"markdown","value":"**`<lr-spreadsheet-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of a highlighted cell. The active highlight changes a private warning-color default; an inherited or direct public value remains authoritative."}},{"name":"--lr-spreadsheet-viewer-highlight-outline-offset","description":{"kind":"markdown","value":"**`<lr-spreadsheet-viewer>`** (default: `calc(-1 * var(--lr-border-width-medium))`) — Outline offset of a highlighted cell."}},{"name":"--lr-spreadsheet-viewer-max-height","description":{"kind":"markdown","value":"**`<lr-spreadsheet-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."}},{"name":"--lr-stack-trace-compact-gap","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `var(--lr-space-2xs)`) — Space below `[part=\"message\"]` and between `[part=\"group\"]`s while `compact`."}},{"name":"--lr-stack-trace-compact-padding","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `var(--lr-space-2xs)`) — `[part=\"base\"]` padding while `compact`. Overridden entirely by `frame=\"plain\"`."}},{"name":"--lr-stack-trace-font","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `var(--lr-font-mono)`) — Font family for the parsed frames and the verbatim raw fallback."}},{"name":"--lr-stack-trace-interactive-color","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `var(--lr-color-brand)`) — Interactive frame/toggle accent."}},{"name":"--lr-stack-trace-internal-frame-color","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `var(--lr-color-text-quiet)`) — Internal frame foreground."}},{"name":"--lr-stack-trace-max-height","description":{"kind":"markdown","value":"**`<lr-stack-trace>`** (default: `none`) — Cap on how tall `[part=\"base\"]` grows before it scrolls internally. `none` lets the component grow with its content; the `max-height` attribute sets this token."}},{"name":"--lr-stat-emphasis-border-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-brand)`) — Accent-edge color when `emphasis` is set. Independent of the headline's emphasis tint and `brand` variant."}},{"name":"--lr-stat-emphasis-value-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-brand)`) — Headline value color when `emphasis` is set on a neutral stat. Independent of the accent edge and `brand` variant."}},{"name":"--lr-stat-link-active-bg","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `color-mix(...)`) — Linked-card background while pressed."}},{"name":"--lr-stat-link-active-border-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-stat-link-hover-border-color,var(--lr-color-brand))`) — Linked-card border while pressed."}},{"name":"--lr-stat-link-active-shadow","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-stat-link-hover-shadow,var(--lr-shadow-s))`) — Linked-card shadow while pressed."}},{"name":"--lr-stat-link-hover-border-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-brand)`) — Linked-card border on hover."}},{"name":"--lr-stat-link-hover-shadow","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-shadow-s)`) — Linked-card shadow on hover."}},{"name":"--lr-stat-trend-bad-bg","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `color-mix(in srgb, var(--lr-color-danger) 8%, transparent)`) — Background of the trend pill when its polarity is \"bad\"."}},{"name":"--lr-stat-trend-bad-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-danger)`) — Text color of the trend pill when its polarity is \"bad\". Independent of the headline value's `variant=\"danger\"` tint, which reads the shared `--lr-color-danger` token directly."}},{"name":"--lr-stat-trend-good-bg","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `color-mix(in srgb, var(--lr-color-success) 8%, transparent)`) — Background of the trend pill when its polarity is \"good\"."}},{"name":"--lr-stat-trend-good-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-success)`) — Text color of the trend pill when its polarity is \"good\". Independent of the headline value's `variant=\"success\"` tint, which reads the shared `--lr-color-success` token directly."}},{"name":"--lr-stat-value-brand-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-brand)`) — Headline value color for the `brand` variant."}},{"name":"--lr-stat-value-danger-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-danger)`) — Headline value color for the `danger` variant."}},{"name":"--lr-stat-value-success-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-success)`) — Headline value color for the `success` variant."}},{"name":"--lr-stat-value-warning-color","description":{"kind":"markdown","value":"**`<lr-stat>`** (default: `var(--lr-color-warning)`) — Headline value color for the `warning` variant."}},{"name":"--lr-stepper-active-bg","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed, non-disabled step."}},{"name":"--lr-stepper-active-color","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-text)`) — Text color of a pressed, non-disabled step."}},{"name":"--lr-stepper-current-color","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-text)`) — Text color of the `current` step. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the current step without hijacking the library-wide `--lr-color-text` token."}},{"name":"--lr-stepper-current-font-weight","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the `current` step's label. `::part(step)[data-state='current']` is invalid CSS (an attribute selector cannot follow `::part`), so this is the only way to change just the current step's boldness without hijacking the library-wide `--lr-font-weight-semibold` token."}},{"name":"--lr-stepper-current-index-bg","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-brand)`) — Background of the `current` step's numbered index chip (`step-index`)."}},{"name":"--lr-stepper-current-index-color","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-on-brand)`) — Text color of the `current` step's numbered index chip."}},{"name":"--lr-stepper-error-color","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-danger)`) — Text color of an `error` step."}},{"name":"--lr-stepper-hover-bg","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered, non-disabled step."}},{"name":"--lr-stepper-hover-color","description":{"kind":"markdown","value":"**`<lr-stepper>`** (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled step."}},{"name":"--lr-stream-status-dot-color","description":{"kind":"markdown","value":"**`<lr-stream-status>`** (default: `var(--lr-color-text-quiet)`) — `indicator` dot color. Its private default changes with reflected `connection-state` and the component-owned `data-stalled` state: `var(--lr-color-brand)` for `connecting`/`streaming`, `var(--lr-color-warning)` for `stalled`. Set it on the element or any ancestor; an element value wins."}},{"name":"--lr-stream-status-dot-opacity","description":{"kind":"markdown","value":"**`<lr-stream-status>`** (default: `0.35`) — `indicator` dot opacity. Its private default changes with those same host states: `0.6` for `connecting`, `1` for `streaming` and `stalled`. Set it on the element or any ancestor; an element value wins."}},{"name":"--lr-stream-status-message-color","description":{"kind":"markdown","value":"**`<lr-stream-status>`** (default: `var(--lr-color-warning)`) — `phase` and `message` text color while `data-stalled` is present. Decoupled from `--lr-stream-status-stalled-border-color` even though both fall back to the same shared token today."}},{"name":"--lr-stream-status-stalled-bg","description":{"kind":"markdown","value":"**`<lr-stream-status>`** (default: `var(--lr-color-warning-quiet)`) — `base` row background while `data-stalled` is present."}},{"name":"--lr-stream-status-stalled-border-color","description":{"kind":"markdown","value":"**`<lr-stream-status>`** (default: `var(--lr-color-warning)`) — `base` row border color while `data-stalled` is present."}},{"name":"--lr-subagent-panel-progress-fill","description":{"kind":"markdown","value":"**`<lr-subagent-panel>`** (default: `var(--lr-color-brand)`) — Progress fill."}},{"name":"--lr-subagent-panel-progress-track","description":{"kind":"markdown","value":"**`<lr-subagent-panel>`** (default: `var(--lr-color-border)`) — Progress track."}},{"name":"--lr-subagent-panel-selected-border","description":{"kind":"markdown","value":"**`<lr-subagent-panel>`** (default: `var(--lr-color-brand)`) — Selected run border."}},{"name":"--lr-suggestion-chips-hover-bg","description":{"kind":"markdown","value":"**`<lr-suggestion-chips>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered chip."}},{"name":"--lr-suggestion-chips-hover-border","description":{"kind":"markdown","value":"**`<lr-suggestion-chips>`** (default: `var(--lr-color-brand)`) — Border color of a hovered chip."}},{"name":"--lr-suggestion-chips-justify","description":{"kind":"markdown","value":"**`<lr-suggestion-chips>`** (default: `flex-start`) — Main-axis packing of the chip row. `center` centers every line, the wrapped final one included — what `::part(base)` alone cannot do."}},{"name":"--lr-svg-viewer-active-border","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-warning, var(--lr-color-brand))`) — Border color of the `[part=\"region-highlight\"]` matching `activeHighlightId`. Distinct from the resting highlight border, so the active region can be recolored without touching the rest."}},{"name":"--lr-svg-viewer-highlight-accent-color","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-brand)`) — Accent highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-danger-color","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-danger)`) — Danger highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-neutral-color","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-neutral)`) — Neutral highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-success-color","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-success)`) — Success highlight border and hover tint."}},{"name":"--lr-svg-viewer-highlight-warning-color","description":{"kind":"markdown","value":"**`<lr-svg-viewer>`** (default: `var(--lr-color-warning)`) — Warning highlight border and hover tint."}},{"name":"--lr-svg-viewer-max-height","description":{"kind":"markdown","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":"--lr-swatch-picker-fill-size","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `var(--lr-theme-swatch-picker-fill-size, var(--lr-size-1-5rem))`) — Visible fill/icon diameter for the swatch. Its private default follows the active tier. Set `--lr-theme-swatch-picker-fill-size` on an ancestor to give every tier a shared default, or set this component hook on an ancestor/direct host to override every tier."}},{"name":"--lr-swatch-picker-gap","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `var(--lr-space-xs)`) — Gap between swatches."}},{"name":"--lr-swatch-picker-gemstone-selected-blur","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `var(--lr-size-0-5rem)`) — Selected glow blur used by `mode=\"gemstone\"` when `--lr-swatch-picker-selected-blur` is not overridden."}},{"name":"--lr-swatch-picker-gemstone-shine-duration","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `var(--lr-transition-ambient)`) — Selected shine timing used by `mode=\"gemstone\"` when `--lr-swatch-picker-shine-duration` is not overridden."}},{"name":"--lr-swatch-picker-hit-size","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `var(--lr-size-2-5rem)`) — Hit-area size (both min-inline-size and min-block-size) for the swatch button. Its private default follows the active tier and is floored at 24px; an inherited or direct public value wins."}},{"name":"--lr-swatch-picker-selected-blur","description":{"kind":"markdown","value":"**`<lr-swatch-picker>`** (default: `0`) — 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":"--lr-swatch-picker-selected-color","description":{"kind":"markdown","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":"--lr-swatch-picker-shine-duration","description":{"kind":"markdown","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":"--lr-switch-checked-track-fill","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `var(--lr-color-brand)`) — Track fill while checked."}},{"name":"--lr-switch-gap","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `var(--lr-space-s)`) — Gap between the track and label."}},{"name":"--lr-switch-thumb-fill","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `var(--lr-color-surface)`) — Thumb fill in either checked state."}},{"name":"--lr-switch-thumb-offset","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `var(--lr-size-2px)`) — Inset of the thumb from the track's edges."}},{"name":"--lr-switch-track-active-fill","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `color-mix(...)`) — Track fill while pressed."}},{"name":"--lr-switch-track-block-size","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `calc(var(--lr-form-control-height) * 0.5)`) — Block size of the track, half the `size` tier's shared control height; the thumb's diameter is derived from it minus twice `--lr-switch-thumb-offset`."}},{"name":"--lr-switch-track-fill","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `var(--lr-color-border)`) — Resting fill of `[part='track']`, used as the source for the hover and press fallbacks."}},{"name":"--lr-switch-track-hover-fill","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `color-mix(...)`) — Track fill while hovered."}},{"name":"--lr-switch-track-inline-size","description":{"kind":"markdown","value":"**`<lr-switch>`** (default: `calc(var(--lr-switch-track-block-size) * 1.8)`) — Inline size of the track, and (with the block size) the distance the thumb travels when checked. Derived from the block size, so re-sizing the track keeps its aspect ratio."}},{"name":"--lr-tab-group-active-bg","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed, non-disabled tab."}},{"name":"--lr-tab-group-active-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-tab-group-hover-color, var(--lr-color-text))`) — Text color of a pressed, non-disabled tab."}},{"name":"--lr-tab-group-hover-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-color-text)`) — Text color of a hovered, non-disabled tab. Independent of the selected-state props above. Pressed-tab and scroll-control hooks use inline `var()` fallbacks rather than a `:host` declaration, so they inherit from the group or any ancestor without retheming the other states."}},{"name":"--lr-tab-group-indicator-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-color-brand)`) — Color of the selected tab's underline, themeable independently of its text color."}},{"name":"--lr-tab-group-scroll-button-active-bg","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of a pressed overflow scroll control."}},{"name":"--lr-tab-group-scroll-button-active-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-color-text)`) — Text color of a pressed overflow scroll control."}},{"name":"--lr-tab-group-scroll-button-hover-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-color-text)`) — Text color of a hovered overflow scroll control."}},{"name":"--lr-tab-group-selected-color","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (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)."}},{"name":"--lr-tab-group-vertical-nav-max-inline-size","description":{"kind":"markdown","value":"**`<lr-tab-group>`** (default: `var(--lr-size-12rem)`) — Maximum logical inline size of a vertical `start`/`end` nav. Long labels ellipsize inside that bound so the panel remains usable at narrow allocations."}},{"name":"--lr-table-cell-color","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `inherit`) — Text colour of body cells; inherits the host's own colour by default."}},{"name":"--lr-table-cell-link-color","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-brand)`) — Colour of an anchor returned from a column's `cell(row)`. Such an anchor renders inside this component's shadow root, so page CSS cannot reach it and `::part()` cannot select past the first compound selector to reach it either; without this hook it computes to the UA default link blue. Set `revert` for the UA default."}},{"name":"--lr-table-cell-link-hover-color","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-table-cell-link-color,var(--lr-color-brand))`) — Colour of that anchor on hover and `:focus-visible`, which also thicken its underline."}},{"name":"--lr-table-header-sorted-bg","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-surface)`) — Background of the currently-sorted column's header cell (`[aria-sort]` other than `none`). Same rationale as `--lr-table-row-selected-bg`: `::part(header-cell)[aria-sort]` is invalid CSS, so this token is the supported way to recolor the sorted header without hijacking a library-wide token."}},{"name":"--lr-table-header-sorted-color","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `inherit`) — Text color of the currently-sorted column's header cell."}},{"name":"--lr-table-heat-t","description":{"kind":"markdown","value":"**`<lr-table>`** — This cell's position on the heat-tint ramp, as a percentage string. Set inline by the component on each `[data-heat]` cell; not consumer-settable."}},{"name":"--lr-table-heat-tint-hi","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-brand)`) — High endpoint of the heat-tint ramp used by `heatValue` columns. Inherits from theme ancestors."}},{"name":"--lr-table-heat-tint-lo","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-brand-quiet)`) — Low endpoint of the heat-tint ramp used by `heatValue` columns. Inherits from theme ancestors."}},{"name":"--lr-table-max-height","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `none`) — Cap on the scroll container's block size, past which the table body scrolls."}},{"name":"--lr-table-resize-handle-active-bg","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-table-resize-handle-hover-bg,var(--lr-color-brand))`) — Resize-handle pressed background."}},{"name":"--lr-table-resize-handle-active-opacity","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `calc(var(--lr-table-resize-handle-hover-opacity,var(--lr-table-resize-handle-opacity,0.12))*2)`) — Resize-handle pressed opacity."}},{"name":"--lr-table-resize-handle-hover-bg","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-brand)`) — Resize-handle hover/focus background."}},{"name":"--lr-table-resize-handle-hover-opacity","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-table-resize-handle-opacity,0.12)`) — Resize-handle hover/focus opacity."}},{"name":"--lr-table-resize-handle-opacity","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `0.12`) — Hover/focus opacity of the resize handle. Legacy shared-state hook; inherits from theme ancestors."}},{"name":"--lr-table-resize-min-width","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-size-3rem)`) — Default minimum width for a resizable column without an explicit pixel `minWidth`. Inherits from theme ancestors."}},{"name":"--lr-table-row-selected-bg","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `var(--lr-color-brand-quiet)`) — Background of a row whose `aria-selected` is `true`. Shadow Parts forbids an attribute selector after `::part()`, so `::part(row)[aria-selected]` is invalid CSS and the selected row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-table-row-stripe-bg","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `transparent`) — Background of alternating body rows. The token is read only on rows carrying the internal stripe marker, so it can be set on the table or an ancestor without affecting group, expanded, hover, or selected rows."}},{"name":"--lr-table-sticky-offset","description":{"kind":"markdown","value":"**`<lr-table>`** (default: `0`) — Distance a `sticky` column pins from the inline edge. Measured and set inline per column by the component so multiple sticky columns stack instead of overlapping; falls back to `0` for the first one, or before the first measurement pass."}},{"name":"--lr-tag-remove-hover-background","description":{"kind":"markdown","value":"**`<lr-tag>`** (default: `color-mix(in srgb, currentColor 16%, transparent)`) — Background of the remove button on hover."}},{"name":"--lr-tag-remove-radius","description":{"kind":"markdown","value":"**`<lr-tag>`** (default: `var(--lr-badge-radius)`) — Corner radius of the remove button, defaulting to the tag's own corner so retuning one retunes both."}},{"name":"--lr-task-list-compact-body-padding","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-space-2xs) var(--lr-space-s) var(--lr-space-s)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-task-list-compact-gap","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"body\"]`'s item rows while `compact`."}},{"name":"--lr-task-list-compact-header-font-size","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-font-size-sm)`) — `[part=\"header\"]` font size while `compact`."}},{"name":"--lr-task-list-compact-header-gap","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"header\"]`'s toggle/label/summary while `compact`."}},{"name":"--lr-task-list-compact-header-padding","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."}},{"name":"--lr-task-list-error-color","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-color-danger)`) — Error status icon color."}},{"name":"--lr-task-list-pending-color","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-color-text-quiet)`) — Pending status icon color."}},{"name":"--lr-task-list-running-color","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-color-brand)`) — Running status icon color."}},{"name":"--lr-task-list-spin","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-transition-ambient)`) — Running-status icon spin animation duration/timing."}},{"name":"--lr-task-list-success-color","description":{"kind":"markdown","value":"**`<lr-task-list>`** (default: `var(--lr-color-success)`) — Success status icon color."}},{"name":"--lr-terminal-bg-black","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg black. Reads `--lr-theme-terminal-bg-black`."}},{"name":"--lr-terminal-bg-blue","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg blue. Reads `--lr-theme-terminal-bg-blue`."}},{"name":"--lr-terminal-bg-bright-black","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright black. Reads `--lr-theme-terminal-bg-bright-black`."}},{"name":"--lr-terminal-bg-bright-blue","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright blue. Reads `--lr-theme-terminal-bg-bright-blue`."}},{"name":"--lr-terminal-bg-bright-cyan","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright cyan. Reads `--lr-theme-terminal-bg-bright-cyan`."}},{"name":"--lr-terminal-bg-bright-green","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright green. Reads `--lr-theme-terminal-bg-bright-green`."}},{"name":"--lr-terminal-bg-bright-magenta","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright magenta. Reads `--lr-theme-terminal-bg-bright-magenta`."}},{"name":"--lr-terminal-bg-bright-red","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright red. Reads `--lr-theme-terminal-bg-bright-red`."}},{"name":"--lr-terminal-bg-bright-white","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright white. Reads `--lr-theme-terminal-bg-bright-white`."}},{"name":"--lr-terminal-bg-bright-yellow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg bright yellow. Reads `--lr-theme-terminal-bg-bright-yellow`."}},{"name":"--lr-terminal-bg-cyan","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg cyan. Reads `--lr-theme-terminal-bg-cyan`."}},{"name":"--lr-terminal-bg-green","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg green. Reads `--lr-theme-terminal-bg-green`."}},{"name":"--lr-terminal-bg-magenta","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg magenta. Reads `--lr-theme-terminal-bg-magenta`."}},{"name":"--lr-terminal-bg-red","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg red. Reads `--lr-theme-terminal-bg-red`."}},{"name":"--lr-terminal-bg-white","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg white. Reads `--lr-theme-terminal-bg-white`."}},{"name":"--lr-terminal-bg-yellow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal bg yellow. Reads `--lr-theme-terminal-bg-yellow`."}},{"name":"--lr-terminal-color-black","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color black. Reads `--lr-theme-terminal-color-black`."}},{"name":"--lr-terminal-color-blue","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color blue. Reads `--lr-theme-terminal-color-blue`."}},{"name":"--lr-terminal-color-bright-black","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright black. Reads `--lr-theme-terminal-color-bright-black`."}},{"name":"--lr-terminal-color-bright-blue","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright blue. Reads `--lr-theme-terminal-color-bright-blue`."}},{"name":"--lr-terminal-color-bright-cyan","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright cyan. Reads `--lr-theme-terminal-color-bright-cyan`."}},{"name":"--lr-terminal-color-bright-green","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright green. Reads `--lr-theme-terminal-color-bright-green`."}},{"name":"--lr-terminal-color-bright-magenta","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright magenta. Reads `--lr-theme-terminal-color-bright-magenta`."}},{"name":"--lr-terminal-color-bright-red","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright red. Reads `--lr-theme-terminal-color-bright-red`."}},{"name":"--lr-terminal-color-bright-white","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright white. Reads `--lr-theme-terminal-color-bright-white`."}},{"name":"--lr-terminal-color-bright-yellow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color bright yellow. Reads `--lr-theme-terminal-color-bright-yellow`."}},{"name":"--lr-terminal-color-cyan","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color cyan. Reads `--lr-theme-terminal-color-cyan`."}},{"name":"--lr-terminal-color-green","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color green. Reads `--lr-theme-terminal-color-green`."}},{"name":"--lr-terminal-color-magenta","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color magenta. Reads `--lr-theme-terminal-color-magenta`."}},{"name":"--lr-terminal-color-red","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color red. Reads `--lr-theme-terminal-color-red`."}},{"name":"--lr-terminal-color-white","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color white. Reads `--lr-theme-terminal-color-white`."}},{"name":"--lr-terminal-color-yellow","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for terminal color yellow. Reads `--lr-theme-terminal-color-yellow`."}},{"name":"--lr-terminal-compact-line-padding-inline","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-space-xs)`) — Inline padding of each rendered `[part=\"line\"]` while `compact`."}},{"name":"--lr-terminal-compact-toolbar-gap","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-space-2xs)`) — Gap between `[part=\"toolbar\"]`'s buttons while `compact`."}},{"name":"--lr-terminal-compact-toolbar-padding","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-space-2xs) var(--lr-space-xs)`) — `[part=\"toolbar\"]` padding while `compact`."}},{"name":"--lr-terminal-height","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-size-20rem)`) — Block size of `[part=\"viewport\"]`, the scrollable log region. Not declared on `:host`, so it is inherited — set it on the host or any ancestor."}},{"name":"--lr-terminal-highlight-accent-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-brand-quiet)`) — Background of an `accent`-tone highlighted line. Decoupled from the shared `--lr-color-brand-quiet` token also used by `[part=\"copy-button\"]`/`[part=\"download-button\"]`'s hover state, and from any `::part('line')` override (the background is applied inline, so a stylesheet rule can't beat it without `!important`)."}},{"name":"--lr-terminal-highlight-danger-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-danger-quiet)`) — Background of a `danger`-tone highlighted line."}},{"name":"--lr-terminal-highlight-neutral-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-surface)`) — Background of a `neutral`-tone highlighted line."}},{"name":"--lr-terminal-highlight-success-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-success-quiet)`) — Background of a `success`-tone highlighted line."}},{"name":"--lr-terminal-highlight-warning-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-warning-quiet)`) — Background of a `warning`-tone highlighted line."}},{"name":"--lr-terminal-line-active-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `color-mix(in oklab, var(--lr-terminal-line-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of an ordinary rendered line."}},{"name":"--lr-terminal-line-hover-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of an ordinary rendered `[part=\"line\"]`."}},{"name":"--lr-terminal-search-active-outline-color","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-brand)`) — Outline color for the active search match's line."}},{"name":"--lr-terminal-search-outline-color","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-warning)`) — Outline color for a line containing a non-active search match."}},{"name":"--lr-terminal-surface-color","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-surface-raised)`) — Card-frame background and the fallback foreground for inverse ANSI segments without an explicit background. The `frame=\"plain\"` escape remains transparent."}},{"name":"--lr-terminal-toolbar-button-active-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `color-mix(in oklab, var(--lr-terminal-toolbar-button-hover-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Pressed background of the toolbar buttons."}},{"name":"--lr-terminal-toolbar-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-terminal>`** (default: `var(--lr-color-brand-quiet)`) — Hover background of `[part=\"copy-button\"]` and `[part=\"download-button\"]`."}},{"name":"--lr-test-results-failed-color","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-danger)`) — Failed-state foreground."}},{"name":"--lr-test-results-filter-active-bg","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-brand-quiet)`) — Background of a pressed (active) status filter toggle."}},{"name":"--lr-test-results-filter-active-border","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Border color of a pressed (active) status filter toggle."}},{"name":"--lr-test-results-filter-active-color","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Text color of a pressed (active) status filter toggle. Restyling the pressed state otherwise requires overriding the library-wide brand tokens, since `::part(filter-toggle)[aria-pressed]` is invalid CSS."}},{"name":"--lr-test-results-passed-color","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-success)`) — Passed-state foreground."}},{"name":"--lr-test-results-running-color","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-brand)`) — Running-state foreground."}},{"name":"--lr-test-results-skipped-color","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-color-text-quiet)`) — Skipped-state foreground."}},{"name":"--lr-test-results-spinner-size","description":{"kind":"markdown","value":"**`<lr-test-results>`** (default: `var(--lr-size-1em)`) — Diameter of the composed spinner in a running test row."}},{"name":"--lr-textarea-border-color","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `var(--lr-color-border)`) — Border color of the field. Its private default follows `appearance` in the same way as `--lr-textarea-fill`."}},{"name":"--lr-textarea-fill","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `transparent`) — Background of the field. Its private default follows `appearance`; the documented default is `appearance=\"outlined\"`'s value."}},{"name":"--lr-textarea-font-size","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `var(--lr-form-control-font-size)`) — Font size of the native textarea, from the active `size` tier of the shared ladder."}},{"name":"--lr-textarea-hover-border-color","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `var(--lr-color-brand)`) — Field border color while the native textarea is hovered."}},{"name":"--lr-textarea-max-block-size","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `none`) — Maximum auto-grown block size before the textarea scrolls."}},{"name":"--lr-textarea-padding","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `var(--lr-form-control-padding-inline)`) — Padding of the native textarea on all four sides, from the active `size` tier of the shared form-control ladder (`internal/sizes.styles.ts`). The ladder's *inline* gutter is used on every side deliberately: its block padding is `0` at the two tightest tiers because a control row's height floor supplies the space there, and a textarea has no such floor -- the first line of text would sit on the border."}},{"name":"--lr-textarea-radius","description":{"kind":"markdown","value":"**`<lr-textarea>`** (default: `var(--lr-form-control-radius)`) — Corner radius of the field, from the active `size` tier of the shared ladder (the two tightest tiers take a smaller radius). `pill` changes the private default to `--lr-radius-pill`; a public value still wins."}},{"name":"--lr-theme-border-radius-m","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for border radius m."}},{"name":"--lr-theme-border-radius-pill","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-radius-pill."}},{"name":"--lr-theme-border-radius-xs","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-radius-xs."}},{"name":"--lr-theme-border-width-medium","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-border-width-medium."}},{"name":"--lr-theme-border-width-thick","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-border-width-thick."}},{"name":"--lr-theme-border-width-thin","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-border-width-thin."}},{"name":"--lr-theme-color-border-strong","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color border strong."}},{"name":"--lr-theme-color-brand-border-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand border loud."}},{"name":"--lr-theme-color-brand-border-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand border normal."}},{"name":"--lr-theme-color-brand-border-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand border quiet."}},{"name":"--lr-theme-color-brand-fill-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand fill loud."}},{"name":"--lr-theme-color-brand-fill-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand fill normal."}},{"name":"--lr-theme-color-brand-fill-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand fill quiet."}},{"name":"--lr-theme-color-brand-on-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand on loud."}},{"name":"--lr-theme-color-brand-on-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand on normal."}},{"name":"--lr-theme-color-brand-on-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color brand on quiet."}},{"name":"--lr-theme-color-chart-1","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 1."}},{"name":"--lr-theme-color-chart-2","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 2."}},{"name":"--lr-theme-color-chart-3","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 3."}},{"name":"--lr-theme-color-chart-4","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 4."}},{"name":"--lr-theme-color-chart-5","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 5."}},{"name":"--lr-theme-color-chart-6","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 6."}},{"name":"--lr-theme-color-chart-7","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 7."}},{"name":"--lr-theme-color-chart-8","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color chart 8."}},{"name":"--lr-theme-color-danger-border-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger border loud."}},{"name":"--lr-theme-color-danger-border-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger border normal."}},{"name":"--lr-theme-color-danger-border-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger border quiet."}},{"name":"--lr-theme-color-danger-fill-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger fill loud."}},{"name":"--lr-theme-color-danger-fill-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger fill normal."}},{"name":"--lr-theme-color-danger-fill-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger fill quiet."}},{"name":"--lr-theme-color-danger-on-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger on loud."}},{"name":"--lr-theme-color-danger-on-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger on normal."}},{"name":"--lr-theme-color-danger-on-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color danger on quiet."}},{"name":"--lr-theme-color-focus","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color focus."}},{"name":"--lr-theme-color-mix-active","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-color-mix-active."}},{"name":"--lr-theme-color-mix-hover","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-color-mix-hover."}},{"name":"--lr-theme-color-mix-partner","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-color-mix-partner."}},{"name":"--lr-theme-color-neutral-border-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral border loud."}},{"name":"--lr-theme-color-neutral-border-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral border normal."}},{"name":"--lr-theme-color-neutral-border-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral border quiet."}},{"name":"--lr-theme-color-neutral-fill-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral fill loud."}},{"name":"--lr-theme-color-neutral-fill-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral fill normal."}},{"name":"--lr-theme-color-neutral-fill-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral fill quiet."}},{"name":"--lr-theme-color-neutral-on-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral on loud."}},{"name":"--lr-theme-color-neutral-on-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral on normal."}},{"name":"--lr-theme-color-neutral-on-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color neutral on quiet."}},{"name":"--lr-theme-color-no-data","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color no data."}},{"name":"--lr-theme-color-on-strong-overlay","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color on strong overlay."}},{"name":"--lr-theme-color-overlay","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color overlay."}},{"name":"--lr-theme-color-overlay-strong","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color overlay strong."}},{"name":"--lr-theme-color-shadow","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-color-shadow."}},{"name":"--lr-theme-color-success-border-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success border loud."}},{"name":"--lr-theme-color-success-border-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success border normal."}},{"name":"--lr-theme-color-success-border-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success border quiet."}},{"name":"--lr-theme-color-success-fill-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success fill loud."}},{"name":"--lr-theme-color-success-fill-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success fill normal."}},{"name":"--lr-theme-color-success-fill-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success fill quiet."}},{"name":"--lr-theme-color-success-on-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success on loud."}},{"name":"--lr-theme-color-success-on-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success on normal."}},{"name":"--lr-theme-color-success-on-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color success on quiet."}},{"name":"--lr-theme-color-surface-border","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color surface border."}},{"name":"--lr-theme-color-surface-default","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color surface default."}},{"name":"--lr-theme-color-surface-overlay","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color surface overlay."}},{"name":"--lr-theme-color-surface-raised","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color surface raised."}},{"name":"--lr-theme-color-text-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color text normal."}},{"name":"--lr-theme-color-text-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color text quiet."}},{"name":"--lr-theme-color-warning-border-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning border loud."}},{"name":"--lr-theme-color-warning-border-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning border normal."}},{"name":"--lr-theme-color-warning-border-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning border quiet."}},{"name":"--lr-theme-color-warning-fill-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning fill loud."}},{"name":"--lr-theme-color-warning-fill-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning fill normal."}},{"name":"--lr-theme-color-warning-fill-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning fill quiet."}},{"name":"--lr-theme-color-warning-on-loud","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning on loud."}},{"name":"--lr-theme-color-warning-on-normal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning on normal."}},{"name":"--lr-theme-color-warning-on-quiet","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for color warning on quiet."}},{"name":"--lr-theme-duration-fast","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-duration-fast."}},{"name":"--lr-theme-duration-icon","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-duration-icon."}},{"name":"--lr-theme-duration-normal","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-duration-base."}},{"name":"--lr-theme-duration-slow","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-duration-ambient."}},{"name":"--lr-theme-easing-emphasized","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-easing-emphasized."}},{"name":"--lr-theme-easing-linear","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-easing-linear."}},{"name":"--lr-theme-easing-standard","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-easing-standard."}},{"name":"--lr-theme-focus-ring-offset","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for focus ring offset."}},{"name":"--lr-theme-focus-ring-width","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for focus ring width."}},{"name":"--lr-theme-font-family-body","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font family body."}},{"name":"--lr-theme-font-family-mono","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font family mono."}},{"name":"--lr-theme-font-size-2xl","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size 2xl."}},{"name":"--lr-theme-font-size-2xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size 2xs."}},{"name":"--lr-theme-font-size-3xl","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size 3xl."}},{"name":"--lr-theme-font-size-3xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size 3xs."}},{"name":"--lr-theme-font-size-lg","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size lg."}},{"name":"--lr-theme-font-size-m","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size m."}},{"name":"--lr-theme-font-size-md-sm","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size md sm."}},{"name":"--lr-theme-font-size-sm","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size sm."}},{"name":"--lr-theme-font-size-xl","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size xl."}},{"name":"--lr-theme-font-size-xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for font size xs."}},{"name":"--lr-theme-font-weight-bold","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-font-weight-bold."}},{"name":"--lr-theme-font-weight-medium","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-font-weight-medium."}},{"name":"--lr-theme-font-weight-normal","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-font-weight-normal."}},{"name":"--lr-theme-font-weight-semibold","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-font-weight-semibold."}},{"name":"--lr-theme-graph-cat-1","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 1."}},{"name":"--lr-theme-graph-cat-2","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 2."}},{"name":"--lr-theme-graph-cat-3","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 3."}},{"name":"--lr-theme-graph-cat-4","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 4."}},{"name":"--lr-theme-graph-cat-5","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 5."}},{"name":"--lr-theme-graph-cat-6","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 6."}},{"name":"--lr-theme-graph-cat-7","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 7."}},{"name":"--lr-theme-graph-cat-8","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for graph cat 8."}},{"name":"--lr-theme-hover-brightness","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-hover-brightness."}},{"name":"--lr-theme-icon-button-size","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for icon button size."}},{"name":"--lr-theme-line-height-1-4","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-1-4."}},{"name":"--lr-theme-line-height-compact","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-compact."}},{"name":"--lr-theme-line-height-loose","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-loose."}},{"name":"--lr-theme-line-height-none","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-none."}},{"name":"--lr-theme-line-height-normal","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-normal."}},{"name":"--lr-theme-line-height-snug","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-line-height-snug."}},{"name":"--lr-theme-opacity-disabled","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-opacity-disabled."}},{"name":"--lr-theme-opacity-muted","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-opacity-muted."}},{"name":"--lr-theme-otp-input-segment-size","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-otp-input-segment-size."}},{"name":"--lr-theme-popover-viewport-clamp","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-popover-viewport-clamp."}},{"name":"--lr-theme-scroll-fade-size","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-scroll-fade-size."}},{"name":"--lr-theme-shadow-color","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow color."}},{"name":"--lr-theme-shadow-l","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow l."}},{"name":"--lr-theme-shadow-m","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow m."}},{"name":"--lr-theme-shadow-s","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow s."}},{"name":"--lr-theme-shadow-xl","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow xl."}},{"name":"--lr-theme-shadow-xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for shadow xs."}},{"name":"--lr-theme-size-0-02em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-02em."}},{"name":"--lr-theme-size-0-03em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-03em."}},{"name":"--lr-theme-size-0-04em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-04em."}},{"name":"--lr-theme-size-0-05rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-05rem."}},{"name":"--lr-theme-size-0-0625rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-0625rem."}},{"name":"--lr-theme-size-0-09375rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-09375rem."}},{"name":"--lr-theme-size-0-125rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-125rem."}},{"name":"--lr-theme-size-0-15rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-15rem."}},{"name":"--lr-theme-size-0-1875rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-1875rem."}},{"name":"--lr-theme-size-0-1rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-1rem."}},{"name":"--lr-theme-size-0-25rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-25rem."}},{"name":"--lr-theme-size-0-3125rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-3125rem."}},{"name":"--lr-theme-size-0-35em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-35em."}},{"name":"--lr-theme-size-0-375rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-375rem."}},{"name":"--lr-theme-size-0-3em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-3em."}},{"name":"--lr-theme-size-0-4375rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-4375rem."}},{"name":"--lr-theme-size-0-4em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-4em."}},{"name":"--lr-theme-size-0-4rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-4rem."}},{"name":"--lr-theme-size-0-5em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-5em."}},{"name":"--lr-theme-size-0-5rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-5rem."}},{"name":"--lr-theme-size-0-625rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-625rem."}},{"name":"--lr-theme-size-0-6875rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-6875rem."}},{"name":"--lr-theme-size-0-6rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-6rem."}},{"name":"--lr-theme-size-0-75em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-75em."}},{"name":"--lr-theme-size-0-75rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-75rem."}},{"name":"--lr-theme-size-0-7em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-7em."}},{"name":"--lr-theme-size-0-875em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-875em."}},{"name":"--lr-theme-size-0-8rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-8rem."}},{"name":"--lr-theme-size-0-9375rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-0-9375rem."}},{"name":"--lr-theme-size-1-0625rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-0625rem."}},{"name":"--lr-theme-size-1-1rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-1rem."}},{"name":"--lr-theme-size-1-25rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-25rem."}},{"name":"--lr-theme-size-1-5em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-5em."}},{"name":"--lr-theme-size-1-5rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-5rem."}},{"name":"--lr-theme-size-1-75rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-75rem."}},{"name":"--lr-theme-size-1-875rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1-875rem."}},{"name":"--lr-theme-size-10px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-10px."}},{"name":"--lr-theme-size-10rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-10rem."}},{"name":"--lr-theme-size-12em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-12em."}},{"name":"--lr-theme-size-12rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-12rem."}},{"name":"--lr-theme-size-14px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-14px."}},{"name":"--lr-theme-size-14rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-14rem."}},{"name":"--lr-theme-size-15rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-15rem."}},{"name":"--lr-theme-size-16px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-16px."}},{"name":"--lr-theme-size-16rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-16rem."}},{"name":"--lr-theme-size-18rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-18rem."}},{"name":"--lr-theme-size-1em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1em."}},{"name":"--lr-theme-size-1px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1px."}},{"name":"--lr-theme-size-1rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-1rem."}},{"name":"--lr-theme-size-2-25rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-2-25rem."}},{"name":"--lr-theme-size-2-5ch","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-2-5ch."}},{"name":"--lr-theme-size-2-5rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-2-5rem."}},{"name":"--lr-theme-size-20rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-20rem."}},{"name":"--lr-theme-size-22rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-22rem."}},{"name":"--lr-theme-size-24px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-24px."}},{"name":"--lr-theme-size-24rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-24rem."}},{"name":"--lr-theme-size-280px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-280px."}},{"name":"--lr-theme-size-28px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-28px."}},{"name":"--lr-theme-size-28rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-28rem."}},{"name":"--lr-theme-size-2px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-2px."}},{"name":"--lr-theme-size-2rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-2rem."}},{"name":"--lr-theme-size-3-5em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-3-5em."}},{"name":"--lr-theme-size-3-5rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-3-5rem."}},{"name":"--lr-theme-size-30rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-30rem."}},{"name":"--lr-theme-size-32rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-32rem."}},{"name":"--lr-theme-size-36rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-36rem."}},{"name":"--lr-theme-size-38rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-38rem."}},{"name":"--lr-theme-size-3ch","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-3ch."}},{"name":"--lr-theme-size-3px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-3px."}},{"name":"--lr-theme-size-3rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-3rem."}},{"name":"--lr-theme-size-48rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-48rem."}},{"name":"--lr-theme-size-4ch","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-4ch."}},{"name":"--lr-theme-size-4px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-4px."}},{"name":"--lr-theme-size-4rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-4rem."}},{"name":"--lr-theme-size-5em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-5em."}},{"name":"--lr-theme-size-5rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-5rem."}},{"name":"--lr-theme-size-6ch","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-6ch."}},{"name":"--lr-theme-size-6em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-6em."}},{"name":"--lr-theme-size-6px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-6px."}},{"name":"--lr-theme-size-6rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-6rem."}},{"name":"--lr-theme-size-7rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-7rem."}},{"name":"--lr-theme-size-8em","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-8em."}},{"name":"--lr-theme-size-8rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-8rem."}},{"name":"--lr-theme-size-neg-0-15rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-0-15rem."}},{"name":"--lr-theme-size-neg-0-25rem","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-0-25rem."}},{"name":"--lr-theme-size-neg-1px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-1px."}},{"name":"--lr-theme-size-neg-4px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-4px."}},{"name":"--lr-theme-size-neg-6px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-6px."}},{"name":"--lr-theme-size-neg-8px","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-size-neg-8px."}},{"name":"--lr-theme-space-2xl","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space 2xl."}},{"name":"--lr-theme-space-2xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space 2xs."}},{"name":"--lr-theme-space-l","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space l."}},{"name":"--lr-theme-space-m","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space m."}},{"name":"--lr-theme-space-s","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space s."}},{"name":"--lr-theme-space-xs","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for space xs."}},{"name":"--lr-theme-terminal-bg-black","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg black."}},{"name":"--lr-theme-terminal-bg-blue","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg blue."}},{"name":"--lr-theme-terminal-bg-bright-black","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright black."}},{"name":"--lr-theme-terminal-bg-bright-blue","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright blue."}},{"name":"--lr-theme-terminal-bg-bright-cyan","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright cyan."}},{"name":"--lr-theme-terminal-bg-bright-green","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright green."}},{"name":"--lr-theme-terminal-bg-bright-magenta","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright magenta."}},{"name":"--lr-theme-terminal-bg-bright-red","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright red."}},{"name":"--lr-theme-terminal-bg-bright-white","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright white."}},{"name":"--lr-theme-terminal-bg-bright-yellow","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg bright yellow."}},{"name":"--lr-theme-terminal-bg-cyan","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg cyan."}},{"name":"--lr-theme-terminal-bg-green","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg green."}},{"name":"--lr-theme-terminal-bg-magenta","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg magenta."}},{"name":"--lr-theme-terminal-bg-red","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg red."}},{"name":"--lr-theme-terminal-bg-white","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg white."}},{"name":"--lr-theme-terminal-bg-yellow","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal bg yellow."}},{"name":"--lr-theme-terminal-color-black","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color black."}},{"name":"--lr-theme-terminal-color-blue","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color blue."}},{"name":"--lr-theme-terminal-color-bright-black","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright black."}},{"name":"--lr-theme-terminal-color-bright-blue","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright blue."}},{"name":"--lr-theme-terminal-color-bright-cyan","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright cyan."}},{"name":"--lr-theme-terminal-color-bright-green","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright green."}},{"name":"--lr-theme-terminal-color-bright-magenta","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright magenta."}},{"name":"--lr-theme-terminal-color-bright-red","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright red."}},{"name":"--lr-theme-terminal-color-bright-white","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright white."}},{"name":"--lr-theme-terminal-color-bright-yellow","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color bright yellow."}},{"name":"--lr-theme-terminal-color-cyan","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color cyan."}},{"name":"--lr-theme-terminal-color-green","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color green."}},{"name":"--lr-theme-terminal-color-magenta","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color magenta."}},{"name":"--lr-theme-terminal-color-red","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color red."}},{"name":"--lr-theme-terminal-color-white","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color white."}},{"name":"--lr-theme-terminal-color-yellow","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for terminal color yellow."}},{"name":"--lr-theme-transition-fast","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-transition-fast."}},{"name":"--lr-theme-transition-normal","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-transition-base."}},{"name":"--lr-theme-transition-slow","description":{"kind":"markdown","value":"**Application theme input** — Application theme input for --lr-transition-ambient."}},{"name":"--lr-theme-z-index-base","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index base."}},{"name":"--lr-theme-z-index-content","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index content."}},{"name":"--lr-theme-z-index-dropdown","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index dropdown."}},{"name":"--lr-theme-z-index-modal","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index modal."}},{"name":"--lr-theme-z-index-popover","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index popover."}},{"name":"--lr-theme-z-index-toast","description":{"kind":"markdown","value":"**Application theme input** — Canonical application theme input for z index toast."}},{"name":"--lr-thinking-panel-compact-body-padding","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-space-s)`) — `[part=\"body\"]` padding while `compact`."}},{"name":"--lr-thinking-panel-compact-header-font-size","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-font-size-sm)`) — Font size of `[part=\"header\"]` while `compact`."}},{"name":"--lr-thinking-panel-compact-header-gap","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-space-2xs)`) — Gap between the header toggle, label, and duration while `compact`."}},{"name":"--lr-thinking-panel-compact-header-padding","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-space-2xs) var(--lr-space-s)`) — `[part=\"header\"]` padding while `compact`."}},{"name":"--lr-thinking-panel-max-block-size","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-size-16rem)`) — Cap on how tall the expanded reasoning transcript grows before `[part=\"body\"]` scrolls internally."}},{"name":"--lr-thinking-panel-pending-color","description":{"kind":"markdown","value":"**`<lr-thinking-panel>`** (default: `var(--lr-color-brand)`) — Live pending-state color."}},{"name":"--lr-thread-list-excerpt-highlight-background","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-color-warning-quiet)`) — Background of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-foreground","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `inherit`) — Foreground of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-padding","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `0`) — Padding of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-excerpt-highlight-radius","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-radius-xs)`) — Corner radius of `<mark>` descendants returned by `renderExcerpt`."}},{"name":"--lr-thread-list-group-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `color-mix(in oklab, var(--lr-thread-list-group-toggle-hover-bg, var(--lr-color-surface-raised)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Group-toggle pressed background."}},{"name":"--lr-thread-list-group-toggle-active-color","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-thread-list-group-toggle-hover-color, var(--lr-color-text))`) — Group-toggle pressed foreground."}},{"name":"--lr-thread-list-group-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-color-surface-raised)`) — Group-toggle hover background."}},{"name":"--lr-thread-list-group-toggle-hover-color","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-color-text)`) — Group-toggle hover foreground."}},{"name":"--lr-thread-list-row-action-active-bg","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `color-mix(in oklab, var(--lr-thread-list-row-action-hover-bg, var(--lr-color-surface-raised)), var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Row-action pressed background."}},{"name":"--lr-thread-list-row-action-active-color","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-thread-list-row-action-hover-color, var(--lr-color-text))`) — Row-action pressed foreground."}},{"name":"--lr-thread-list-row-action-hover-bg","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-color-surface-raised)`) — Row-action hover background."}},{"name":"--lr-thread-list-row-action-hover-color","description":{"kind":"markdown","value":"**`<lr-thread-list>`** (default: `var(--lr-color-text)`) — Row-action hover foreground."}},{"name":"--lr-time-input-action-active-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** — Clear/expand/Now pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-action-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-text-quiet)`) — Resting clear/expand color."}},{"name":"--lr-time-input-action-hover-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-brand-quiet)`) — Clear/expand/Now hover fill."}},{"name":"--lr-time-input-action-hover-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-text)`) — Hovered clear/expand color."}},{"name":"--lr-time-input-border-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-border)`) — Outer row border color, with appearance-specific fallbacks."}},{"name":"--lr-time-input-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-text)`) — Outer row text color, including the accent appearance fallback."}},{"name":"--lr-time-input-column-active-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** — Picker-option pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-column-hover-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-brand-quiet)`) — Picker-option hover fill."}},{"name":"--lr-time-input-column-selected-active-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** — Selected-option pressed fill; derived when unset."}},{"name":"--lr-time-input-column-selected-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-brand)`) — Selected option fill."}},{"name":"--lr-time-input-column-selected-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-on-brand)`) — Selected option text."}},{"name":"--lr-time-input-column-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-font-weight-semibold)`) — Selected option weight."}},{"name":"--lr-time-input-column-selected-hover-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** — Selected-option hover fill; derived when unset."}},{"name":"--lr-time-input-fill","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `transparent`) — Outer row background, with appearance-specific fallbacks."}},{"name":"--lr-time-input-focus-border-color","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-brand)`) — Open/focused row border."}},{"name":"--lr-time-input-gap","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-form-control-gap)`) — Gap between segments, adornments, and actions in the outer row. Undeclared on the host so ancestor theme wrappers can set it."}},{"name":"--lr-time-input-radius","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-form-control-radius)`) — Outer row corner radius. `pill` supplies `--lr-radius-pill` only as the fallback, so a component-scoped value wins."}},{"name":"--lr-time-input-segment-active-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** — Segment pressed fill; derived from hover when unset."}},{"name":"--lr-time-input-segment-focus-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-time-input-segment-hover-bg,var(--lr-color-brand-quiet))`) — Keyboard-focused segment fill."}},{"name":"--lr-time-input-segment-hover-bg","description":{"kind":"markdown","value":"**`<lr-time-input>`** (default: `var(--lr-color-brand-quiet)`) — Segment hover fill."}},{"name":"--lr-time-range-base-size","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `1.5rem*scale`) — Brush baseline block size."}},{"name":"--lr-time-range-handle-bg","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Resting handle background."}},{"name":"--lr-time-range-handle-border-color","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-surface)`) — Resting handle border."}},{"name":"--lr-time-range-handle-hover-bg","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Hovered handle background; defaults to a hover-state mix of `--lr-time-range-handle-bg`."}},{"name":"--lr-time-range-handle-pressed-bg","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Pressed handle background; defaults to an active-state mix of `--lr-time-range-handle-bg`."}},{"name":"--lr-time-range-handle-size","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `14px*scale`) — Visible handle diameter."}},{"name":"--lr-time-range-hit-size","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `max(24px,28px*scale)`) — Actual drag hit-area diameter; endpoint handles are inset by half this distance so the hit geometry stays inside the host."}},{"name":"--lr-time-range-preset-active-bg","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Background of the active preset button (`[data-active]`, i.e. the preset whose button produced the current range). Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active preset without hijacking the library-wide `--lr-color-brand` token."}},{"name":"--lr-time-range-preset-active-border-color","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Border color of the active preset button."}},{"name":"--lr-time-range-preset-active-color","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-on-brand)`) — Text color of the active preset button."}},{"name":"--lr-time-range-preset-font-size","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Preset button font size, scaled by `size`."}},{"name":"--lr-time-range-preset-gap","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-space-xs)`) — Gap between preset buttons."}},{"name":"--lr-time-range-preset-hover-border-color","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-color-brand)`) — Border color of a hovered preset button."}},{"name":"--lr-time-range-preset-padding","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Preset button padding, scaled by `size`."}},{"name":"--lr-time-range-preset-pressed-bg","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Background of a pressed preset button; defaults to an active-state mix of `--lr-color-surface`."}},{"name":"--lr-time-range-preset-pressed-border-color","description":{"kind":"markdown","value":"**`<lr-time-range>`** — Border color of a pressed preset button; defaults to an active-state mix of `--lr-color-brand`."}},{"name":"--lr-time-range-preset-radius","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `var(--lr-radius)`) — Preset button corner radius."}},{"name":"--lr-time-range-size-scale","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `1`) — Unitless multiplier applied proportionally to the handle, track, and preset-button dimensions based on the current `size` tier; the drag hit-area is floored at 24px (WCAG 2.5.8)."}},{"name":"--lr-time-range-track-size","description":{"kind":"markdown","value":"**`<lr-time-range>`** (default: `4px*scale`) — Track and selected-range thickness."}},{"name":"--lr-timeline-active-ring-color","description":{"kind":"markdown","value":"**`<lr-timeline-item>`** (default: `var(--lr-timeline-marker-color)`) — Static outline color for the current/in-progress marker. The outline remains visible when reduced motion disables the optional pulse animation."}},{"name":"--lr-timeline-cluster-bg","description":{"kind":"markdown","value":"**`<lr-timeline>`, `<lr-timeline-item>`** (default: `var(--lr-color-brand)`) — Cluster count pill background."}},{"name":"--lr-timeline-cluster-color","description":{"kind":"markdown","value":"**`<lr-timeline>`, `<lr-timeline-item>`** (default: `var(--lr-color-on-brand)`) — Cluster count pill foreground."}},{"name":"--lr-timeline-cluster-size","description":{"kind":"markdown","value":"**`<lr-timeline>`** (default: `var(--lr-size-2rem)`) — Minimum inline and block size of the painted count pill. Its containing button retains the shared 40px minimum action surface.\n\n**`<lr-timeline-item>`** (default: `var(--lr-size-2rem)`) — Minimum inline and block size of the painted cluster count pill. Its containing button retains the shared 40px minimum action surface."}},{"name":"--lr-timeline-collision-offset","description":{"kind":"markdown","value":"**`<lr-timeline>`** (default: `var(--lr-space-l)`) — Cross-axis step between items stacked by `collision=\"stack\"`. Each collision lane is indented one step further, so a wider marker can claim more room without the lanes overlapping again. Ignored unless both `scale=\"time\"` and `collision=\"stack\"` are set."}},{"name":"--lr-timeline-gap","description":{"kind":"markdown","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":"--lr-timeline-marker-color","description":{"kind":"markdown","value":"**`<lr-timeline-item>`** (default: `var(--lr-color-text-quiet)`) — Marker fill/accent color. Its private default changes per `variant` (see the class doc's variant table); a consumer can override it on an ancestor for a themed group or directly on one item, with the direct value winning via the normal cascade."}},{"name":"--lr-timeline-marker-size","description":{"kind":"markdown","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). Inherits from theme ancestors."}},{"name":"--lr-timeline-rail-color","description":{"kind":"markdown","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. Inherits from theme ancestors."}},{"name":"--lr-timeline-rail-width","description":{"kind":"markdown","value":"**`<lr-timeline-item>`** (default: `var(--lr-border-width-medium)`) — Thickness of the connecting rail line. Inherits from theme ancestors."}},{"name":"--lr-timeline-time-extent","description":{"kind":"markdown","value":"**`<lr-timeline>`** (default: `var(--lr-size-20rem)`) — Distance the `scale=\"time\"` axis distributes items along: `block-size` when vertical, `inline-size` when horizontal. Time-scaled items are absolutely positioned, and a percentage offset against an auto-sized track resolves to zero, so the axis needs a definite extent. Horizontal overlap and stack modes measure actual item/lane height independently and update it when content changes. Ignored in the default `scale=\"flow\"`."}},{"name":"--lr-toast-accent-color","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-color-border)`) — Accent bar / icon color of a slotted item. Its private default follows `variant`; an inherited or direct public value wins.\n\n**`<lr-toast-item>`** (default: `var(--lr-color-border)`) — Color of the accent bar and the icon. Its private default follows each non-neutral `variant`'s loud fill from the shared semantic grid; `neutral` keeps the plain border color, so an informational toast reads as unaccented. An inherited or direct public value remains authoritative."}},{"name":"--lr-toast-accent-width","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-size-4px)`) — Width of a slotted item's accent bar. Read by `<lr-toast-item>`'s own stylesheet, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-size-4px)`) — Width of the accent bar, and the extra inline-start padding reserved for it."}},{"name":"--lr-toast-close-button-active-bg","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active))`) — Background of the enabled close button while pressed."}},{"name":"--lr-toast-close-button-active-color","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `var(--lr-color-text)`) — Foreground of the enabled close button while pressed."}},{"name":"--lr-toast-close-button-hover-bg","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `transparent`) — Background of the enabled close button while hovered."}},{"name":"--lr-toast-close-button-hover-color","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `var(--lr-color-text)`) — Foreground of the enabled close button while hovered."}},{"name":"--lr-toast-font-size","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-font-size-m)`) — Font size of a slotted item. Its private default follows `size`; an inherited or direct public value wins.\n\n**`<lr-toast-item>`** (default: `var(--lr-font-size-m)`) — Font size of the item. Its private default follows `size` across the shared six-step ladder; an inherited or direct public value wins."}},{"name":"--lr-toast-gap","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-space-s)`) — Gap between stacked items."}},{"name":"--lr-toast-hide-duration","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Hide transition of a slotted item. Read by `<lr-toast-item>`, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Opacity/transform transition used while hiding."}},{"name":"--lr-toast-item-gap","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `var(--lr-space-s)`) — Gap between the item icon, message, and close button. Unlike `--lr-toast-gap`, this does not affect spacing between stacked items."}},{"name":"--lr-toast-item-radius","description":{"kind":"markdown","value":"**`<lr-toast-item>`** (default: `var(--lr-radius)`) — Corner radius of the item surface and its accent bar's inline-start corners. Pointer-state hooks are inline fallbacks, so they inherit from the item or an ancestor without recoloring the item surface or the stack."}},{"name":"--lr-toast-padding","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-space-m)`) — Padding of a slotted item. Its private default follows `size`; an inherited or direct public value wins.\n\n**`<lr-toast-item>`** (default: `var(--lr-space-m)`) — Padding of the item. Its private default follows `size` across the shared six-step ladder; an inherited or direct public value wins."}},{"name":"--lr-toast-show-duration","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Show transition of a slotted item. Read by `<lr-toast-item>`, so set it on the item.\n\n**`<lr-toast-item>`** (default: `var(--lr-transition-base, 180ms ease-out)`) — Opacity/transform transition used while showing."}},{"name":"--lr-toast-width","description":{"kind":"markdown","value":"**`<lr-toast>`** (default: `var(--lr-size-28rem)`) — Inline size of the stack, capped by the usable logical safe-area rectangle."}},{"name":"--lr-token-input-action-hover-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-color-brand-quiet)`) — Edit/remove hover background."}},{"name":"--lr-token-input-control-height","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Exact input-wrapper height. Unset by default, which leaves `--lr-token-input-control-min-height` as a floor only; set it to a length to both floor and cap the row (e.g. to pixel-match a sibling field in the same toolbar row). An uncapped row grows as tokens wrap; a capped row clips inline overflow and intentionally scrolls in the block axis so wrapped tokens and their hit-area-floored actions remain reachable. Because it is never declared by the component itself, it can be set from an ancestor or an outer-tree rule as well as inline on the element."}},{"name":"--lr-token-input-control-min-height","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-form-control-height)`) — Input-wrapper block-size floor. Reads the shared form-control height ladder, so retuning `--lr-theme-form-control-height-*` moves this control and every sibling field together."}},{"name":"--lr-token-input-edit-hover-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-token-input-action-hover-bg)`) — Editable token label hover background, independently themeable from the remove action."}},{"name":"--lr-token-input-edit-pressed-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Editable token label pressed background; defaults to an active-state mix of `--lr-token-input-edit-hover-bg`."}},{"name":"--lr-token-input-editor-inline-size","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-size-6rem)`) — Inline size of the inline token editor opened by `editable`."}},{"name":"--lr-token-input-focus-border-color","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-color-brand)`) — Focused row border color."}},{"name":"--lr-token-input-font-size","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Input-wrapper/token font size, scaled by `size`."}},{"name":"--lr-token-input-gap","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-space-xs)`) — Gap between form/row children."}},{"name":"--lr-token-input-input-inline-size","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-size-8rem)`) — `flex-basis` of the native text input within the token row."}},{"name":"--lr-token-input-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-color-danger)`) — Invalid row border color."}},{"name":"--lr-token-input-min-input-inline-size","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-size-4rem)`) — Inline-size floor of the native text input, so it stays usable once tokens wrap."}},{"name":"--lr-token-input-padding","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Input-wrapper padding, scaled by `size`."}},{"name":"--lr-token-input-radius","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-radius)`) — Row/token corner radius. `pill` changes its private default to `--lr-radius-pill`; an inherited or direct public value still wins."}},{"name":"--lr-token-input-remove-hover-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-token-input-action-hover-bg)`) — Remove action hover background, independently themeable from the editable label."}},{"name":"--lr-token-input-remove-pressed-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Remove action pressed background; defaults to an active-state mix of `--lr-token-input-remove-hover-bg`."}},{"name":"--lr-token-input-token-bg","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-color-brand-quiet)`) — Token chip background."}},{"name":"--lr-token-input-token-gap","description":{"kind":"markdown","value":"**`<lr-token-input>`** (default: `var(--lr-space-2xs)`) — Gap inside token chips."}},{"name":"--lr-token-input-token-padding","description":{"kind":"markdown","value":"**`<lr-token-input>`** — Per-token chip padding, scaled by `size`."}},{"name":"--lr-tool-approval-dialog-hover-border-color","description":{"kind":"markdown","value":"**`<lr-tool-approval-dialog>`** (default: `var(--lr-color-brand)`) — Border color of a valid, editable raw-JSON args editor on hover. Invalid and pending states retain their semantic chrome."}},{"name":"--lr-tool-approval-dialog-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-tool-approval-dialog>`** (default: `var(--lr-color-danger)`) — Border color of an invalid raw-JSON editor."}},{"name":"--lr-tool-approval-dialog-mono-font","description":{"kind":"markdown","value":"**`<lr-tool-approval-dialog>`** (default: `var(--lr-font-mono)`) — Font family for the tool name and the raw-JSON args editor."}},{"name":"--lr-tool-approval-dialog-overlay-color","description":{"kind":"markdown","value":"**`<lr-tool-approval-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-tool-call-chip-accent","description":{"kind":"markdown","value":"**`<lr-tool-call-chip>`** (default: `var(--lr-color-text-quiet)`) — Accent color for the status glyph and text. Its private default follows `status` (`running` → brand, `success` → success, `error` → danger, `denied` → warning); an inherited or direct public override always wins."}},{"name":"--lr-tool-call-chip-bg","description":{"kind":"markdown","value":"**`<lr-tool-call-chip>`** (default: `var(--lr-color-surface)`) — Chip background. Its private default follows the same `status` rules using each status's `-quiet` tint; a public override wins."}},{"name":"--lr-tool-call-chip-border","description":{"kind":"markdown","value":"**`<lr-tool-call-chip>`** (default: `var(--lr-color-border)`) — Chip border color. Its private default becomes transparent for every non-`pending` status; a public override wins."}},{"name":"--lr-tool-call-chip-spin","description":{"kind":"markdown","value":"**`<lr-tool-call-chip>`** (default: `var(--lr-transition-ambient)`) — Running-icon animation duration and timing."}},{"name":"--lr-tool-param-form-invalid-border-color","description":{"kind":"markdown","value":"**`<lr-tool-param-form>`** (default: `var(--lr-color-danger)`) — Border color of an invalid generated native text or number input."}},{"name":"--lr-tool-result-dialog-denied-bg","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-warning-quiet)`) — Denied status background."}},{"name":"--lr-tool-result-dialog-denied-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-warning)`) — Denied status foreground."}},{"name":"--lr-tool-result-dialog-error-bg","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-danger-quiet)`) — Error status background."}},{"name":"--lr-tool-result-dialog-error-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-danger)`) — Error status foreground."}},{"name":"--lr-tool-result-dialog-maximized-inset","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** — Insets for the maximized panel."}},{"name":"--lr-tool-result-dialog-overlay-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop color."}},{"name":"--lr-tool-result-dialog-pending-bg","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `transparent`) — Pending status background."}},{"name":"--lr-tool-result-dialog-pending-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-text-quiet)`) — Pending status foreground."}},{"name":"--lr-tool-result-dialog-running-bg","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-brand-quiet)`) — Running status background."}},{"name":"--lr-tool-result-dialog-running-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-brand)`) — Running status foreground."}},{"name":"--lr-tool-result-dialog-spin","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-transition-ambient)`) — Running-status animation duration and timing."}},{"name":"--lr-tool-result-dialog-success-bg","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-success-quiet)`) — Success status background."}},{"name":"--lr-tool-result-dialog-success-color","description":{"kind":"markdown","value":"**`<lr-tool-result-dialog>`** (default: `var(--lr-color-success)`) — Success status foreground."}},{"name":"--lr-tool-result-view-font","description":{"kind":"markdown","value":"**`<lr-tool-result-view>`** (default: `var(--lr-font-mono)`) — Font family for the `fallback=\"text\"` preformatted output."}},{"name":"--lr-tool-select-dialog-overlay-color","description":{"kind":"markdown","value":"**`<lr-tool-select-dialog>`** (default: `var(--lr-color-overlay)`) — Backdrop scrim color."}},{"name":"--lr-tool-timeline-approved-bg","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-success-quiet)`) — Approved badge background."}},{"name":"--lr-tool-timeline-approved-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-success)`) — Approved badge foreground."}},{"name":"--lr-tool-timeline-denied-bg","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-danger-quiet)`) — Denied badge background."}},{"name":"--lr-tool-timeline-denied-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-danger)`) — Denied badge foreground."}},{"name":"--lr-tool-timeline-denied-marker-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-warning)`) — Rail-dot color for a `status=\"denied\"` entry, decoupled from the pending-approval border below so a consumer can retint either independently."}},{"name":"--lr-tool-timeline-error-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-danger)`) — Expanded error text."}},{"name":"--lr-tool-timeline-error-marker-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-danger)`) — Error rail dot."}},{"name":"--lr-tool-timeline-gap","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-space-l)`) — Vertical gap between entries."}},{"name":"--lr-tool-timeline-marker-size","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-size-0-625rem)`) — Diameter of an entry's rail dot; also the width of the marker gutter column."}},{"name":"--lr-tool-timeline-pending-approval-border-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-warning)`) — Color of the entry body's leading border while `data-pending-approval=\"true\"`."}},{"name":"--lr-tool-timeline-pending-marker-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-text-quiet)`) — Rail-dot color for a `status=\"pending\"` entry."}},{"name":"--lr-tool-timeline-running-marker-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-brand)`) — Running rail dot."}},{"name":"--lr-tool-timeline-success-marker-color","description":{"kind":"markdown","value":"**`<lr-tool-timeline>`** (default: `var(--lr-color-success)`) — Success rail dot."}},{"name":"--lr-tooltip-arrow-size","description":{"kind":"markdown","value":"**`<lr-tooltip>`** — Retained Lyra fallback for `--arrow-size`."}},{"name":"--lr-tooltip-background","description":{"kind":"markdown","value":"**`<lr-tooltip>`** — Tooltip background color (default `--lr-color-neutral`)."}},{"name":"--lr-tooltip-color","description":{"kind":"markdown","value":"**`<lr-tooltip>`** — Tooltip text color (default `--lr-color-on-neutral`)."}},{"name":"--lr-tooltip-max-inline-size","description":{"kind":"markdown","value":"**`<lr-tooltip>`** — Retained Lyra fallback for `--max-width`."}},{"name":"--lr-tour-backdrop-color","description":{"kind":"markdown","value":"**`<lr-tour>`** — Backdrop scrim fill. Defaults to `--lr-color-overlay`."}},{"name":"--lr-tour-popover-max-width","description":{"kind":"markdown","value":"**`<lr-tour>`** — Maximum popover inline size. Defaults to `--lr-size-22rem`."}},{"name":"--lr-tour-progress-dot-current-bg","description":{"kind":"markdown","value":"**`<lr-tour>`** (default: `var(--lr-color-brand)`) — Background of `progress-dot` for the current step, without repainting every other component that reuses the shared brand token."}},{"name":"--lr-tour-spotlight-radius","description":{"kind":"markdown","value":"**`<lr-tour>`** — Corner radius shared by the cutout and the ring. Defaults to `--lr-radius`."}},{"name":"--lr-tour-spotlight-ring-color","description":{"kind":"markdown","value":"**`<lr-tour>`** — Spotlight ring color. Defaults to `--lr-color-brand`."}},{"name":"--lr-tour-spotlight-ring-width","description":{"kind":"markdown","value":"**`<lr-tour>`** — Spotlight ring thickness. Defaults to `--lr-border-width-medium`."}},{"name":"--lr-trace-tree-bar-track-bg","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-surface-raised)`) — Duration bar track."}},{"name":"--lr-trace-tree-denied-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-warning)`) — Denied status text and bar."}},{"name":"--lr-trace-tree-error-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-danger)`) — Error status text and bar."}},{"name":"--lr-trace-tree-max-indent","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-size-12rem)`) — Maximum visual nesting indentation; semantic `aria-level` remains exact at deeper levels."}},{"name":"--lr-trace-tree-pending-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-text-quiet)`) — Pending status text and bar."}},{"name":"--lr-trace-tree-row-active-bg","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-brand-quiet)`) — Background of the active (`activeSpanId`) row. Shadow Parts forbids an attribute selector after `::part()`, so the active row could otherwise only be restyled by hijacking the library-wide `--lr-color-brand-quiet` token. Pairs with `--lr-trace-tree-row-active-color`: set both together, since the defaults assume the active background stays on the same side of the lightness midpoint as the ambient surface — a dark tint in light mode needs the matching text color set too, or the row's secondary text drops below the WCAG AA contrast floor."}},{"name":"--lr-trace-tree-row-active-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-text)`) — Foreground reference for the active (`activeSpanId`) row. It sets the color of that row's secondary text (`detail`, `duration`, `tokens-in`, `tokens-out`, `cost`, and the `pending` status label), which is raised from the quiet token to full-strength text so it clears WCAG AA against the active row's tint. The semantic status labels keep their own hue but are mixed 25% toward this same value, so overriding it re-aims every foreground on the row at once rather than leaving the status colors stranded. See the pairing caveat on `--lr-trace-tree-row-active-bg`."}},{"name":"--lr-trace-tree-running-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-brand)`) — Running status text and stripe."}},{"name":"--lr-trace-tree-running-stripe-bg","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-brand-quiet)`) — Running stripe contrast."}},{"name":"--lr-trace-tree-success-color","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-success)`) — Success status text and bar."}},{"name":"--lr-trace-tree-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-trace-tree>`** (default: `var(--lr-color-brand-quiet)`) — Toggle hover background."}},{"name":"--lr-transition-ambient","description":{"kind":"markdown","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**Shared design token** — Canonical shared component token for transition ambient. Reads `--lr-theme-transition-slow`."}},{"name":"--lr-transition-base","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for transition base. Reads `--lr-theme-transition-normal`."}},{"name":"--lr-transition-fast","description":{"kind":"markdown","value":"**Shared design token** — Canonical shared component token for transition fast. Reads `--lr-theme-transition-fast`."}},{"name":"--lr-tree-badge-brand-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand-quiet)`) — Brand badge background."}},{"name":"--lr-tree-badge-brand-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Brand badge text color."}},{"name":"--lr-tree-badge-danger-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-danger-quiet)`) — Danger badge background."}},{"name":"--lr-tree-badge-danger-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-danger)`) — Danger badge text color."}},{"name":"--lr-tree-badge-neutral-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-surface)`) — Neutral badge background."}},{"name":"--lr-tree-badge-neutral-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-text-quiet)`) — Neutral badge text color."}},{"name":"--lr-tree-badge-success-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-success-quiet)`) — Success badge background."}},{"name":"--lr-tree-badge-success-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-success)`) — Success badge text color."}},{"name":"--lr-tree-badge-warning-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-warning-quiet)`) — Warning badge background."}},{"name":"--lr-tree-badge-warning-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-warning)`) — Warning badge text color."}},{"name":"--lr-tree-checkbox-checked-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Checked control background."}},{"name":"--lr-tree-checkbox-checked-border-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Checked control border."}},{"name":"--lr-tree-checkbox-checked-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-on-brand)`) — Checked glyph color."}},{"name":"--lr-tree-checkbox-indeterminate-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Indeterminate control background."}},{"name":"--lr-tree-checkbox-indeterminate-border-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Indeterminate control border."}},{"name":"--lr-tree-checkbox-indeterminate-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-on-brand)`) — Indeterminate glyph color."}},{"name":"--lr-tree-depth","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `0`) — Internal indent plumbing, not a retheming knob: this node's `depth`, written inline onto `[part=\"row\"]` by the component and multiplied by `--indent-size` (capped at `--lr-size-8rem`) to produce the row's `padding-inline-start`."}},{"name":"--lr-tree-selected-bg","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand-quiet)`) — Background of the selected row."}},{"name":"--lr-tree-selected-color","description":{"kind":"markdown","value":"**`<lr-tree-item>`** (default: `var(--lr-color-brand)`) — Text color of the selected row."}},{"name":"--lr-typing-dot-size","description":{"kind":"markdown","value":"**`<lr-typing-indicator>`** (default: `var(--lr-space-s)`) — Diameter of each dot in the `dots` and `pulse` variants. The `size` property supplies compact and roomy tier overrides."}},{"name":"--lr-typing-dot-stagger-1","description":{"kind":"markdown","value":"**`<lr-typing-indicator>`** (default: `600ms`) — Delay for the second dot in the dots variant."}},{"name":"--lr-typing-dot-stagger-2","description":{"kind":"markdown","value":"**`<lr-typing-indicator>`** (default: `1200ms`) — Delay for the third dot in the dots variant."}},{"name":"--lr-typing-duration","description":{"kind":"markdown","value":"**`<lr-typing-indicator>`** (default: `var(--lr-transition-ambient)`) — Animation duration and timing function for the dot-bounce/pulse/cursor-blink loop, shared by all variants. Aliases the shared `--lr-transition-ambient` token (default `1.8s ease-in-out`) by default, so retiming just this component doesn't affect other ambient-looping components in the library."}},{"name":"--lr-typing-gap","description":{"kind":"markdown","value":"**`<lr-typing-indicator>`** (default: `var(--lr-space-xs)`) — Gap between dots in the `dots` variant. The `size` property supplies compact and roomy tier overrides."}},{"name":"--lr-video-playlist-item-current-background","description":{"kind":"markdown","value":"**`<lr-video-playlist>`** (default: `var(--lr-color-brand-fill-quiet)`) — Current playlist-item background."}},{"name":"--lr-video-playlist-item-current-border-color","description":{"kind":"markdown","value":"**`<lr-video-playlist>`** (default: `var(--lr-color-brand)`) — Current playlist-item border color."}},{"name":"--lr-video-poster-play-button-hover-background","description":{"kind":"markdown","value":"**`<lr-video>`** (default: `color-mix(...)`) — Poster play-button hover background."}},{"name":"--lr-video-poster-play-button-hover-border-color","description":{"kind":"markdown","value":"**`<lr-video>`** (default: `var(--lr-color-brand)`) — Poster play-button hover border color."}},{"name":"--lr-virtual-list-height","description":{"kind":"markdown","value":"**`<lr-virtual-list>`** (default: `var(--lr-size-24rem)`) — The scroll viewport's height. A virtualized list needs a bounded scroll extent, so this ships a default rather than collapsing to zero when a caller does not size the host."}},{"name":"--lr-virtual-list-hover-outline-color","description":{"kind":"markdown","value":"**`<lr-virtual-list>`** (default: `var(--lr-color-border-strong)`) — Outline color of the mouse-hover preview on `[part=\"base\"]` (a subtler, always-focusable-target preview of its own `:focus-visible` ring). Set to `transparent` to opt out of the hover treatment entirely."}},{"name":"--lr-virtual-list-hover-outline-offset","description":{"kind":"markdown","value":"**`<lr-virtual-list>`** (default: `calc(-1 * var(--lr-border-width-thin))`) — Inward offset of the mouse-hover preview on `[part=\"base\"]`, keeping the outline inside its own scrollport so it is not clipped at the edge."}},{"name":"--lr-virtual-list-hover-outline-style","description":{"kind":"markdown","value":"**`<lr-virtual-list>`** (default: `solid`) — Outline style of the mouse-hover preview on `[part=\"base\"]`."}},{"name":"--lr-virtual-list-hover-outline-width","description":{"kind":"markdown","value":"**`<lr-virtual-list>`** (default: `var(--lr-border-width-thin)`) — Outline width of the mouse-hover preview on `[part=\"base\"]`."}},{"name":"--lr-voice-picker-gap","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-space-xs)`) — Gap between the field and preview action, and between trigger, combobox, and option children."}},{"name":"--lr-voice-picker-open-border-color","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Open trigger border color."}},{"name":"--lr-voice-picker-option-active-bg","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand-quiet)`) — Active option fill."}},{"name":"--lr-voice-picker-option-selected-bg","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `transparent`) — Selected option fill."}},{"name":"--lr-voice-picker-option-selected-border","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Selected option border."}},{"name":"--lr-voice-picker-option-selected-color","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Selected option text."}},{"name":"--lr-voice-picker-option-selected-font-weight","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-font-weight-semibold)`) — Selected option label weight."}},{"name":"--lr-voice-picker-option-synthetic-border-color","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-border)`) — Border color of a synthetic stale-value option row."}},{"name":"--lr-voice-picker-option-synthetic-border-style","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `dashed`) — Border style of a synthetic stale-value option row."}},{"name":"--lr-voice-picker-option-synthetic-font-style","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `italic`) — Font style of a synthetic stale-value option label."}},{"name":"--lr-voice-picker-preview-active-border","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Active preview border."}},{"name":"--lr-voice-picker-preview-active-color","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Active preview icon."}},{"name":"--lr-voice-picker-preview-hover-bg","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand-quiet)`) — Shared hover/press fill for the standalone and row preview actions."}},{"name":"--lr-voice-picker-preview-hover-color","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-color-brand)`) — Shared hover/press icon color for the standalone and row preview actions."}},{"name":"--lr-voice-picker-radius","description":{"kind":"markdown","value":"**`<lr-voice-picker>`** (default: `var(--lr-form-control-radius)`) — Trigger, combobox, listbox, option, and preview-action corner radius."}},{"name":"--lr-widget-backdrop-inset","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `0`) — The `inset` applied to `[part=\"backdrop\"]`, so the scrim can be pulled back independently of the panel. Also set inline from the `backdrop-inset` attribute."}},{"name":"--lr-widget-fullscreen-inset","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `max(var(--lr-space-l), var(--lr-safe-area-top)) max(var(--lr-space-l), var(--lr-safe-area-inline-end)) max(var(--lr-space-l), var(--lr-safe-area-bottom)) max(var(--lr-space-l), var(--lr-safe-area-inline-start))`) — The `inset` applied to `[part=\"base\"]` while `fullscreen`. Also set inline from the `fullscreen-inset` attribute."}},{"name":"--lr-widget-overlay-color","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `var(--lr-color-overlay)`) — The fullscreen scrim's color, applied to `[part=\"backdrop\"]`."}},{"name":"--lr-widget-view-toggle-active-bg","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `var(--lr-color-brand-quiet)`) — Background of the pressed (`aria-pressed=\"true\"`) view toggle. Declared as an inline `var()` fallback (never on `:host`), so setting it on the element or an ancestor recolors only the active toggle without hijacking the library-wide `--lr-color-brand-quiet` token."}},{"name":"--lr-widget-view-toggle-active-border-color","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `transparent`) — Border color of the pressed view toggle. Like the active background and text hooks, it is an inline inherited fallback."}},{"name":"--lr-widget-view-toggle-active-color","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `var(--lr-color-brand)`) — Text color of the pressed view toggle."}},{"name":"--lr-widget-view-toggle-hover-bg","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered `[part=\"view-toggle\"]`."}},{"name":"--lr-widget-view-toggle-hover-color","description":{"kind":"markdown","value":"**`<lr-widget>`** (default: `var(--lr-color-text)`) — Text color of a hovered `[part=\"view-toggle\"]`."}},{"name":"--lr-word-cloud-color-1","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-brand)`) — First entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-2","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-success)`) — Second entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-3","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-warning)`) — Third entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-4","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-danger)`) — Fourth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-5","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-chart-1)`) — Fifth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-6","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-chart-2)`) — Sixth entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-7","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-chart-3)`) — Seventh entry of the default categorical palette."}},{"name":"--lr-word-cloud-color-8","description":{"kind":"markdown","value":"**`<lr-word-cloud>`** (default: `var(--lr-color-chart-4)`) — Eighth entry of the default categorical palette."}},{"name":"--lr-xml-viewer-active-attribute-color","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of the `[part=\"attribute\"]` an attribute-addressing `node-path` anchor resolved to."}},{"name":"--lr-xml-viewer-active-match-color","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-warning)`) — Outline color of the `[part=\"node\"]` holding the current search match. Scoped to the active match, so the dashed outline on the other matches keeps the shared warning token."}},{"name":"--lr-xml-viewer-highlight-accent-background","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-brand-quiet)`) — Row background of an accent-tone (the default tone) `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-active-outline","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-brand)`) — Outline color of the `highlights` entry currently named by `activeHighlightId`."}},{"name":"--lr-xml-viewer-highlight-danger-background","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-danger-quiet)`) — Row background of a danger-tone `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-neutral-background","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-surface-raised)`) — Row background of a neutral-tone `highlights` entry. Deliberately not `--lr-color-surface`: the viewer's own ambient background would render a neutral highlight as unhighlighted."}},{"name":"--lr-xml-viewer-highlight-success-background","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-success-quiet)`) — Row background of a success-tone `highlights` entry."}},{"name":"--lr-xml-viewer-highlight-warning-background","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Row background of a warning-tone `highlights` entry."}},{"name":"--lr-xml-viewer-match-bg","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-warning-quiet)`) — Background of a matching `[part=\"tag\"]`/`[part=\"attribute-value\"]`."}},{"name":"--lr-xml-viewer-match-color","description":{"kind":"markdown","value":"**`<lr-xml-viewer>`** (default: `var(--lr-color-warning)`) — Outline color of a (non-active) `[part=\"node\"]` search match, and the tint source for a matching `[part=\"text\"]`'s background. Distinct from `--lr-xml-viewer-active-match-color`, so the non-active matches can be recolored without touching the active one."}},{"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-control-hover-background","description":{"kind":"markdown","value":"**`<lr-zoomable-frame>`** (default: `var(--lr-color-brand-quiet)`) — Zoom control hover background; its active background derives from the same value."}},{"name":"--lr-zoomable-frame-zoom","description":{"kind":"markdown","value":"**`<lr-zoomable-frame>`** (default: `1`) — Read-only resolved iframe scale written from `zoom`."}},{"name":"--main-width","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-main-width`."}},{"name":"--marker-height","description":{"kind":"markdown","value":"**`<lr-slider>`** — Marker block size."}},{"name":"--marker-width","description":{"kind":"markdown","value":"**`<lr-slider>`** — Marker inline size."}},{"name":"--mask-char","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `'•'`) — Mapped alias for `--lr-otp-input-mask-char`."}},{"name":"--max","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `100%`) — Maximum size of the primary pane, or the start pane when `primary` is unset."}},{"name":"--max-height","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-size-30rem)`) — Scroll viewport maximum height; `none` renders all."}},{"name":"--max-width","description":{"kind":"markdown","value":"**`<lr-dropdown>`** (default: `var(--lr-overlay-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size inherited from the popover surface.\n\n**`<lr-popover>`** (default: `var(--lr-overlay-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size of the popup.\n\n**`<lr-tooltip>`** (default: `var(--lr-tooltip-max-inline-size,var(--lr-size-20rem))`) — Maximum inline size of the tooltip."}},{"name":"--menu-width","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-menu-width`."}},{"name":"--min","description":{"kind":"markdown","value":"**`<lr-split-panel>`** (default: `0`) — Minimum size of the primary pane, or the start pane when `primary` is unset."}},{"name":"--padding","description":{"kind":"markdown","value":"**`<lr-card>`** (default: `var(--spacing,var(--lr-space-m))`) — Shoelace-compatible section padding.\n\n**`<lr-tab-panel>`** (default: `0`) — Inner panel padding.\n\n**`<lr-toast-item>`** — Mapped alias for `--lr-toast-padding`."}},{"name":"--point-radius","description":{"kind":"markdown","value":"**`<lr-bar-chart>`, `<lr-bubble-chart>`, `<lr-chart>`, `<lr-doughnut-chart>`, `<lr-histogram>`, `<lr-line-chart>`, `<lr-pie-chart>`, `<lr-polar-area-chart>`, `<lr-radar-chart>`, `<lr-scatter-chart>`** (default: `var(--lr-space-2xs)`) — Line/scatter point radius."}},{"name":"--popup-border-width","description":{"kind":"markdown","value":"**`<lr-popup>`** (default: `var(--lr-border-width-thin)`) — Popup/arrow border width."}},{"name":"--poster-play-button-background","description":{"kind":"markdown","value":"**`<lr-video>`** (default: `var(--lr-color-surface-overlay)`) — Poster play-button background."}},{"name":"--primary-color","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `currentColor`) — Primary duotone layer color."}},{"name":"--primary-opacity","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `1`) — Primary duotone layer opacity."}},{"name":"--pulse-color","description":{"kind":"markdown","value":"**`<lr-badge>`, `<lr-tag>`** (default: `var(--lr-badge-pulse-color)`) — Upstream-compatible pulse-ring color."}},{"name":"--row-height","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-size-3-5rem)`) — Estimated and minimum row height."}},{"name":"--row-hover-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** — Hovered-row background."}},{"name":"--scroll-hint","description":{"kind":"markdown","value":"**`<lr-carousel>`** — Logical padding that reveals the nearest adjacent slides."}},{"name":"--secondary-color","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `currentColor`) — Secondary duotone layer color."}},{"name":"--secondary-opacity","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `0.4`) — Secondary duotone layer opacity."}},{"name":"--segment-border-radius","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-form-control-radius,var(--lr-radius))`) — Corner radius of a segment."}},{"name":"--segment-gap","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `var(--lr-space-xs)`) — Gap between segments; ignored by `contained`."}},{"name":"--segment-size","description":{"kind":"markdown","value":"**`<lr-otp-input>`** (default: `2.5em`) — Exact inline and block size of each non-shrinking segment at the default size tier."}},{"name":"--selected-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-brand-quiet)`) — Selected-row background."}},{"name":"--shadow-color","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--lr-color-surface)`) — Base color of each edge shadow."}},{"name":"--shadow-size","description":{"kind":"markdown","value":"**`<lr-scroller>`** (default: `var(--lr-size-2rem)`) — Inline/block extent of each edge shadow."}},{"name":"--sheen-color","description":{"kind":"markdown","value":"**`<lr-skeleton>`** (default: `var(--lr-skeleton-sheen-color)`) — Upstream-compatible sheen color."}},{"name":"--show-delay","description":{"kind":"markdown","value":"**`<lr-tooltip>`** (default: `150ms`) — Interaction show delay when `show-delay` is not explicit."}},{"name":"--show-duration","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** — Upstream-compatible alias for `--lr-accordion-item-show-duration`.\n\n**`<lr-combobox>`** (default: `var(--lr-transition-fast)`) — Listbox enter-transition duration.\n\n**`<lr-date-input>`** (default: `var(--lr-transition-fast)`) — Popup enter-transition duration.\n\n**`<lr-details>`** (default: `var(--lr-duration-base)`) — Expand-icon transition duration.\n\n**`<lr-dialog>`** — Mapped opening animation duration.\n\n**`<lr-drawer>`** — Opening slide duration.\n\n**`<lr-dropdown>`** (default: `var(--lr-transition-fast)`) — Opening transition duration.\n\n**`<lr-popover>`** (default: `var(--lr-duration-fast)`) — Opening transition duration.\n\n**`<lr-popup>`** (default: `var(--lr-duration-fast)`) — Activation transition duration.\n\n**`<lr-select>`** (default: `var(--lr-transition-fast)`) — Listbox enter-transition timing.\n\n**`<lr-time-input>`** (default: `var(--lr-duration-fast)`) — Picker opening duration.\n\n**`<lr-toast-item>`** — Mapped alias for `--lr-toast-show-duration`.\n\n**`<lr-tree-item>`** (default: `var(--lr-duration-base)`) — Expansion motion duration."}},{"name":"--size","description":{"kind":"markdown","value":"**`<lr-avatar>`** (default: `var(--lr-avatar-size)`) — Upstream-compatible avatar diameter.\n\n**`<lr-drawer>`** — Mapped drawer size for the active axis.\n\n**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-size)`) — Upstream-compatible outer diameter."}},{"name":"--slide-gap","description":{"kind":"markdown","value":"**`<lr-carousel>`** (default: `var(--lr-space-m)`) — Gap between slides."}},{"name":"--slider-handle-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Upstream alias for `--lr-color-picker-slider-handle-size`."}},{"name":"--slider-height","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Upstream alias for `--lr-color-picker-slider-block-size`."}},{"name":"--spacing","description":{"kind":"markdown","value":"**`<lr-accordion-item>`** — Upstream-compatible alias for `--lr-accordion-item-spacing`.\n\n**`<lr-card>`** (default: `var(--lr-space-m)`) — Space around and between card sections.\n\n**`<lr-details>`** — Upstream-compatible spacing override for the summary and content.\n\n**`<lr-dialog>`** (default: `var(--lr-dialog-spacing,var(--lr-space-l))`) — Mapped shared region spacing.\n\n**`<lr-divider>`** (default: `0`) — Space on both block sides (inline sides when vertical).\n\n**`<lr-drawer>`** (default: `var(--lr-dialog-spacing,var(--lr-space-l))`) — Web Awesome shared region spacing."}},{"name":"--speed","description":{"kind":"markdown","value":"**`<lr-spinner>`** (default: `var(--lr-spinner-duration)`) — Upstream-compatible rotation duration."}},{"name":"--stripe-background","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-surface-raised)`) — Alternating-row background."}},{"name":"--subheader-height","description":{"kind":"markdown","value":"**`<lr-page>`** — Web Awesome alias for `--lr-page-subheader-height`."}},{"name":"--submenu-offset","description":{"kind":"markdown","value":"**`<lr-dropdown-item>`, `<lr-menu-item>`** (default: `-2px`) — Final signed distance between a submenu and its parent row. Negative values overlap the parent menu; positive values add separation. Mirrors under RTL."}},{"name":"--success-color","description":{"kind":"markdown","value":"**`<lr-copy-button>`** (default: `var(--lr-color-success)`) — Success-state icon color."}},{"name":"--swatch-size","description":{"kind":"markdown","value":"**`<lr-color-picker>`** — Shoelace alias for `--lr-color-picker-palette-swatch-size`."}},{"name":"--swing-angle","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `15deg`) — Peak swing angle."}},{"name":"--symbol-color","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-rating-empty-color,var(--lr-color-border))`) — Compatibility alias for the inactive symbol color. `--lr-rating-empty-color` wins when both are set."}},{"name":"--symbol-color-active","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-rating-fill,var(--lr-color-warning))`) — Compatibility alias for the active symbol color. `--lr-rating-fill` wins when both are set."}},{"name":"--symbol-size","description":{"kind":"markdown","value":"**`<lr-rating>`** — Shoelace-compatible symbol size. It feeds the current `size` step when `--lr-rating-size` is unset; the Lyra-prefixed property wins when both are set."}},{"name":"--symbol-spacing","description":{"kind":"markdown","value":"**`<lr-rating>`** (default: `var(--lr-space-xs)`) — Compatibility spacing around symbols."}},{"name":"--tag-max-size","description":{"kind":"markdown","value":"**`<lr-combobox>`** (default: `var(--lr-size-5rem)`) — Maximum inline size of a built-in selected tag.\n\n**`<lr-select>`** (default: `var(--lr-size-12rem)`) — Maximum inline size of one selected-value tag."}},{"name":"--text-color","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-color-text)`) — Grid foreground."}},{"name":"--thumb-height","description":{"kind":"markdown","value":"**`<lr-slider>`** — Upstream thumb block size."}},{"name":"--thumb-size","description":{"kind":"markdown","value":"**`<lr-slider>`** — Shoelace alias setting both thumb dimensions.\n\n**`<lr-switch>`** (default: `calc(var(--height, var(--lr-switch-track-block-size)) - (var(--lr-switch-thumb-offset) * 2))`) — WA/Shoelace thumb diameter alias."}},{"name":"--thumb-width","description":{"kind":"markdown","value":"**`<lr-slider>`** — Upstream thumb inline size."}},{"name":"--tooltip-offset","description":{"kind":"markdown","value":"**`<lr-slider>`** — Shoelace tooltip distance alias."}},{"name":"--track-active-offset","description":{"kind":"markdown","value":"**`<lr-slider>`** — Additional indicator offset."}},{"name":"--track-color","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-track-color)`) — Upstream-compatible track color.\n\n**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-track-color)`) — Upstream-compatible track color.\n\n**`<lr-spinner>`** (default: `var(--lr-color-brand-quiet)`) — Upstream-compatible track color.\n\n**`<lr-tab-group>`** — Upstream track color."}},{"name":"--track-color-active","description":{"kind":"markdown","value":"**`<lr-slider>`** — Filled indicator color."}},{"name":"--track-color-inactive","description":{"kind":"markdown","value":"**`<lr-slider>`** — Resting track color."}},{"name":"--track-height","description":{"kind":"markdown","value":"**`<lr-progress-bar>`** (default: `var(--lr-progress-track-height)`) — Web Awesome-compatible track height.\n\n**`<lr-slider>`** — Shoelace alias for track thickness."}},{"name":"--track-size","description":{"kind":"markdown","value":"**`<lr-slider>`** — Web Awesome alias for track thickness."}},{"name":"--track-width","description":{"kind":"markdown","value":"**`<lr-progress-ring>`** (default: `var(--lr-progress-ring-track-width)`) — Upstream-compatible track width.\n\n**`<lr-spinner>`** (default: `var(--lr-spinner-track-width)`) — Upstream-compatible track width.\n\n**`<lr-tab-group>`** — Upstream track width."}},{"name":"--transition-duration","description":{"kind":"markdown","value":"**`<lr-data-grid>`** (default: `var(--lr-duration-fast)`) — Interaction transition duration."}},{"name":"--wag-angle","description":{"kind":"markdown","value":"**`<lr-icon>`** (default: `12deg`) — Peak wag angle."}},{"name":"--width","description":{"kind":"markdown","value":"**`<lr-dialog>`, `<lr-drawer>`** (default: `var(--lr-dialog-width,auto)`) — Mapped panel width alias.\n\n**`<lr-divider>`** (default: `var(--lr-border-width-thin)`) — Separator thickness.\n\n**`<lr-switch>`** (default: `var(--lr-switch-track-inline-size)`) — WA/Shoelace alias for the track's inline size.\n\n**`<lr-toast>`** — Mapped alias for `--lr-toast-width`."}}]}