@ponchia/ui 0.6.9 → 0.6.11

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 (145) hide show
  1. package/CHANGELOG.md +92 -0
  2. package/README.md +38 -25
  3. package/annotations/index.d.ts +15 -15
  4. package/annotations/index.d.ts.map +1 -1
  5. package/annotations/index.js +52 -34
  6. package/behaviors/carousel.d.ts +7 -3
  7. package/behaviors/carousel.d.ts.map +1 -1
  8. package/behaviors/carousel.js +157 -27
  9. package/behaviors/combobox.d.ts +1 -1
  10. package/behaviors/combobox.d.ts.map +1 -1
  11. package/behaviors/combobox.js +46 -23
  12. package/behaviors/command.d.ts +1 -1
  13. package/behaviors/command.d.ts.map +1 -1
  14. package/behaviors/command.js +63 -23
  15. package/behaviors/connectors.d.ts.map +1 -1
  16. package/behaviors/connectors.js +126 -19
  17. package/behaviors/crosshair.d.ts.map +1 -1
  18. package/behaviors/crosshair.js +71 -8
  19. package/behaviors/dialog.d.ts.map +1 -1
  20. package/behaviors/dialog.js +20 -3
  21. package/behaviors/disclosure.d.ts.map +1 -1
  22. package/behaviors/disclosure.js +35 -6
  23. package/behaviors/dismissible.js +1 -1
  24. package/behaviors/forms.d.ts +23 -2
  25. package/behaviors/forms.d.ts.map +1 -1
  26. package/behaviors/forms.js +97 -9
  27. package/behaviors/glyph.d.ts.map +1 -1
  28. package/behaviors/glyph.js +56 -5
  29. package/behaviors/internal.d.ts.map +1 -1
  30. package/behaviors/internal.js +52 -5
  31. package/behaviors/menu.d.ts.map +1 -1
  32. package/behaviors/menu.js +2 -1
  33. package/behaviors/modal.d.ts.map +1 -1
  34. package/behaviors/modal.js +25 -9
  35. package/behaviors/popover.d.ts.map +1 -1
  36. package/behaviors/popover.js +8 -6
  37. package/behaviors/sources.d.ts.map +1 -1
  38. package/behaviors/sources.js +24 -3
  39. package/behaviors/splitter.d.ts.map +1 -1
  40. package/behaviors/splitter.js +27 -6
  41. package/behaviors/table.d.ts.map +1 -1
  42. package/behaviors/table.js +44 -7
  43. package/behaviors/tabs.d.ts.map +1 -1
  44. package/behaviors/tabs.js +51 -14
  45. package/behaviors/theme.d.ts.map +1 -1
  46. package/behaviors/theme.js +64 -4
  47. package/behaviors/toast.d.ts +6 -1
  48. package/behaviors/toast.d.ts.map +1 -1
  49. package/behaviors/toast.js +48 -12
  50. package/classes/classes.json +57 -2
  51. package/classes/index.d.ts +13 -2
  52. package/classes/index.js +88 -40
  53. package/connectors/index.d.ts +4 -4
  54. package/connectors/index.d.ts.map +1 -1
  55. package/connectors/index.js +14 -12
  56. package/css/annotations.css +1 -0
  57. package/css/app.css +7 -0
  58. package/css/base.css +3 -0
  59. package/css/bullet.css +41 -7
  60. package/css/code.css +14 -0
  61. package/css/command.css +10 -0
  62. package/css/dataviz.css +27 -0
  63. package/css/diff.css +2 -0
  64. package/css/disclosure.css +8 -0
  65. package/css/dots.css +1 -1
  66. package/css/feedback.css +9 -0
  67. package/css/interval.css +20 -2
  68. package/css/legend.css +10 -9
  69. package/css/marks.css +1 -0
  70. package/css/motion.css +2 -0
  71. package/css/overlay.css +14 -2
  72. package/css/primitives.css +1 -1
  73. package/css/report.css +3 -0
  74. package/css/sources.css +4 -4
  75. package/css/spotlight.css +6 -0
  76. package/css/table.css +19 -0
  77. package/css/term.css +4 -1
  78. package/css/tokens.css +8 -13
  79. package/css/workbench.css +128 -0
  80. package/dist/bronto.css +1 -1
  81. package/dist/css/analytical.css +1 -1
  82. package/dist/css/app.css +1 -1
  83. package/dist/css/bullet.css +1 -1
  84. package/dist/css/code.css +1 -1
  85. package/dist/css/command.css +1 -1
  86. package/dist/css/dataviz.css +1 -1
  87. package/dist/css/diff.css +1 -1
  88. package/dist/css/disclosure.css +1 -1
  89. package/dist/css/dots.css +1 -1
  90. package/dist/css/feedback.css +1 -1
  91. package/dist/css/interval.css +1 -1
  92. package/dist/css/legend.css +1 -1
  93. package/dist/css/marks.css +1 -1
  94. package/dist/css/overlay.css +1 -1
  95. package/dist/css/primitives.css +1 -1
  96. package/dist/css/report-kit.css +1 -1
  97. package/dist/css/sources.css +1 -1
  98. package/dist/css/spotlight.css +1 -1
  99. package/dist/css/table.css +1 -1
  100. package/dist/css/term.css +1 -1
  101. package/dist/css/tokens.css +1 -1
  102. package/dist/css/workbench.css +1 -1
  103. package/docs/annotations.md +27 -0
  104. package/docs/architecture.md +5 -3
  105. package/docs/bullet.md +6 -1
  106. package/docs/clamp.md +5 -0
  107. package/docs/command.md +3 -2
  108. package/docs/contrast.md +3 -3
  109. package/docs/crosshair.md +6 -0
  110. package/docs/dots.md +10 -3
  111. package/docs/figure.md +7 -0
  112. package/docs/glyphs.md +14 -2
  113. package/docs/highlights.md +9 -0
  114. package/docs/interval.md +6 -0
  115. package/docs/mermaid.md +5 -3
  116. package/docs/package-contract.md +24 -1
  117. package/docs/reference.md +21 -1
  118. package/docs/reporting.md +8 -8
  119. package/docs/selection.md +9 -0
  120. package/docs/sources.md +5 -0
  121. package/docs/state.md +6 -0
  122. package/docs/textref.md +18 -13
  123. package/docs/theming.md +18 -8
  124. package/docs/toc.md +6 -0
  125. package/docs/tree.md +9 -2
  126. package/docs/usage.md +2 -2
  127. package/docs/vega.md +5 -3
  128. package/docs/workbench.md +56 -9
  129. package/glyphs/glyphs.js +62 -8
  130. package/index.d.ts +1 -0
  131. package/llms.txt +18 -14
  132. package/package.json +98 -6
  133. package/qwik/index.d.ts +4 -3
  134. package/qwik/index.d.ts.map +1 -1
  135. package/qwik/index.js +7 -5
  136. package/react/index.d.ts +4 -3
  137. package/react/index.d.ts.map +1 -1
  138. package/react/index.js +3 -2
  139. package/solid/index.d.ts +7 -5
  140. package/solid/index.d.ts.map +1 -1
  141. package/solid/index.js +11 -7
  142. package/tokens/vega.d.ts +1 -1
  143. package/tokens/vega.js +3 -2
  144. package/vue/index.d.ts.map +1 -1
  145. package/vue/index.js +37 -3
package/dist/css/analytical.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-annotation{--annotation-color: var(--accent);--annotation-line: var(--line-strong);--annotation-note-bg: var(--panel);--annotation-subject-fill: color-mix(in srgb,var(--annotation-color) 8%,transparent);--annotation-stroke-width: 1.5;color: var(--annotation-color);font-family: var(--mono);font-size: var(--text-xs);overflow: visible}.ui-annotation--muted{--annotation-color: var(--text-dim);--annotation-line: var(--line)}.ui-annotation--accent{--annotation-color: var(--accent);--annotation-line: var(--line-strong)}.ui-annotation--success{--annotation-color: var(--success)}.ui-annotation--warning{--annotation-color: var(--warning)}.ui-annotation--danger{--annotation-color: var(--danger)}.ui-annotation--info{--annotation-color: var(--info)}.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__connector-end,.ui-annotation__note-line,.ui-annotation__badge{vector-effect: non-scaling-stroke}.ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-linejoin: miter;stroke-width: var(--annotation-stroke-width)}.ui-annotation__connector,.ui-annotation__note-line{fill: none;stroke: var(--annotation-line);stroke-linecap: square;stroke-linejoin: miter;stroke-opacity: 0.86;stroke-width: var(--annotation-stroke-width)}.ui-annotation__connector-end{fill: var(--annotation-line);stroke: none}.ui-annotation__note{color: var(--text-soft);fill: currentColor}.ui-annotation__note > rect{fill: var(--annotation-note-bg);stroke: var(--line);stroke-width: 1;vector-effect: non-scaling-stroke}.ui-annotation__title{fill: var(--text);font-size: var(--text-xs);font-weight: 700;letter-spacing: 0;paint-order: stroke fill;stroke: var(--annotation-note-bg);stroke-linejoin: round;stroke-width: 3;text-transform: uppercase}.ui-annotation__label{fill: var(--text-soft);font-size: var(--text-xs);letter-spacing: 0;paint-order: stroke fill;stroke: var(--annotation-note-bg);stroke-linejoin: round;stroke-width: 3}.ui-annotation__badge{fill: var(--annotation-note-bg);stroke: var(--annotation-color);stroke-width: var(--annotation-stroke-width)}.ui-annotation--label .ui-annotation__subject,.ui-annotation--badge .ui-annotation__connector,.ui-annotation--badge .ui-annotation__note-line{display: none}.ui-annotation--callout .ui-annotation__note-line,.ui-annotation--elbow .ui-annotation__note-line,.ui-annotation--curve .ui-annotation__note-line{stroke: var(--annotation-color)}.ui-annotation--elbow .ui-annotation__connector{stroke-linejoin: bevel}.ui-annotation--curve .ui-annotation__connector{stroke-linecap: round}.ui-annotation--circle .ui-annotation__subject{stroke-dasharray: 0.01 4;stroke-linecap: round}.ui-annotation--rect .ui-annotation__subject{stroke-dasharray: 5 3}.ui-annotation--threshold .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-dasharray: 6 4}.ui-annotation--badge .ui-annotation__subject{fill: var(--annotation-color)}.ui-annotation--badge .ui-annotation__badge{fill: var(--annotation-color)}.ui-annotation--badge .ui-annotation__title,.ui-annotation--badge .ui-annotation__label{fill: var(--button-text);stroke: none}.ui-annotation--bracket .ui-annotation__subject,.ui-annotation--compare .ui-annotation__subject,.ui-annotation--axis .ui-annotation__subject,.ui-annotation--timeline .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-linecap: square}.ui-annotation--band .ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-dasharray: 5 3}.ui-annotation--slope .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-linecap: round}.ui-annotation--cluster .ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-dasharray: 0.01 5;stroke-linecap: round}.ui-annotation--evidence .ui-annotation__badge{fill: var(--annotation-note-bg);stroke: var(--annotation-color)}.ui-annotation--evidence .ui-annotation__title{fill: var(--annotation-color);stroke: none}.ui-annotation--focus{--annotation-stroke-width: 2;--annotation-subject-fill: color-mix(in srgb,var(--annotation-color) 14%,transparent)}@media (prefers-reduced-motion: no-preference){.ui-annotation--draw .ui-annotation__connector,.ui-annotation--draw .ui-annotation__note-line{animation: uiAnnotationDraw var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms);stroke-dasharray: var(--annotation-dash,360);stroke-dashoffset: var(--annotation-dash,360)}.ui-annotation--draw .ui-annotation__subject,.ui-annotation--draw .ui-annotation__badge{animation: uiAnnotationSubjectReveal var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms)}.ui-annotation--reveal .ui-annotation__note{animation: uiAnnotationReveal var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms)}.ui-annotation--pulse .ui-annotation__subject,.ui-annotation--pulse .ui-annotation__badge{animation: uiAnnotationPulse 1.6s var(--ease-out,ease-out) infinite;animation-delay: var(--annotation-delay,0ms);transform-box: fill-box;transform-origin: center}}@keyframes uiAnnotationDraw{to{stroke-dashoffset: 0}}@keyframes uiAnnotationSubjectReveal{from{opacity: 0}to{opacity: 1}}@keyframes uiAnnotationReveal{from{opacity: 0}to{opacity: 1}}@keyframes uiAnnotationPulse{50%{opacity: 0.62;transform: scale(1.06)}}@media print{.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__note,.ui-annotation__note-line,.ui-annotation__badge{animation: none !important;opacity: 1;stroke-dashoffset: 0}.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__note-line,.ui-annotation__badge{transform: none}.ui-annotation--draw .ui-annotation__connector,.ui-annotation--draw .ui-annotation__note-line{stroke-dasharray: none;stroke-dashoffset: 0}}@media (forced-colors: active){.ui-annotation{--annotation-color: CanvasText;--annotation-line: CanvasText;--annotation-note-bg: Canvas;--annotation-subject-fill: Canvas}}.ui-figure{display: grid;gap: var(--space-sm);margin: 0;min-inline-size: 0}.ui-figure > *,.ui-figure__body > *,.ui-figure__stage > *{min-inline-size: 0}.ui-figure__caption{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;line-height: 1.5;text-transform: uppercase}.ui-figure__body{align-items: start;display: grid;gap: var(--space-sm)}.ui-figure__body--key-right{grid-template-columns: minmax(0,1fr) minmax(min(100%,10rem),var(--figure-key-width,14rem))}.ui-figure__stage{--figure-max-inline: 42rem;--figure-min-block: 0px;display: grid;inline-size: min(100%,var(--figure-max-inline));margin-inline: auto;min-block-size: var(--figure-min-block);place-items: center;position: relative}.ui-figure__media{display: block;inline-size: 100%;max-inline-size: 100%}.ui-figure__stage > :is(canvas,img,picture,svg):not(.ui-figure__overlay){display: block;max-inline-size: 100%}.ui-figure__overlay{block-size: 100%;inline-size: 100%;inset: 0;overflow: visible;pointer-events: none;position: absolute}.ui-figure__key,.ui-figure__data{display: grid;gap: var(--space-xs)}.ui-figure__data{margin-block-start: var(--space-xs)}@media (max-width: 44rem){.ui-figure__body--key-right{grid-template-columns: 1fr}}@media print{.ui-figure{break-inside: avoid}.ui-figure__body{display: block}.ui-figure__body > * + *{margin-block-start: var(--space-sm)}}.ui-legend{color: var(--text-soft);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-xs);gap: var(--space-2xs) var(--space-md);list-style: none;margin: 0;padding: 0}.ui-legend--vertical{flex-direction: column}.ui-legend--compact{font-size: var(--text-2xs);gap: var(--space-2xs) var(--space-sm)}.ui-legend__title{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;margin: 0;text-transform: uppercase}.ui-legend__item{align-items: center;color: inherit;display: inline-flex;gap: 0.45rem}.ui-legend__label{color: inherit}.ui-legend__value{color: var(--text-dim);font-variant-numeric: tabular-nums;margin-inline-start: auto}.ui-legend__caption{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-legend__swatch{background: var(--chart-color,var(--chart-1,var(--accent)));background-image: var(--chart-pattern,none);background-size: var(--chart-pattern-size,8px);block-size: 0.8rem;border: 1px solid var(--line-strong);flex: 0 0 auto;inline-size: 0.8rem}.ui-legend__swatch--circle{border-radius: 50%}.ui-legend__swatch--line{block-size: 0.2rem;border: 0;inline-size: 1.1rem}.ui-legend__symbol{block-size: 0.95rem;color: var(--chart-color,var(--chart-1,var(--accent)));flex: 0 0 auto;inline-size: 0.95rem}.ui-legend__swatch--1{--chart-color: var(--chart-1)}.ui-legend__swatch--2{--chart-color: var(--chart-2)}.ui-legend__swatch--3{--chart-color: var(--chart-3)}.ui-legend__swatch--4{--chart-color: var(--chart-4)}.ui-legend__swatch--5{--chart-color: var(--chart-5)}.ui-legend__swatch--6{--chart-color: var(--chart-6)}.ui-legend__swatch--7{--chart-color: var(--chart-7)}.ui-legend__swatch--8{--chart-color: var(--chart-8)}.ui-legend--gradient{display: grid;gap: var(--space-2xs)}.ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-seq-1),var(--chart-seq-2),var(--chart-seq-3),var(--chart-seq-4),var(--chart-seq-5),var(--chart-seq-6) );block-size: 0.7rem;border: 1px solid var(--line)}.ui-legend--diverging .ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-div-1),var(--chart-div-2),var(--chart-div-3),var(--chart-div-4),var(--chart-div-5),var(--chart-div-6),var(--chart-div-7) )}.ui-legend__ticks{color: var(--text-dim);display: flex;font-size: var(--text-2xs);justify-content: space-between}.ui-legend__tick{font-variant-numeric: tabular-nums}.ui-legend--threshold{align-items: center;display: grid;gap: 0.35rem var(--space-sm);grid-template-columns: auto 1fr}.ui-legend--with-values{display: grid;gap: 0.35rem var(--space-md);grid-template-columns: auto 1fr auto}.ui-legend--with-values .ui-legend__item{display: grid;grid-column: 1 / -1;grid-template-columns: subgrid}.ui-legend--with-values .ui-legend__value{margin-inline-start: 0;text-align: end}.ui-legend--interactive .ui-legend__item:is(button,[role='button']){background: none;border: 0;border-radius: var(--radius-sm);color: inherit;cursor: pointer;font: inherit;padding-block: 0.15rem;padding-inline: 0.3rem;text-align: start}.ui-legend--interactive .ui-legend__item:is(button,[role='button']):focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 0.45}.ui-legend__item.is-inactive .ui-legend__label,.ui-legend__item[aria-pressed='false'] .ui-legend__label{text-decoration: line-through}@media (forced-colors: active){.ui-legend__swatch{border: 1px solid CanvasText;forced-color-adjust: none}.ui-legend__track{forced-color-adjust: none}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 1}}@media print{.ui-legend__swatch,.ui-legend__track{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-mark{background-color: transparent;background-image: linear-gradient( 90deg,color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent),color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent) );background-repeat: no-repeat;background-size: 100% 100%;border-radius: 0.12em;box-decoration-break: clone;color: inherit;padding-block: 0.05em;padding-inline: 0.18em}.ui-mark--accent{--mark-color: var(--accent)}.ui-mark--success{--mark-color: var(--success)}.ui-mark--warning{--mark-color: var(--warning)}.ui-mark--danger{--mark-color: var(--danger)}.ui-mark--info{--mark-color: var(--info)}.ui-mark--muted{--mark-color: var(--text-dim)}.ui-mark--underline{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: underline;text-decoration-thickness: 0.12em;text-underline-offset: 0.18em}.ui-mark--box{background: none;border: 1px solid var(--mark-color,var(--line-strong));border-radius: var(--radius-sm)}.ui-mark--strike{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: line-through}@media (prefers-reduced-motion: no-preference){.ui-mark--draw:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){animation: ui-mark-draw 0.6s var(--ease,ease) both}}@keyframes ui-mark-draw{from{background-size: 0% 100%}to{background-size: 100% 100%}}.ui-bracket-note{--mark-color: var(--line-strong);border-inline-start: 2px solid var(--mark-color);display: block;padding-inline-start: var(--space-md)}.ui-bracket-note__label{color: var(--mark-color);display: block;font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;margin-block-end: var(--space-2xs);text-transform: uppercase}.ui-bracket-note--accent{--mark-color: var(--accent)}.ui-bracket-note--success{--mark-color: var(--success)}.ui-bracket-note--warning{--mark-color: var(--warning)}.ui-bracket-note--danger{--mark-color: var(--danger)}.ui-bracket-note--info{--mark-color: var(--info)}@media (forced-colors: active){.ui-mark:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){text-decoration-line: underline}}@media print{.ui-mark{-webkit-print-color-adjust: exact;background-size: 100% 100%;print-color-adjust: exact}.ui-mark--draw{animation: none}}.ui-connector{--connector-color: var(--line-strong);color: var(--connector-color);inset: 0;overflow: visible;pointer-events: none;position: absolute}.ui-connector__path{fill: none;stroke: var(--connector-color);stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--connector-width,1.5);vector-effect: non-scaling-stroke}.ui-connector__end{fill: var(--connector-color);stroke: none}.ui-connector--dashed .ui-connector__path{stroke-dasharray: 4 3}.ui-connector--accent{--connector-color: var(--accent)}.ui-connector--muted{--connector-color: var(--line)}.ui-connector--success{--connector-color: var(--success)}.ui-connector--warning{--connector-color: var(--warning)}.ui-connector--danger{--connector-color: var(--danger)}.ui-connector--info{--connector-color: var(--info)}@media (prefers-reduced-motion: no-preference){.ui-connector--draw .ui-connector__path{animation: ui-connector-draw 0.6s ease both;stroke-dasharray: 1}}@keyframes ui-connector-draw{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@media (forced-colors: active){.ui-connector__path{stroke: CanvasText}.ui-connector__end{fill: CanvasText}}@media print{.ui-connector__path,.ui-connector__end{-webkit-print-color-adjust: exact;print-color-adjust: exact}.ui-connector--draw .ui-connector__path{animation: none;stroke-dasharray: none;stroke-dashoffset: 0}}.ui-spotlight{--spot-x: 50%;--spot-y: 50%;--spot-w: 0px;--spot-h: 0px;--spot-pad: 8px;--spot-radius: var(--radius-md);--spot-backdrop: color-mix(in srgb,#000 55%,transparent);inset: 0;pointer-events: none;position: fixed;z-index: var(--z-overlay,1000)}.ui-spotlight__hole{background: transparent;block-size: calc(var(--spot-h) + var(--spot-pad) * 2);border-radius: var(--spot-radius);box-shadow: 0 0 0 100vmax var(--spot-backdrop);inline-size: calc(var(--spot-w) + var(--spot-pad) * 2);inset-block-start: 0;inset-inline-start: 0;position: absolute;transform: translate( calc(var(--spot-x) - var(--spot-pad)),calc(var(--spot-y) - var(--spot-pad)) );transition: transform 0.2s ease,inline-size 0.2s ease,block-size 0.2s ease}@media (prefers-reduced-motion: reduce){.ui-spotlight__hole{transition: none}}.ui-spotlight--ring .ui-spotlight__hole{outline: 2px solid var(--accent);outline-offset: 0}.ui-tour-note{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text);display: grid;gap: var(--space-sm);max-inline-size: min(22rem,calc(100vw - 2rem));padding: var(--space-md);pointer-events: auto}.ui-tour-note__step{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-tour-note__title{color: var(--text);font-size: var(--text-lg);font-weight: 600;margin: 0}.ui-tour-note__body{color: var(--text-soft);margin: 0}.ui-tour-note__actions{display: flex;gap: var(--space-sm);justify-content: flex-end}@media (forced-colors: active){.ui-spotlight__hole{outline: 2px solid CanvasText}}.ui-crosshair{--crosshair-x: 0;--crosshair-y: 0;--crosshair-color: var(--accent);--crosshair-readout-gap: 0.35rem;--crosshair-readout-x: var(--crosshair-readout-gap);--crosshair-readout-y: var(--crosshair-readout-gap);inset: 0;opacity: 0;pointer-events: none;position: absolute;transition: opacity 0.12s ease}.ui-crosshair.is-active{opacity: 1}.ui-crosshair[data-readout-inline='before']{--crosshair-readout-x: calc(-100% - var(--crosshair-readout-gap))}.ui-crosshair[data-readout-block='above']{--crosshair-readout-y: calc(-100% - var(--crosshair-readout-gap))}.ui-crosshair:dir(rtl){--crosshair-readout-x: calc(100% + var(--crosshair-readout-gap))}.ui-crosshair:dir(rtl)[data-readout-inline='before']{--crosshair-readout-x: calc(-1 * var(--crosshair-readout-gap))}@media (prefers-reduced-motion: reduce){.ui-crosshair{transition: none}}.ui-crosshair--muted{--crosshair-color: var(--line-strong)}.ui-crosshair__line{background: var(--crosshair-color);position: absolute}.ui-crosshair__line--x{inline-size: 1px;inset-block: 0;inset-inline-start: var(--crosshair-x)}.ui-crosshair__line--y{block-size: 1px;inset-block-start: var(--crosshair-y);inset-inline: 0}.ui-crosshair__badge{background: var(--crosshair-color);border-radius: var(--radius-sm);color: var(--button-text);font-family: var(--mono);font-size: var(--text-2xs);padding-block: 0.05rem;padding-inline: 0.3rem;position: absolute;white-space: nowrap}.ui-crosshair--muted .ui-crosshair__badge{background: var(--panel);border: 1px solid var(--line-strong);color: var(--text)}.ui-crosshair .ui-readout{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-sm);box-shadow: var(--shadow-raised);color: var(--text);font-family: var(--mono);font-size: var(--text-xs);inset-block-start: var(--crosshair-y);inset-inline-start: var(--crosshair-x);max-inline-size: calc(100% - var(--crosshair-readout-gap) * 2);overflow: hidden;padding-block: 0.2rem;padding-inline: 0.4rem;pointer-events: none;position: absolute;text-overflow: ellipsis;transform: translate(var(--crosshair-readout-x),var(--crosshair-readout-y));white-space: nowrap}@media (forced-colors: active){.ui-crosshair__line{background: CanvasText}}.ui-sel{transition: opacity 0.12s ease,outline-color 0.12s ease}@media (prefers-reduced-motion: reduce){.ui-sel{transition: none}}.ui-sel--on{outline: 2px solid var(--accent);outline-offset: 1px}.ui-sel--off{opacity: 0.35}.ui-sel--maybe{outline: 1px dashed var(--accent);outline-offset: 1px}@media (forced-colors: active){.ui-sel--on{outline-color: Highlight}}.ui-highlights{--highlight-evidence: var(--accent-soft);--highlight-search: var(--warning-soft);--highlight-current: color-mix(in srgb,var(--accent) 22%,transparent)}.ui-highlights::highlight(bronto-evidence){background-color: var(--highlight-evidence);color: inherit;text-decoration-color: var(--accent);text-decoration-line: underline;text-decoration-thickness: 0.1em;text-underline-offset: 0.18em}.ui-highlights::highlight(bronto-search){background-color: var(--highlight-search);color: inherit}.ui-highlights::highlight(bronto-current){background-color: var(--highlight-current);color: var(--text)}@media (forced-colors: active){.ui-highlights::highlight(bronto-evidence),.ui-highlights::highlight(bronto-search),.ui-highlights::highlight(bronto-current){background-color: Highlight;color: HighlightText;text-decoration-color: HighlightText}}@media print{.ui-highlights{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
1
+ @layer bronto{.ui-annotation{--annotation-color: var(--accent);--annotation-line: var(--line-strong);--annotation-note-bg: var(--panel);--annotation-subject-fill: color-mix(in srgb,var(--annotation-color) 8%,transparent);--annotation-stroke-width: 1.5;color: var(--annotation-color);font-family: var(--mono);font-size: var(--text-xs);overflow: visible}.ui-annotation--muted{--annotation-color: var(--text-dim);--annotation-line: var(--line)}.ui-annotation--accent{--annotation-color: var(--accent);--annotation-line: var(--line-strong)}.ui-annotation--success{--annotation-color: var(--success)}.ui-annotation--warning{--annotation-color: var(--warning)}.ui-annotation--danger{--annotation-color: var(--danger)}.ui-annotation--info{--annotation-color: var(--info)}.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__connector-end,.ui-annotation__note-line,.ui-annotation__badge{vector-effect: non-scaling-stroke}.ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-linejoin: miter;stroke-width: var(--annotation-stroke-width)}.ui-annotation__connector,.ui-annotation__note-line{fill: none;stroke: var(--annotation-line);stroke-linecap: square;stroke-linejoin: miter;stroke-opacity: 0.86;stroke-width: var(--annotation-stroke-width)}.ui-annotation__connector-end{fill: var(--annotation-line);stroke: none}.ui-annotation__note{color: var(--text-soft);fill: currentColor}.ui-annotation__note > rect{fill: var(--annotation-note-bg);stroke: var(--line);stroke-width: 1;vector-effect: non-scaling-stroke}.ui-annotation__title{fill: var(--text);font-size: var(--text-xs);font-weight: 700;letter-spacing: 0;paint-order: stroke fill;stroke: var(--annotation-note-bg);stroke-linejoin: round;stroke-width: 3;text-transform: uppercase}.ui-annotation__label{fill: var(--text-soft);font-size: var(--text-xs);letter-spacing: 0;paint-order: stroke fill;stroke: var(--annotation-note-bg);stroke-linejoin: round;stroke-width: 3}.ui-annotation__badge{fill: var(--annotation-note-bg);stroke: var(--annotation-color);stroke-width: var(--annotation-stroke-width)}.ui-annotation--label .ui-annotation__subject,.ui-annotation--badge .ui-annotation__connector,.ui-annotation--badge .ui-annotation__note-line{display: none}.ui-annotation--callout .ui-annotation__note-line,.ui-annotation--elbow .ui-annotation__note-line,.ui-annotation--curve .ui-annotation__note-line{stroke: var(--annotation-color)}.ui-annotation--elbow .ui-annotation__connector{stroke-linejoin: bevel}.ui-annotation--curve .ui-annotation__connector{stroke-linecap: round}.ui-annotation--circle .ui-annotation__subject{stroke-dasharray: 0.01 4;stroke-linecap: round}.ui-annotation--rect .ui-annotation__subject{stroke-dasharray: 5 3}.ui-annotation--threshold .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-dasharray: 6 4}.ui-annotation--badge .ui-annotation__subject{fill: var(--annotation-color)}.ui-annotation--badge .ui-annotation__badge{fill: var(--annotation-color)}.ui-annotation--badge .ui-annotation__title,.ui-annotation--badge .ui-annotation__label{fill: var(--button-text);stroke: none}.ui-annotation--bracket .ui-annotation__subject,.ui-annotation--compare .ui-annotation__subject,.ui-annotation--axis .ui-annotation__subject,.ui-annotation--timeline .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-linecap: square}.ui-annotation--band .ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-dasharray: 5 3}.ui-annotation--slope .ui-annotation__subject{fill: none;stroke: var(--annotation-color);stroke-linecap: round}.ui-annotation--cluster .ui-annotation__subject{fill: var(--annotation-subject-fill);stroke: var(--annotation-color);stroke-dasharray: 0.01 5;stroke-linecap: round}.ui-annotation--evidence .ui-annotation__badge{fill: var(--annotation-note-bg);stroke: var(--annotation-color)}.ui-annotation--evidence .ui-annotation__title{fill: var(--annotation-color);stroke: none}.ui-annotation--focus{--annotation-stroke-width: 2;--annotation-subject-fill: color-mix(in srgb,var(--annotation-color) 14%,transparent)}@media (prefers-reduced-motion: no-preference){.ui-annotation--draw .ui-annotation__connector,.ui-annotation--draw .ui-annotation__note-line{animation: uiAnnotationDraw var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms);stroke-dasharray: var(--annotation-dash,360);stroke-dashoffset: var(--annotation-dash,360)}.ui-annotation--draw .ui-annotation__subject,.ui-annotation--draw .ui-annotation__badge{animation: uiAnnotationSubjectReveal var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms)}.ui-annotation--reveal .ui-annotation__note{animation: uiAnnotationReveal var(--duration-slow,600ms) var(--ease-out,ease-out) both;animation-delay: var(--annotation-delay,0ms)}.ui-annotation--pulse .ui-annotation__subject,.ui-annotation--pulse .ui-annotation__badge{animation: uiAnnotationPulse 1.6s var(--ease-out,ease-out) infinite;animation-delay: var(--annotation-delay,0ms);transform-box: fill-box;transform-origin: center}}@keyframes uiAnnotationDraw{to{stroke-dashoffset: 0}}@keyframes uiAnnotationSubjectReveal{from{opacity: 0}to{opacity: 1}}@keyframes uiAnnotationReveal{from{opacity: 0}to{opacity: 1}}@keyframes uiAnnotationPulse{50%{opacity: 0.62;transform: scale(1.06)}}@media print{.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__note,.ui-annotation__note-line,.ui-annotation__badge{animation: none !important;opacity: 1;stroke-dashoffset: 0}.ui-annotation__subject,.ui-annotation__connector,.ui-annotation__note-line,.ui-annotation__badge{transform: none}.ui-annotation--draw .ui-annotation__connector,.ui-annotation--draw .ui-annotation__note-line{stroke-dasharray: none;stroke-dashoffset: 0}}@media (forced-colors: active){.ui-annotation{--annotation-color: CanvasText;--annotation-line: CanvasText;--annotation-note-bg: Canvas;--annotation-subject-fill: Canvas}}.ui-figure{display: grid;gap: var(--space-sm);margin: 0;min-inline-size: 0}.ui-figure > *,.ui-figure__body > *,.ui-figure__stage > *{min-inline-size: 0}.ui-figure__caption{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;line-height: 1.5;text-transform: uppercase}.ui-figure__body{align-items: start;display: grid;gap: var(--space-sm)}.ui-figure__body--key-right{grid-template-columns: minmax(0,1fr) minmax(min(100%,10rem),var(--figure-key-width,14rem))}.ui-figure__stage{--figure-max-inline: 42rem;--figure-min-block: 0px;display: grid;inline-size: min(100%,var(--figure-max-inline));margin-inline: auto;min-block-size: var(--figure-min-block);place-items: center;position: relative}.ui-figure__media{display: block;inline-size: 100%;max-inline-size: 100%}.ui-figure__stage > :is(canvas,img,picture,svg):not(.ui-figure__overlay){display: block;max-inline-size: 100%}.ui-figure__overlay{block-size: 100%;inline-size: 100%;inset: 0;overflow: visible;pointer-events: none;position: absolute}.ui-figure__key,.ui-figure__data{display: grid;gap: var(--space-xs)}.ui-figure__data{margin-block-start: var(--space-xs)}@media (max-width: 44rem){.ui-figure__body--key-right{grid-template-columns: 1fr}}@media print{.ui-figure{break-inside: avoid}.ui-figure__body{display: block}.ui-figure__body > * + *{margin-block-start: var(--space-sm)}}.ui-legend{color: var(--text-soft);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-xs);gap: var(--space-2xs) var(--space-md);list-style: none;margin: 0;padding: 0}.ui-legend--vertical{flex-direction: column}.ui-legend--compact{font-size: var(--text-2xs);gap: var(--space-2xs) var(--space-sm)}.ui-legend__title{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;margin: 0;text-transform: uppercase}.ui-legend__item{align-items: center;color: inherit;display: inline-flex;gap: 0.45rem}.ui-legend__label{color: inherit}.ui-legend__value{color: var(--text-dim);font-variant-numeric: tabular-nums;margin-inline-start: auto}.ui-legend__caption{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-legend__swatch{background: var(--chart-color,var(--chart-1,var(--accent)));background-image: var(--chart-pattern,none);background-size: var(--chart-pattern-size,8px);block-size: 0.8rem;border: 1px solid var(--line-strong);flex: 0 0 auto;inline-size: 0.8rem}.ui-legend__swatch--circle{border-radius: 50%}.ui-legend__swatch--line{block-size: 0.2rem;border: 0;inline-size: 1.1rem}.ui-legend__symbol{block-size: 0.95rem;color: var(--chart-color,var(--chart-1,var(--accent)));flex: 0 0 auto;inline-size: 0.95rem}.ui-legend__swatch--1{--chart-color: var(--chart-1,var(--accent))}.ui-legend__swatch--2{--chart-color: var(--chart-2,var(--accent))}.ui-legend__swatch--3{--chart-color: var(--chart-3,var(--accent))}.ui-legend__swatch--4{--chart-color: var(--chart-4,var(--accent))}.ui-legend__swatch--5{--chart-color: var(--chart-5,var(--accent))}.ui-legend__swatch--6{--chart-color: var(--chart-6,var(--accent))}.ui-legend__swatch--7{--chart-color: var(--chart-7,var(--accent))}.ui-legend__swatch--8{--chart-color: var(--chart-8,var(--accent))}.ui-legend--gradient{display: grid;gap: var(--space-2xs)}.ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-seq-1),var(--chart-seq-2),var(--chart-seq-3),var(--chart-seq-4),var(--chart-seq-5),var(--chart-seq-6) );block-size: 0.7rem;border: 1px solid var(--line)}.ui-legend--diverging .ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-div-1),var(--chart-div-2),var(--chart-div-3),var(--chart-div-4),var(--chart-div-5),var(--chart-div-6),var(--chart-div-7) )}.ui-legend__ticks{color: var(--text-dim);display: flex;font-size: var(--text-2xs);justify-content: space-between}.ui-legend__tick{font-variant-numeric: tabular-nums}.ui-legend--threshold{align-items: center;display: grid;gap: 0.35rem var(--space-sm);grid-template-columns: auto 1fr}.ui-legend--with-values{display: grid;gap: 0.35rem var(--space-md);grid-template-columns: auto 1fr auto}.ui-legend--with-values .ui-legend__item{display: grid;grid-column: 1 / -1;grid-template-columns: subgrid}.ui-legend--with-values .ui-legend__value{margin-inline-start: 0;text-align: end}.ui-legend--interactive .ui-legend__item:is(button,[role='button']){background: none;border: 0;border-radius: var(--radius-sm);color: inherit;cursor: pointer;font: inherit;padding-block: 0.15rem;padding-inline: 0.3rem;text-align: start}.ui-legend--interactive .ui-legend__item:is(button,[role='button']):focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 0.45}.ui-legend__item.is-inactive .ui-legend__label,.ui-legend__item[aria-pressed='false'] .ui-legend__label{text-decoration: line-through}@media (forced-colors: active){.ui-legend__swatch{border: 1px solid CanvasText;forced-color-adjust: none}.ui-legend__track{forced-color-adjust: none}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 1}}@media print{.ui-legend__swatch,.ui-legend__track{-webkit-print-color-adjust: exact;print-color-adjust: exact}}.ui-mark{background-color: transparent;background-image: linear-gradient( 90deg,color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent),color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent) );background-repeat: no-repeat;background-size: 100% 100%;border-radius: 0.12em;-webkit-box-decoration-break: clone;box-decoration-break: clone;color: inherit;padding-block: 0.05em;padding-inline: 0.18em}.ui-mark--accent{--mark-color: var(--accent)}.ui-mark--success{--mark-color: var(--success)}.ui-mark--warning{--mark-color: var(--warning)}.ui-mark--danger{--mark-color: var(--danger)}.ui-mark--info{--mark-color: var(--info)}.ui-mark--muted{--mark-color: var(--text-dim)}.ui-mark--underline{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: underline;text-decoration-thickness: 0.12em;text-underline-offset: 0.18em}.ui-mark--box{background: none;border: 1px solid var(--mark-color,var(--line-strong));border-radius: var(--radius-sm)}.ui-mark--strike{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: line-through}@media (prefers-reduced-motion: no-preference){.ui-mark--draw:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){animation: ui-mark-draw 0.6s var(--ease,ease) both}}@keyframes ui-mark-draw{from{background-size: 0% 100%}to{background-size: 100% 100%}}.ui-bracket-note{--mark-color: var(--line-strong);border-inline-start: 2px solid var(--mark-color);display: block;padding-inline-start: var(--space-md)}.ui-bracket-note__label{color: var(--mark-color);display: block;font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;margin-block-end: var(--space-2xs);text-transform: uppercase}.ui-bracket-note--accent{--mark-color: var(--accent)}.ui-bracket-note--success{--mark-color: var(--success)}.ui-bracket-note--warning{--mark-color: var(--warning)}.ui-bracket-note--danger{--mark-color: var(--danger)}.ui-bracket-note--info{--mark-color: var(--info)}@media (forced-colors: active){.ui-mark:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){text-decoration-line: underline}}@media print{.ui-mark{-webkit-print-color-adjust: exact;background-size: 100% 100%;print-color-adjust: exact}.ui-mark--draw{animation: none}}.ui-connector{--connector-color: var(--line-strong);color: var(--connector-color);inset: 0;overflow: visible;pointer-events: none;position: absolute}.ui-connector__path{fill: none;stroke: var(--connector-color);stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--connector-width,1.5);vector-effect: non-scaling-stroke}.ui-connector__end{fill: var(--connector-color);stroke: none}.ui-connector--dashed .ui-connector__path{stroke-dasharray: 4 3}.ui-connector--accent{--connector-color: var(--accent)}.ui-connector--muted{--connector-color: var(--line)}.ui-connector--success{--connector-color: var(--success)}.ui-connector--warning{--connector-color: var(--warning)}.ui-connector--danger{--connector-color: var(--danger)}.ui-connector--info{--connector-color: var(--info)}@media (prefers-reduced-motion: no-preference){.ui-connector--draw .ui-connector__path{animation: ui-connector-draw 0.6s ease both;stroke-dasharray: 1}}@keyframes ui-connector-draw{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@media (forced-colors: active){.ui-connector__path{stroke: CanvasText}.ui-connector__end{fill: CanvasText}}@media print{.ui-connector__path,.ui-connector__end{-webkit-print-color-adjust: exact;print-color-adjust: exact}.ui-connector--draw .ui-connector__path{animation: none;stroke-dasharray: none;stroke-dashoffset: 0}}.ui-spotlight{--spot-x: 50%;--spot-y: 50%;--spot-w: 0px;--spot-h: 0px;--spot-pad: 8px;--spot-radius: var(--radius-md);--spot-backdrop: color-mix(in srgb,#000 55%,transparent);inset: 0;pointer-events: none;position: fixed;z-index: var(--z-overlay,1000)}.ui-spotlight__hole{background: transparent;block-size: calc(var(--spot-h) + var(--spot-pad) * 2);border-radius: var(--spot-radius);box-shadow: 0 0 0 100vmax var(--spot-backdrop);inline-size: calc(var(--spot-w) + var(--spot-pad) * 2);inset-block-start: 0;inset-inline-start: 0;position: absolute;transform: translate( calc(var(--spot-x) - var(--spot-pad)),calc(var(--spot-y) - var(--spot-pad)) );transition: transform 0.2s ease,inline-size 0.2s ease,block-size 0.2s ease}@media (prefers-reduced-motion: reduce){.ui-spotlight__hole{transition: none}}@media (prefers-reduced-transparency: reduce){.ui-spotlight{--spot-backdrop: var(--surface-1)}}.ui-spotlight--ring .ui-spotlight__hole{outline: 2px solid var(--accent);outline-offset: 0}.ui-tour-note{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text);display: grid;gap: var(--space-sm);max-inline-size: min(22rem,calc(100vw - 2rem));padding: var(--space-md);pointer-events: auto}.ui-tour-note__step{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-tour-note__title{color: var(--text);font-size: var(--text-lg);font-weight: 600;margin: 0}.ui-tour-note__body{color: var(--text-soft);margin: 0}.ui-tour-note__actions{display: flex;gap: var(--space-sm);justify-content: flex-end}@media (forced-colors: active){.ui-spotlight__hole{outline: 2px solid CanvasText}}.ui-crosshair{--crosshair-x: 0;--crosshair-y: 0;--crosshair-color: var(--accent);--crosshair-readout-gap: 0.35rem;--crosshair-readout-x: var(--crosshair-readout-gap);--crosshair-readout-y: var(--crosshair-readout-gap);inset: 0;opacity: 0;pointer-events: none;position: absolute;transition: opacity 0.12s ease}.ui-crosshair.is-active{opacity: 1}.ui-crosshair[data-readout-inline='before']{--crosshair-readout-x: calc(-100% - var(--crosshair-readout-gap))}.ui-crosshair[data-readout-block='above']{--crosshair-readout-y: calc(-100% - var(--crosshair-readout-gap))}.ui-crosshair:dir(rtl){--crosshair-readout-x: calc(100% + var(--crosshair-readout-gap))}.ui-crosshair:dir(rtl)[data-readout-inline='before']{--crosshair-readout-x: calc(-1 * var(--crosshair-readout-gap))}@media (prefers-reduced-motion: reduce){.ui-crosshair{transition: none}}.ui-crosshair--muted{--crosshair-color: var(--line-strong)}.ui-crosshair__line{background: var(--crosshair-color);position: absolute}.ui-crosshair__line--x{inline-size: 1px;inset-block: 0;inset-inline-start: var(--crosshair-x)}.ui-crosshair__line--y{block-size: 1px;inset-block-start: var(--crosshair-y);inset-inline: 0}.ui-crosshair__badge{background: var(--crosshair-color);border-radius: var(--radius-sm);color: var(--button-text);font-family: var(--mono);font-size: var(--text-2xs);padding-block: 0.05rem;padding-inline: 0.3rem;position: absolute;white-space: nowrap}.ui-crosshair--muted .ui-crosshair__badge{background: var(--panel);border: 1px solid var(--line-strong);color: var(--text)}.ui-crosshair .ui-readout{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-sm);box-shadow: var(--shadow-raised);color: var(--text);font-family: var(--mono);font-size: var(--text-xs);inset-block-start: var(--crosshair-y);inset-inline-start: var(--crosshair-x);max-inline-size: calc(100% - var(--crosshair-readout-gap) * 2);overflow: hidden;padding-block: 0.2rem;padding-inline: 0.4rem;pointer-events: none;position: absolute;text-overflow: ellipsis;transform: translate(var(--crosshair-readout-x),var(--crosshair-readout-y));white-space: nowrap}@media (forced-colors: active){.ui-crosshair__line{background: CanvasText}}.ui-sel{transition: opacity 0.12s ease,outline-color 0.12s ease}@media (prefers-reduced-motion: reduce){.ui-sel{transition: none}}.ui-sel--on{outline: 2px solid var(--accent);outline-offset: 1px}.ui-sel--off{opacity: 0.35}.ui-sel--maybe{outline: 1px dashed var(--accent);outline-offset: 1px}@media (forced-colors: active){.ui-sel--on{outline-color: Highlight}}.ui-highlights{--highlight-evidence: var(--accent-soft);--highlight-search: var(--warning-soft);--highlight-current: color-mix(in srgb,var(--accent) 22%,transparent)}.ui-highlights::highlight(bronto-evidence){background-color: var(--highlight-evidence);color: inherit;text-decoration-color: var(--accent);text-decoration-line: underline;text-decoration-thickness: 0.1em;text-underline-offset: 0.18em}.ui-highlights::highlight(bronto-search){background-color: var(--highlight-search);color: inherit}.ui-highlights::highlight(bronto-current){background-color: var(--highlight-current);color: var(--text)}@media (forced-colors: active){.ui-highlights::highlight(bronto-evidence),.ui-highlights::highlight(bronto-search),.ui-highlights::highlight(bronto-current){background-color: Highlight;color: HighlightText;text-decoration-color: HighlightText}}@media print{.ui-highlights{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
package/dist/css/app.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-app-shell{display: grid;grid-template-columns: var(--app-rail,14rem) minmax(0,1fr);min-block-size: 100dvh}.ui-app-shell--full{grid-template-columns: minmax(0,1fr)}.ui-app-rail{background: var(--panel);border-inline-end: 1px solid var(--line);display: flex;flex-direction: column;gap: var(--space-md);padding: var(--space-md);position: sticky;inset-block-start: 0;block-size: 100svh;overflow-y: auto}.ui-app-rail__brand{align-items: center;color: var(--text);display: flex;font-family: var(--display);font-size: 1.05rem;font-weight: var(--display-weight);gap: 0.5rem;letter-spacing: var(--tracking-wide);padding: 0.35rem 0.5rem;text-transform: uppercase}.ui-app-rail__brand::before{background: var(--accent);border-radius: 50%;content: '';block-size: 0.5rem;inline-size: 0.5rem}.ui-app-nav{display: grid;gap: 0.15rem}.ui-app-nav__section{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);margin: var(--space-sm) 0 0.3rem;padding: 0 0.5rem;text-transform: uppercase}.ui-app-nav a{align-items: center;border-inline-start: 2px solid transparent;color: var(--text-soft);display: flex;font-family: var(--mono);font-size: var(--text-sm);gap: 0.55rem;padding: 0.5rem 0.6rem;transition: background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.ui-app-nav a::before{background: currentColor;border-radius: 50%;content: '';block-size: 0.34rem;opacity: 0.45;inline-size: 0.34rem}@media (hover: hover){.ui-app-nav a:hover{background: var(--bg-accent);color: var(--text)}}.ui-app-nav a.is-active,.ui-app-nav a[aria-current]:not([aria-current='false']){background: var(--accent-soft);border-inline-start-color: var(--accent);color: var(--text)}@media (pointer: coarse){.ui-app-nav a{min-block-size: 2.9rem;padding-inline: 0.9rem}}.ui-app-nav a.is-active::before,.ui-app-nav a[aria-current]:not([aria-current='false'])::before{opacity: 1}@media (forced-colors: active){.ui-app-nav a.is-active,.ui-app-nav a[aria-current]:not([aria-current='false']){border-inline-start-color: Highlight;font-weight: 700}.ui-app-nav a.is-active::before,.ui-app-nav a[aria-current]:not([aria-current='false'])::before{background: Highlight}}.ui-app-rail__foot{border-block-start: 1px solid var(--line);color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);margin-block-start: auto;padding-block-start: var(--space-sm)}.ui-app-rail__account{align-items: center;display: flex;gap: var(--space-xs);margin-block-start: auto;padding-block-start: var(--space-sm)}.ui-app-rail__account + .ui-app-rail__foot{margin-block-start: 0}.ui-app-main{display: flex;flex-direction: column;min-inline-size: 0}.ui-app-topbar{align-items: center;background: color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter: blur(8px);border-block-end: 1px solid var(--line);display: flex;gap: var(--space-md);justify-content: space-between;padding: 0.75rem var(--space-lg);position: sticky;inset-block-start: 0;z-index: var(--z-raised)}.ui-app-topbar__title{color: var(--text);font-family: var(--display);font-size: 1.1rem;font-weight: var(--display-weight);letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-app-content{display: grid;gap: var(--space-lg);padding: var(--space-lg)}.ui-app-toolbar{align-items: center;background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: flex;flex-wrap: wrap;gap: 0.7rem;justify-content: space-between;padding: 0.7rem 0.85rem}.ui-app-toolbar__group{align-items: center;display: flex;flex-wrap: wrap;gap: 0.5rem}.ui-app-panel{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: 0.85rem;padding: var(--space-md)}.ui-app-panel__head{align-items: flex-start;display: flex;gap: 0.7rem;justify-content: space-between}.ui-app-panel__title{color: var(--text);font-family: var(--display);font-size: 0.95rem;font-weight: var(--display-weight);letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-app-panel__head p{color: var(--text-dim);margin: 0.3rem 0 0}@media (max-width: 880px){.ui-app-shell{grid-template-columns: minmax(0,1fr);align-content: start;grid-template-rows: auto 1fr}.ui-app-rail{flex-direction: row;block-size: auto;overflow-x: auto;position: sticky;inset-block-start: 0;z-index: calc(var(--z-raised) + 1)}.ui-app-rail__foot{display: none}.ui-app-rail__account{margin-block-start: 0;margin-inline-start: auto}.ui-app-nav{grid-auto-flow: column;gap: 0.15rem}.ui-app-nav__section{display: none}.ui-app-nav a{border-inline-start: 0;border-block-end: 2px solid transparent;white-space: nowrap}.ui-app-nav a.is-active,.ui-app-nav a[aria-current]:not([aria-current='false']){border-inline-start: 0;border-block-end-color: var(--accent)}.ui-app-topbar{position: static}.ui-app-content{padding: var(--space-md)}}}
1
+ @layer bronto{.ui-app-shell{display: grid;grid-template-columns: var(--app-rail,14rem) minmax(0,1fr);min-block-size: 100dvh}.ui-app-shell--full{grid-template-columns: minmax(0,1fr)}.ui-app-rail{background: var(--panel);border-inline-end: 1px solid var(--line);display: flex;flex-direction: column;gap: var(--space-md);padding: var(--space-md);position: sticky;inset-block-start: 0;block-size: 100svh;overflow-y: auto}.ui-app-rail__brand{align-items: center;color: var(--text);display: flex;font-family: var(--display);font-size: 1.05rem;font-weight: var(--display-weight);gap: 0.5rem;letter-spacing: var(--tracking-wide);padding: 0.35rem 0.5rem;text-transform: uppercase}.ui-app-rail__brand::before{background: var(--accent);border-radius: 50%;content: '';block-size: 0.5rem;inline-size: 0.5rem}.ui-app-nav{display: grid;gap: 0.15rem}.ui-app-nav__section{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);margin: var(--space-sm) 0 0.3rem;padding: 0 0.5rem;text-transform: uppercase}.ui-app-nav a{align-items: center;border-inline-start: 2px solid transparent;color: var(--text-soft);display: flex;font-family: var(--mono);font-size: var(--text-sm);gap: 0.55rem;padding: 0.5rem 0.6rem;transition: background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.ui-app-nav a::before{background: currentColor;border-radius: 50%;content: '';block-size: 0.34rem;opacity: 0.45;inline-size: 0.34rem}@media (hover: hover){.ui-app-nav a:hover{background: var(--bg-accent);color: var(--text)}}.ui-app-nav a.is-active,.ui-app-nav a[aria-current]:not([aria-current='false']){background: var(--accent-soft);border-inline-start-color: var(--accent);color: var(--text)}@media (pointer: coarse){.ui-app-nav a{min-block-size: 2.9rem;padding-inline: 0.9rem}}.ui-app-nav a.is-active::before,.ui-app-nav a[aria-current]:not([aria-current='false'])::before{opacity: 1}@media (forced-colors: active){.ui-app-nav a.is-active,.ui-app-nav a[aria-current]:not([aria-current='false']){border-inline-start-color: Highlight;font-weight: 700}.ui-app-nav a.is-active::before,.ui-app-nav a[aria-current]:not([aria-current='false'])::before{background: Highlight}}.ui-app-rail__foot{border-block-start: 1px solid var(--line);color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);margin-block-start: auto;padding-block-start: var(--space-sm)}.ui-app-rail__account{align-items: center;display: flex;gap: var(--space-xs);margin-block-start: auto;padding-block-start: var(--space-sm)}.ui-app-rail__account + .ui-app-rail__foot{margin-block-start: 0}.ui-app-main{display: flex;flex-direction: column;min-inline-size: 0}.ui-app-topbar{align-items: center;background: color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter: blur(8px);border-block-end: 1px solid var(--line);display: flex;gap: var(--space-md);justify-content: space-between;padding: 0.75rem var(--space-lg);position: sticky;inset-block-start: 0;z-index: var(--z-raised)}@media (prefers-reduced-transparency: reduce){.ui-app-topbar{backdrop-filter: none;background: var(--surface-1)}}.ui-app-topbar__title{color: var(--text);font-family: var(--display);font-size: 1.1rem;font-weight: var(--display-weight);letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-app-content{display: grid;gap: var(--space-lg);padding: var(--space-lg)}.ui-app-toolbar{align-items: center;background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: flex;flex-wrap: wrap;gap: 0.7rem;justify-content: space-between;padding: 0.7rem 0.85rem}.ui-app-toolbar__group{align-items: center;display: flex;flex-wrap: wrap;gap: 0.5rem}.ui-app-panel{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: 0.85rem;padding: var(--space-md)}.ui-app-panel__head{align-items: flex-start;display: flex;gap: 0.7rem;justify-content: space-between}.ui-app-panel__title{color: var(--text);font-family: var(--display);font-size: 0.95rem;font-weight: var(--display-weight);letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-app-panel__head p{color: var(--text-dim);margin: 0.3rem 0 0}@media (max-width: 880px){.ui-app-shell{grid-template-columns: minmax(0,1fr);align-content: start;grid-template-rows: auto 1fr}.ui-app-rail{flex-direction: row;block-size: auto;overflow-x: auto;position: sticky;inset-block-start: 0;z-index: calc(var(--z-raised) + 1)}.ui-app-rail__foot{display: none}.ui-app-rail__account{margin-block-start: 0;margin-inline-start: auto}.ui-app-nav{grid-auto-flow: column;gap: 0.15rem}.ui-app-nav__section{display: none}.ui-app-nav a{border-inline-start: 0;border-block-end: 2px solid transparent;white-space: nowrap}.ui-app-nav a.is-active,.ui-app-nav a[aria-current]:not([aria-current='false']){border-inline-start: 0;border-block-end-color: var(--accent)}.ui-app-topbar{position: static}.ui-app-content{padding: var(--space-md)}}}
package/dist/css/bullet.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-bullet{--band-lo: 0.5;--band-hi: 0.8;background: linear-gradient( to right,var(--surface-4) 0 calc(var(--band-lo) * 100%),var(--surface-3) calc(var(--band-lo) * 100%) calc(var(--band-hi) * 100%),var(--surface-2) calc(var(--band-hi) * 100%) 100% );block-size: 1.25rem;border-radius: var(--radius-sm);inline-size: 100%;position: relative}.ui-bullet__measure{background: var(--text);border-radius: var(--radius-sm);inline-size: max(2px,calc(var(--v,0) * 100%));inset-block: 30%;inset-inline-start: 0;position: absolute}.ui-bullet__measure--accent{background: var(--accent)}.ui-bullet__measure--pos{background: var(--success)}.ui-bullet__measure--neg{background: var(--danger)}.ui-bullet__target{background: var(--text);inline-size: 2px;inset-block: 8%;inset-inline-start: calc(var(--t,0) * 100%);position: absolute;transform: translateX(-50%)}.ui-bullet__label{color: var(--text-dim);display: flex;font-family: var(--mono);font-size: var(--text-2xs);gap: var(--space-sm);justify-content: space-between;letter-spacing: var(--tracking-wide);margin-block-start: 0.3rem}@media (forced-colors: active){.ui-bullet{border: 1px solid CanvasText}.ui-bullet__measure,.ui-bullet__target{background: CanvasText}}@media print{.ui-bullet{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
1
+ @layer bronto{@property --band-lo{syntax: '<number>';inherits: true;initial-value: 0.5}@property --band-hi{syntax: '<number>';inherits: true;initial-value: 0.8}@property --t{syntax: '<number>';inherits: true;initial-value: 0}.ui-bullet{--band-lo: 0.5;--band-hi: 0.8;background: linear-gradient( to right,var(--surface-4) 0 calc(var(--band-lo) * 100%),var(--surface-3) calc(var(--band-lo) * 100%) calc(var(--band-hi) * 100%),var(--surface-2) calc(var(--band-hi) * 100%) 100% );block-size: 1.25rem;border-radius: var(--radius-sm);inline-size: 100%;position: relative}.ui-bullet:dir(rtl){background: linear-gradient( to left,var(--surface-4) 0 calc(var(--band-lo) * 100%),var(--surface-3) calc(var(--band-lo) * 100%) calc(var(--band-hi) * 100%),var(--surface-2) calc(var(--band-hi) * 100%) 100% )}.ui-bullet__measure{background: var(--text);border-radius: var(--radius-sm);inline-size: max(calc(sign(var(--v,1)) * 2px),calc(var(--v,0) * 100%));inset-block: 30%;inset-inline-start: 0;position: absolute}.ui-bullet__measure--accent{background: var(--accent)}.ui-bullet__measure--pos{background: var(--success)}.ui-bullet__measure--neg{background: var(--danger)}.ui-bullet__target{background: var(--text);inline-size: 2px;inset-block: 8%;inset-inline-start: calc(var(--t,0) * 100%);position: absolute;transform: translateX(-50%)}.ui-bullet:dir(rtl) .ui-bullet__target{transform: translateX(50%)}.ui-bullet__label{color: var(--text-dim);display: flex;font-family: var(--mono);font-size: var(--text-2xs);gap: var(--space-sm);justify-content: space-between;letter-spacing: var(--tracking-wide);margin-block-start: 0.3rem}@media (forced-colors: active){.ui-bullet{border: 1px solid CanvasText}.ui-bullet__measure,.ui-bullet__target{background: CanvasText}}@media print{.ui-bullet{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
package/dist/css/code.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-code{border: 1px solid var(--line);border-radius: var(--radius-sm);font-family: var(--mono);font-size: var(--text-xs);overflow: hidden}.ui-code__head{background: var(--surface-2);border-block-end: 1px solid var(--line);color: var(--text-dim);display: flex;gap: var(--space-sm);justify-content: space-between;padding: var(--space-2xs) var(--space-sm)}.ui-code__body{counter-reset: ui-code-ln;margin: 0;overflow-wrap: anywhere;padding: var(--space-sm) 0;white-space: pre-wrap}.ui-code__line{display: block;padding-inline: var(--space-sm)}.ui-code--numbered .ui-code__line{padding-inline-start: 0}.ui-code--numbered .ui-code__line::before{color: var(--text-dim);content: counter(ui-code-ln);counter-increment: ui-code-ln;display: inline-block;inline-size: 3ch;margin-inline-end: var(--space-sm);text-align: end;-webkit-user-select: none;user-select: none}.ui-code__line--add{background: color-mix(in srgb,var(--success) 14%,transparent)}.ui-code__line--remove{background: color-mix(in srgb,var(--danger) 14%,transparent)}.ui-code__line--hl{background: color-mix(in srgb,var(--accent) 14%,transparent)}@media (forced-colors: active){.ui-code__line--add,.ui-code__line--remove,.ui-code__line--hl{border-inline-start: 3px solid currentColor}}@media print{.ui-code__head,.ui-code__line--add,.ui-code__line--remove,.ui-code__line--hl{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
1
+ @layer bronto{.ui-code{border: 1px solid var(--line);border-radius: var(--radius-sm);font-family: var(--mono);font-size: var(--text-xs);overflow: hidden}.ui-code__head{background: var(--surface-2);border-block-end: 1px solid var(--line);color: var(--text-dim);display: flex;gap: var(--space-sm);justify-content: space-between;min-inline-size: 0;overflow: hidden;padding: var(--space-2xs) var(--space-sm);text-overflow: ellipsis;white-space: nowrap}.ui-code__head > *{min-inline-size: 0;overflow: hidden;text-overflow: ellipsis}.ui-code__head > :last-child{flex-shrink: 0}.ui-code__body{counter-reset: ui-code-ln;margin: 0;overflow-wrap: anywhere;padding: var(--space-sm) 0;white-space: pre-wrap}.ui-code__line{display: block;padding-inline: var(--space-sm)}.ui-code--numbered .ui-code__line{padding-inline-start: 0}.ui-code--numbered .ui-code__line::before{color: var(--text-dim);content: counter(ui-code-ln);counter-increment: ui-code-ln;display: inline-block;inline-size: 3ch;margin-inline-end: var(--space-sm);text-align: end;-webkit-user-select: none;user-select: none}.ui-code__line--add{background: color-mix(in srgb,var(--success) 14%,transparent)}.ui-code__line--remove{background: color-mix(in srgb,var(--danger) 14%,transparent)}.ui-code__line--hl{background: color-mix(in srgb,var(--accent) 14%,transparent)}@media (forced-colors: active){.ui-code__line--add,.ui-code__line--remove,.ui-code__line--hl{border-inline-start: 3px solid currentColor}}@media print{.ui-code__head,.ui-code__line--add,.ui-code__line--remove,.ui-code__line--hl{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
package/dist/css/command.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-command{background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);display: grid;grid-template-rows: auto 1fr auto;max-block-size: min(28rem,70vh);overflow: hidden}.ui-command__input{background: transparent;border: 0;border-block-end: 1px solid var(--line);color: var(--text);font-family: inherit;font-size: var(--text-base);inline-size: 100%;padding: 0.85rem 1rem}.ui-command__input::placeholder{color: var(--text-dim)}.ui-command__list{list-style: none;margin: 0;overflow-y: auto;padding: var(--space-2xs)}.ui-command__group{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);padding: 0.5rem 0.6rem 0.25rem;text-transform: uppercase}.ui-command__item{align-items: center;border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;display: flex;gap: 0.6rem;padding: 0.5rem 0.6rem}.ui-command__item[hidden],.ui-command__group[hidden]{display: none}.ui-command__item.is-active{background: color-mix(in srgb,var(--accent) 14%,transparent);color: var(--text)}.ui-command__shortcut{color: var(--text-dim);margin-inline-start: auto}.ui-command__meta{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);margin-inline-start: auto}.ui-command__empty{color: var(--text-dim);padding: 0.85rem 1rem}@media (forced-colors: active){.ui-command__item.is-active{background: Highlight;color: HighlightText}}}
1
+ @layer bronto{.ui-command{background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);display: grid;grid-template-rows: auto 1fr auto;max-block-size: min(28rem,70vh);overflow: hidden}.ui-command__input{background: transparent;border: 0;border-block-end: 1px solid var(--line);color: var(--text);font-family: inherit;font-size: var(--text-base);inline-size: 100%;padding: 0.85rem 1rem}.ui-command__input::placeholder{color: var(--text-dim)}.ui-command__list{list-style: none;margin: 0;overflow-y: auto;padding: var(--space-2xs)}.ui-command__group{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);padding: 0.5rem 0.6rem 0.25rem;text-transform: uppercase}.ui-command__item{align-items: center;border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;display: flex;gap: 0.6rem;min-inline-size: 0;padding: 0.5rem 0.6rem}.ui-command__item > :not(.ui-command__shortcut,.ui-command__meta){min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ui-command__item[hidden],.ui-command__group[hidden]{display: none}.ui-command__item.is-active{background: color-mix(in srgb,var(--accent) 14%,transparent);color: var(--text)}.ui-command__shortcut{color: var(--text-dim);flex-shrink: 0;margin-inline-start: auto}.ui-command__meta{color: var(--text-dim);flex-shrink: 0;font-family: var(--mono);font-size: var(--text-2xs);margin-inline-start: auto}.ui-command__empty{color: var(--text-dim);padding: 0.85rem 1rem}@media (forced-colors: active){.ui-command__item.is-active{background: Highlight;color: HighlightText}}}
package/dist/css/dataviz.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{:root{--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(94% 0.03 25deg);--chart-seq-2: oklch(85% 0.07 25deg);--chart-seq-3: oklch(74% 0.12 25deg);--chart-seq-4: oklch(62% 0.16 25deg);--chart-seq-5: oklch(50% 0.16 25deg);--chart-seq-6: oklch(38% 0.13 25deg);--chart-div-1: oklch(45% 0.14 255deg);--chart-div-2: oklch(62% 0.1 250deg);--chart-div-3: oklch(82% 0.05 245deg);--chart-div-4: oklch(90% 0.01 250deg);--chart-div-5: oklch(80% 0.07 60deg);--chart-div-6: oklch(66% 0.13 55deg);--chart-div-7: oklch(56% 0.15 45deg);--chart-pattern-size: 8px;--chart-pattern-ink: rgb(0 0 0 / 0.34);--chart-pattern-1: none;--chart-pattern-2: radial-gradient(circle at 50% 50%,var(--chart-pattern-ink) 1.4px,transparent 1.6px);--chart-pattern-3: radial-gradient(circle at 0 0,var(--chart-pattern-ink) 1.4px,transparent 1.6px);--chart-pattern-4: radial-gradient(circle at 25% 25%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 75% 75%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-5: radial-gradient(circle at 50% 25%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 50% 75%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-6: radial-gradient(circle at 25% 50%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 75% 50%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-7: radial-gradient(circle at 25% 25%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 75% 25%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 25% 75%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 75% 75%,var(--chart-pattern-ink) 1px,transparent 1.2px);--chart-pattern-8: radial-gradient(circle at 50% 50%,transparent 1.2px,var(--chart-pattern-ink) 1.4px,transparent 2.2px)}@media (prefers-color-scheme: dark){:root:not([data-theme='light']){--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(30% 0.1 25deg);--chart-seq-2: oklch(42% 0.15 25deg);--chart-seq-3: oklch(55% 0.17 25deg);--chart-seq-4: oklch(68% 0.15 25deg);--chart-seq-5: oklch(80% 0.1 25deg);--chart-seq-6: oklch(90% 0.05 25deg);--chart-div-1: oklch(70% 0.13 250deg);--chart-div-2: oklch(60% 0.12 252deg);--chart-div-3: oklch(48% 0.08 255deg);--chart-div-4: oklch(40% 0.01 250deg);--chart-div-5: oklch(58% 0.1 60deg);--chart-div-6: oklch(72% 0.13 58deg);--chart-div-7: oklch(80% 0.12 55deg);--chart-pattern-ink: rgb(255 255 255 / 0.42)}}:root[data-theme='dark']{--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(30% 0.1 25deg);--chart-seq-2: oklch(42% 0.15 25deg);--chart-seq-3: oklch(55% 0.17 25deg);--chart-seq-4: oklch(68% 0.15 25deg);--chart-seq-5: oklch(80% 0.1 25deg);--chart-seq-6: oklch(90% 0.05 25deg);--chart-div-1: oklch(70% 0.13 250deg);--chart-div-2: oklch(60% 0.12 252deg);--chart-div-3: oklch(48% 0.08 255deg);--chart-div-4: oklch(40% 0.01 250deg);--chart-div-5: oklch(58% 0.1 60deg);--chart-div-6: oklch(72% 0.13 58deg);--chart-div-7: oklch(80% 0.12 55deg);--chart-pattern-ink: rgb(255 255 255 / 0.42)}}
1
+ @layer bronto{:root{--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(94% 0.03 25deg);--chart-seq-2: oklch(85% 0.07 25deg);--chart-seq-3: oklch(74% 0.12 25deg);--chart-seq-4: oklch(62% 0.16 25deg);--chart-seq-5: oklch(50% 0.16 25deg);--chart-seq-6: oklch(38% 0.13 25deg);--chart-div-1: oklch(45% 0.14 255deg);--chart-div-2: oklch(62% 0.1 250deg);--chart-div-3: oklch(82% 0.05 245deg);--chart-div-4: oklch(90% 0.01 250deg);--chart-div-5: oklch(80% 0.07 60deg);--chart-div-6: oklch(66% 0.13 55deg);--chart-div-7: oklch(56% 0.15 45deg);--chart-pattern-size: 8px;--chart-pattern-ink: rgb(0 0 0 / 0.34);--chart-pattern-1: none;--chart-pattern-2: radial-gradient(circle at 50% 50%,var(--chart-pattern-ink) 1.4px,transparent 1.6px);--chart-pattern-3: radial-gradient(circle at 0 0,var(--chart-pattern-ink) 1.4px,transparent 1.6px);--chart-pattern-4: radial-gradient(circle at 25% 25%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 75% 75%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-5: radial-gradient(circle at 50% 25%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 50% 75%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-6: radial-gradient(circle at 25% 50%,var(--chart-pattern-ink) 1.2px,transparent 1.4px),radial-gradient(circle at 75% 50%,var(--chart-pattern-ink) 1.2px,transparent 1.4px);--chart-pattern-7: radial-gradient(circle at 25% 25%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 75% 25%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 25% 75%,var(--chart-pattern-ink) 1px,transparent 1.2px),radial-gradient(circle at 75% 75%,var(--chart-pattern-ink) 1px,transparent 1.2px);--chart-pattern-8: radial-gradient(circle at 50% 50%,transparent 1.2px,var(--chart-pattern-ink) 1.4px,transparent 2.2px)}@media (prefers-color-scheme: dark){:root:not([data-theme='light']){--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(30% 0.1 25deg);--chart-seq-2: oklch(42% 0.15 25deg);--chart-seq-3: oklch(55% 0.17 25deg);--chart-seq-4: oklch(68% 0.15 25deg);--chart-seq-5: oklch(80% 0.1 25deg);--chart-seq-6: oklch(90% 0.05 25deg);--chart-div-1: oklch(70% 0.13 250deg);--chart-div-2: oklch(60% 0.12 252deg);--chart-div-3: oklch(48% 0.08 255deg);--chart-div-4: oklch(40% 0.01 250deg);--chart-div-5: oklch(58% 0.1 60deg);--chart-div-6: oklch(72% 0.13 58deg);--chart-div-7: oklch(80% 0.12 55deg);--chart-pattern-ink: rgb(255 255 255 / 0.42)}}:root[data-theme='dark']{--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(30% 0.1 25deg);--chart-seq-2: oklch(42% 0.15 25deg);--chart-seq-3: oklch(55% 0.17 25deg);--chart-seq-4: oklch(68% 0.15 25deg);--chart-seq-5: oklch(80% 0.1 25deg);--chart-seq-6: oklch(90% 0.05 25deg);--chart-div-1: oklch(70% 0.13 250deg);--chart-div-2: oklch(60% 0.12 252deg);--chart-div-3: oklch(48% 0.08 255deg);--chart-div-4: oklch(40% 0.01 250deg);--chart-div-5: oklch(58% 0.1 60deg);--chart-div-6: oklch(72% 0.13 58deg);--chart-div-7: oklch(80% 0.12 55deg);--chart-pattern-ink: rgb(255 255 255 / 0.42)}@media print{:root:not([data-theme='light']){--chart-1: var(--accent);--chart-2: #e69f00;--chart-3: #56b4e9;--chart-4: #009e73;--chart-5: #f0e442;--chart-6: #0072b2;--chart-7: #cc79a7;--chart-8: #4d5358;--chart-seq-1: oklch(94% 0.03 25deg);--chart-seq-2: oklch(85% 0.07 25deg);--chart-seq-3: oklch(74% 0.12 25deg);--chart-seq-4: oklch(62% 0.16 25deg);--chart-seq-5: oklch(50% 0.16 25deg);--chart-seq-6: oklch(38% 0.13 25deg);--chart-div-1: oklch(45% 0.14 255deg);--chart-div-2: oklch(62% 0.1 250deg);--chart-div-3: oklch(82% 0.05 245deg);--chart-div-4: oklch(90% 0.01 250deg);--chart-div-5: oklch(80% 0.07 60deg);--chart-div-6: oklch(66% 0.13 55deg);--chart-div-7: oklch(56% 0.15 45deg);--chart-pattern-ink: rgb(0 0 0 / 0.34)}}}
package/dist/css/diff.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-diff{--diff-add-bg: color-mix(in srgb,var(--success) 14%,transparent);--diff-remove-bg: color-mix(in srgb,var(--danger) 14%,transparent);--diff-add-ink: var(--success);--diff-remove-ink: var(--danger);border: 1px solid var(--line);border-radius: var(--radius-sm);display: grid;font-family: var(--mono);font-size: var(--text-xs);grid-template-columns: auto auto minmax(0,1fr);line-height: 1.6;overflow: hidden}.ui-diff--split{grid-template-columns: 1fr 1fr}.ui-diff__pane{display: grid;grid-template-columns: auto minmax(0,1fr);min-inline-size: 0}.ui-diff--split > .ui-diff__pane + .ui-diff__pane{border-inline-start: 1px solid var(--line)}.ui-diff__hunk{display: contents}.ui-diff__row{display: contents}.ui-diff__head{background: var(--surface-2);color: var(--text-dim);grid-column: 1 / -1;padding: var(--space-2xs) var(--space-sm)}.ui-diff__ln{align-self: start;color: var(--text-dim);font-variant-numeric: tabular-nums;padding: 0 var(--space-sm);text-align: end;-webkit-user-select: none;user-select: none}.ui-diff__code{overflow-wrap: anywhere;padding: 0 var(--space-sm);white-space: pre-wrap}.ui-diff__code::before{color: var(--diff-tint,var(--text-dim));content: var(--diff-sign,'\00a0');display: inline-block;inline-size: 1ch;margin-inline-end: var(--space-2xs);-webkit-user-select: none;user-select: none}.ui-diff__row--add{--diff-sign: '+';--diff-tint: var(--diff-add-ink)}.ui-diff__row--remove{--diff-sign: '\2212';--diff-tint: var(--diff-remove-ink)}.ui-diff__row--context{--diff-sign: '\00a0'}.ui-diff__row--add > .ui-diff__ln,.ui-diff__row--add > .ui-diff__code{background: var(--diff-add-bg)}.ui-diff__row--remove > .ui-diff__ln,.ui-diff__row--remove > .ui-diff__code{background: var(--diff-remove-bg)}@media (forced-colors: active){.ui-diff__row--add > .ui-diff__code,.ui-diff__row--remove > .ui-diff__code{border-inline-start: 2px solid currentColor}}@media print{.ui-diff__head,.ui-diff__row--add > .ui-diff__ln,.ui-diff__row--add > .ui-diff__code,.ui-diff__row--remove > .ui-diff__ln,.ui-diff__row--remove > .ui-diff__code{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
1
+ @layer bronto{.ui-diff{--diff-add-bg: color-mix(in srgb,var(--success) 14%,transparent);--diff-remove-bg: color-mix(in srgb,var(--danger) 14%,transparent);--diff-add-ink: var(--success);--diff-remove-ink: var(--danger);border: 1px solid var(--line);border-radius: var(--radius-sm);display: grid;font-family: var(--mono);font-size: var(--text-xs);grid-template-columns: auto auto minmax(0,1fr);line-height: 1.6;overflow: hidden}.ui-diff--split{grid-template-columns: 1fr 1fr}.ui-diff__pane{display: grid;grid-template-columns: auto minmax(0,1fr);min-inline-size: 0}.ui-diff--split > .ui-diff__pane + .ui-diff__pane{border-inline-start: 1px solid var(--line)}.ui-diff__hunk{display: contents}.ui-diff__row{display: contents}.ui-diff__head{background: var(--surface-2);color: var(--text-dim);grid-column: 1 / -1;min-inline-size: 0;overflow-wrap: anywhere;padding: var(--space-2xs) var(--space-sm)}.ui-diff__ln{align-self: start;color: var(--text-dim);font-variant-numeric: tabular-nums;padding: 0 var(--space-sm);text-align: end;-webkit-user-select: none;user-select: none}.ui-diff__code{overflow-wrap: anywhere;padding: 0 var(--space-sm);white-space: pre-wrap}.ui-diff__code::before{color: var(--diff-tint,var(--text-dim));content: var(--diff-sign,'\00a0');display: inline-block;inline-size: 1ch;margin-inline-end: var(--space-2xs);-webkit-user-select: none;user-select: none}.ui-diff__row--add{--diff-sign: '+';--diff-tint: var(--diff-add-ink)}.ui-diff__row--remove{--diff-sign: '\2212';--diff-tint: var(--diff-remove-ink)}.ui-diff__row--context{--diff-sign: '\00a0'}.ui-diff__row--add > .ui-diff__ln,.ui-diff__row--add > .ui-diff__code{background: var(--diff-add-bg)}.ui-diff__row--remove > .ui-diff__ln,.ui-diff__row--remove > .ui-diff__code{background: var(--diff-remove-bg)}@media (forced-colors: active){.ui-diff__row--add > .ui-diff__code,.ui-diff__row--remove > .ui-diff__code{border-inline-start: 2px solid currentColor}}@media print{.ui-diff__head,.ui-diff__row--add > .ui-diff__ln,.ui-diff__row--add > .ui-diff__code,.ui-diff__row--remove > .ui-diff__ln,.ui-diff__row--remove > .ui-diff__code{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
package/dist/css/disclosure.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-tabs{display: grid;gap: var(--space-md)}.ui-tabs__list{border-block-end: 1px solid var(--line);display: flex;gap: 0.1rem;overflow-x: auto;scrollbar-width: none}.ui-tabs__list::-webkit-scrollbar{display: none}.ui-tab{background: transparent;border: 0;border-block-end: 2px solid transparent;color: var(--text-dim);cursor: pointer;display: inline-flex;flex: 0 0 auto;font-family: var(--mono);font-size: var(--text-xs);gap: 0.4rem;letter-spacing: var(--tracking-wide);margin-block-end: -1px;padding: 0.6rem 0.85rem;text-transform: uppercase;transition: color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}@media (pointer: coarse){.ui-tab{min-block-size: 2.9rem}}.ui-tab.is-active{border-block-end-color: var(--accent);color: var(--accent-text)}@media (forced-colors: active){.ui-tab.is-active{border-block-end-color: Highlight;color: Highlight}}.ui-tab:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: -3px}.ui-tabs__panel[hidden]{display: none}@media (hover: hover){.ui-tab:hover:not(.is-active){color: var(--text)}}.ui-accordion{display: grid}.ui-accordion__item{border-block-end: 1px solid var(--line)}.ui-accordion__summary{align-items: center;color: var(--text);cursor: pointer;display: flex;font-family: var(--mono);font-size: var(--text-sm);gap: 0.6rem;letter-spacing: var(--tracking-wide);list-style: none;padding: 0.85rem 0.2rem;text-transform: uppercase}.ui-accordion__summary::-webkit-details-marker{display: none}.ui-accordion__summary::before{border-inline-end: 1.5px solid var(--text-dim);border-block-end: 1.5px solid var(--text-dim);content: '';block-size: 0.4rem;transform: rotate(-45deg);transition: transform var(--duration-fast) var(--ease-spring);inline-size: 0.4rem}.ui-accordion__item[open] .ui-accordion__summary{color: var(--accent-text)}.ui-accordion__item[open] .ui-accordion__summary::before{border-color: var(--accent);transform: rotate(45deg)}.ui-accordion__body{color: var(--text-soft);padding: 0 0.2rem 0.95rem}.ui-accordion__body > :first-child{margin-block-start: 0}@supports selector(::details-content){@media (prefers-reduced-motion: no-preference){.ui-accordion{interpolate-size: allow-keywords}.ui-accordion__item::details-content{block-size: 0;overflow: hidden;transition: block-size var(--duration-base) var(--ease-out),content-visibility var(--duration-base) allow-discrete}.ui-accordion__item[open]::details-content{block-size: auto}}}.ui-segmented{background: var(--panel-soft);border: 1px solid var(--line-strong);border-radius: var(--radius-md);display: inline-flex;gap: 1px;overflow: hidden;padding: 2px}.ui-segmented__option{border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;flex: 1 0 auto;font-family: var(--mono);font-size: var(--text-xs);letter-spacing: var(--tracking-wide);padding: 0.42rem 0.8rem;text-align: center;text-transform: uppercase;transition: background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);white-space: nowrap}.ui-segmented__option input{position: absolute;opacity: 0;pointer-events: none}.ui-segmented__option:has(input:checked){background: var(--accent);color: var(--button-text)}.ui-segmented__option:has(input:focus-visible){outline: 2px solid var(--focus-ring);outline-offset: -2px}@media (hover: hover){.ui-segmented__option:hover:not(:has(input:checked)){color: var(--text)}}.ui-breadcrumb{align-items: center;color: var(--text-dim);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.5rem;letter-spacing: var(--tracking-wide);list-style: none;margin: 0;padding: 0;text-transform: uppercase}.ui-breadcrumb__item{align-items: center;color: var(--text-dim);display: inline-flex;gap: 0.5rem}.ui-breadcrumb__item:not(:last-child)::after{background: var(--line-strong);border-radius: 50%;content: '';block-size: 0.22rem;inline-size: 0.22rem}.ui-breadcrumb__item[aria-current]:not([aria-current='false']){color: var(--text)}.ui-breadcrumb__item a{color: inherit}@media (hover: hover){.ui-breadcrumb__item a:hover{color: var(--accent-text)}}.ui-pagination{align-items: center;display: flex;flex-wrap: wrap;gap: 0.3rem;list-style: none;margin: 0;padding: 0}.ui-pagination__item{align-items: center;background: transparent;border: 1px solid var(--line);border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;display: inline-flex;font-family: var(--mono);font-size: var(--text-xs);justify-content: center;min-block-size: 2rem;min-inline-size: 2rem;padding: 0 0.5rem;transition: border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.ui-pagination__item.is-active,.ui-pagination__item[aria-current]:not([aria-current='false']){border-color: var(--accent);color: var(--accent-text)}.ui-pagination__item[aria-disabled='true'],.ui-pagination__item:disabled{cursor: not-allowed;opacity: 0.4;pointer-events: none}@media (hover: hover){.ui-pagination__item:not( .is-active,[aria-current]:not([aria-current='false']),[aria-disabled='true'],:disabled ):hover{border-color: var(--line-strong);color: var(--text)}}@media (pointer: coarse){.ui-pagination__item{min-block-size: 2.9rem;min-inline-size: 2.9rem}}.ui-avatar{--av-size: 2.2rem;align-items: center;background: var(--panel-soft);border: 1px solid var(--line-strong);border-radius: var(--radius-sm);color: var(--text);display: inline-flex;flex: 0 0 auto;font-family: var(--mono);font-size: calc(var(--av-size) * 0.38);font-weight: 700;block-size: var(--av-size);justify-content: center;letter-spacing: 0.04em;overflow: hidden;text-transform: uppercase;inline-size: var(--av-size)}.ui-avatar img{block-size: 100%;object-fit: cover;inline-size: 100%}.ui-avatar--sm{--av-size: 1.5rem}.ui-avatar--lg{--av-size: 3.2rem}.ui-avatar-group{display: inline-flex}.ui-avatar-group .ui-avatar{box-shadow: 0 0 0 2px var(--bg)}.ui-avatar-group .ui-avatar:not(:first-child){margin-inline-start: -0.5rem}.ui-carousel{display: grid;gap: var(--space-sm)}.ui-carousel__stage{position: relative}.ui-carousel__viewport{display: flex;overflow-x: auto;scroll-behavior: smooth;scroll-snap-type: x mandatory;scrollbar-width: none}.ui-carousel__viewport::-webkit-scrollbar{display: none}.ui-carousel__viewport:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: -2px}.ui-carousel__slide{flex: 0 0 100%;scroll-snap-align: center}.ui-carousel__slide > :is(img,picture,.ui-ratio){display: block;inline-size: 100%;object-fit: cover}.ui-carousel__prev,.ui-carousel__next{align-items: center;background: color-mix(in srgb,var(--panel-strong) 80%,transparent);border: 1px solid var(--line-strong);border-radius: var(--radius-pill);color: var(--text);cursor: pointer;display: inline-flex;block-size: 2.2rem;inline-size: 2.2rem;inset-block-start: 50%;justify-content: center;position: absolute;transform: translateY(-50%);z-index: var(--z-raised)}.ui-carousel__prev{inset-inline-start: var(--space-xs)}.ui-carousel__next{inset-inline-end: var(--space-xs)}.ui-carousel__prev::before,.ui-carousel__next::before{block-size: 0.5rem;border-block-start: 1.5px solid currentcolor;border-inline-end: 1.5px solid currentcolor;content: '';inline-size: 0.5rem}.ui-carousel__prev::before{margin-inline-start: 0.2rem;transform: rotate(-135deg)}.ui-carousel__next::before{margin-inline-end: 0.2rem;transform: rotate(45deg)}[dir='rtl'] .ui-carousel__prev::before{transform: rotate(45deg)}[dir='rtl'] .ui-carousel__next::before{transform: rotate(-135deg)}.ui-carousel__prev:disabled,.ui-carousel__next:disabled{cursor: not-allowed;opacity: 0.35}.ui-carousel__prev:focus-visible,.ui-carousel__next:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 2px}.ui-carousel__status{background: color-mix(in srgb,var(--panel-strong) 75%,transparent);border-radius: var(--radius-pill);color: var(--text);font-family: var(--mono);font-size: var(--text-2xs);inset-block-end: var(--space-xs);inset-inline-start: var(--space-xs);letter-spacing: var(--tracking-wide);padding: 0.2rem 0.5rem;position: absolute}.ui-carousel__thumbs{display: flex;gap: 0.4rem;list-style: none;margin: 0;overflow-x: auto;padding: 0;scroll-behavior: smooth;scrollbar-width: none}.ui-carousel__thumbs::-webkit-scrollbar{display: none}.ui-carousel__thumb{background: transparent;border: 1px solid var(--line);border-radius: var(--radius-sm);cursor: pointer;flex: 0 0 auto;block-size: 3rem;inline-size: 4rem;overflow: hidden;padding: 0}.ui-carousel__thumb > img{block-size: 100%;inline-size: 100%;object-fit: cover}.ui-carousel__thumb[aria-current='true']{border-color: var(--accent)}.ui-carousel__thumb:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 2px}@media (prefers-reduced-motion: reduce){.ui-carousel__viewport,.ui-carousel__thumbs{scroll-behavior: auto}}}
1
+ @layer bronto{.ui-tabs{display: grid;gap: var(--space-md)}.ui-tabs__list{border-block-end: 1px solid var(--line);display: flex;gap: 0.1rem;overflow-x: auto;scrollbar-width: none}.ui-tabs__list::-webkit-scrollbar{display: none}.ui-tab{background: transparent;border: 0;border-block-end: 2px solid transparent;color: var(--text-dim);cursor: pointer;display: inline-flex;flex: 0 0 auto;font-family: var(--mono);font-size: var(--text-xs);gap: 0.4rem;letter-spacing: var(--tracking-wide);margin-block-end: -1px;padding: 0.6rem 0.85rem;text-transform: uppercase;transition: color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}@media (pointer: coarse){.ui-tab{min-block-size: 2.9rem}}.ui-tab.is-active{border-block-end-color: var(--accent);color: var(--accent-text)}@media (forced-colors: active){.ui-tab.is-active{border-block-end-color: Highlight;color: Highlight}}.ui-tab:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: -3px}.ui-tabs__panel[hidden]{display: none}@media (hover: hover){.ui-tab:hover:not(.is-active){color: var(--text)}}.ui-accordion{display: grid}.ui-accordion__item{border-block-end: 1px solid var(--line)}.ui-accordion__summary{align-items: center;color: var(--text);cursor: pointer;display: flex;font-family: var(--mono);font-size: var(--text-sm);gap: 0.6rem;letter-spacing: var(--tracking-wide);list-style: none;padding: 0.85rem 0.2rem;text-transform: uppercase}.ui-accordion__summary::-webkit-details-marker{display: none}.ui-accordion__summary::before{border-inline-end: 1.5px solid var(--text-dim);border-block-end: 1.5px solid var(--text-dim);content: '';block-size: 0.4rem;transform: rotate(-45deg);transition: transform var(--duration-fast) var(--ease-spring);inline-size: 0.4rem}.ui-accordion__item[open] .ui-accordion__summary{color: var(--accent-text)}.ui-accordion__item[open] .ui-accordion__summary::before{border-color: var(--accent);transform: rotate(45deg)}.ui-accordion__body{color: var(--text-soft);padding: 0 0.2rem 0.95rem}.ui-accordion__body > :first-child{margin-block-start: 0}@supports selector(::details-content){@media (prefers-reduced-motion: no-preference){.ui-accordion{interpolate-size: allow-keywords}.ui-accordion__item::details-content{block-size: 0;overflow: hidden;transition: block-size var(--duration-base) var(--ease-out),content-visibility var(--duration-base) allow-discrete}.ui-accordion__item[open]::details-content{block-size: auto}}}.ui-segmented{background: var(--panel-soft);border: 1px solid var(--line-strong);border-radius: var(--radius-md);display: inline-flex;gap: 1px;overflow: hidden;padding: 2px}.ui-segmented__option{border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;flex: 1 0 auto;font-family: var(--mono);font-size: var(--text-xs);letter-spacing: var(--tracking-wide);padding: 0.42rem 0.8rem;text-align: center;text-transform: uppercase;transition: background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);white-space: nowrap}.ui-segmented__option input{position: absolute;opacity: 0;pointer-events: none}.ui-segmented__option:has(input:checked){background: var(--accent);color: var(--button-text)}.ui-segmented__option:has(input:focus-visible){outline: 2px solid var(--focus-ring);outline-offset: -2px}@media (hover: hover){.ui-segmented__option:hover:not(:has(input:checked)){color: var(--text)}}.ui-breadcrumb{align-items: center;color: var(--text-dim);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.5rem;letter-spacing: var(--tracking-wide);list-style: none;margin: 0;padding: 0;text-transform: uppercase}.ui-breadcrumb__item{align-items: center;color: var(--text-dim);display: inline-flex;gap: 0.5rem}.ui-breadcrumb__item:not(:last-child)::after{background: var(--line-strong);border-radius: 50%;content: '';block-size: 0.22rem;inline-size: 0.22rem}.ui-breadcrumb__item[aria-current]:not([aria-current='false']){color: var(--text)}.ui-breadcrumb__item a{color: inherit}@media (hover: hover){.ui-breadcrumb__item a:hover{color: var(--accent-text)}}.ui-pagination{align-items: center;display: flex;flex-wrap: wrap;gap: 0.3rem;list-style: none;margin: 0;padding: 0}.ui-pagination__item{align-items: center;background: transparent;border: 1px solid var(--line);border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;display: inline-flex;font-family: var(--mono);font-size: var(--text-xs);justify-content: center;min-block-size: 2rem;min-inline-size: 2rem;padding: 0 0.5rem;transition: border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.ui-pagination__item.is-active,.ui-pagination__item[aria-current]:not([aria-current='false']){border-color: var(--accent);color: var(--accent-text)}.ui-pagination__item[aria-disabled='true'],.ui-pagination__item:disabled{cursor: not-allowed;opacity: 0.4;pointer-events: none}@media (hover: hover){.ui-pagination__item:not( .is-active,[aria-current]:not([aria-current='false']),[aria-disabled='true'],:disabled ):hover{border-color: var(--line-strong);color: var(--text)}}@media (pointer: coarse){.ui-pagination__item{min-block-size: 2.9rem;min-inline-size: 2.9rem}}.ui-avatar{--av-size: 2.2rem;align-items: center;background: var(--panel-soft);border: 1px solid var(--line-strong);border-radius: var(--radius-sm);color: var(--text);display: inline-flex;flex: 0 0 auto;font-family: var(--mono);font-size: calc(var(--av-size) * 0.38);font-weight: 700;block-size: var(--av-size);justify-content: center;letter-spacing: 0.04em;overflow: hidden;text-transform: uppercase;inline-size: var(--av-size)}.ui-avatar img{block-size: 100%;object-fit: cover;inline-size: 100%}.ui-avatar--sm{--av-size: 1.5rem}.ui-avatar--lg{--av-size: 3.2rem}.ui-avatar-group{display: inline-flex}.ui-avatar-group .ui-avatar{box-shadow: 0 0 0 2px var(--bg)}.ui-avatar-group .ui-avatar:not(:first-child){margin-inline-start: -0.5rem}.ui-carousel{display: grid;gap: var(--space-sm)}.ui-carousel__stage{position: relative}.ui-carousel__viewport{display: flex;overflow-x: auto;scroll-behavior: smooth;scroll-snap-type: x mandatory;scrollbar-width: none}.ui-carousel__viewport::-webkit-scrollbar{display: none}.ui-carousel__viewport:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: -2px}.ui-carousel__slide{flex: 0 0 100%;scroll-snap-align: center}.ui-carousel__slide > :is(img,picture,.ui-ratio){display: block;inline-size: 100%;object-fit: cover}.ui-carousel__prev,.ui-carousel__next{align-items: center;background: color-mix(in srgb,var(--panel-strong) 80%,transparent);border: 1px solid var(--line-strong);border-radius: var(--radius-pill);color: var(--text);cursor: pointer;display: inline-flex;block-size: 2.2rem;inline-size: 2.2rem;inset-block-start: 50%;justify-content: center;position: absolute;transform: translateY(-50%);z-index: var(--z-raised)}.ui-carousel__prev{inset-inline-start: var(--space-xs)}.ui-carousel__next{inset-inline-end: var(--space-xs)}.ui-carousel__prev::before,.ui-carousel__next::before{block-size: 0.5rem;border-block-start: 1.5px solid currentcolor;border-inline-end: 1.5px solid currentcolor;content: '';inline-size: 0.5rem}.ui-carousel__prev::before{margin-inline-start: 0.2rem;transform: rotate(-135deg)}.ui-carousel__next::before{margin-inline-end: 0.2rem;transform: rotate(45deg)}[dir='rtl'] .ui-carousel__prev::before{transform: rotate(45deg)}[dir='rtl'] .ui-carousel__next::before{transform: rotate(-135deg)}.ui-carousel__prev:disabled,.ui-carousel__next:disabled{cursor: not-allowed;opacity: 0.35}.ui-carousel__prev:focus-visible,.ui-carousel__next:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 2px}.ui-carousel__status{background: color-mix(in srgb,var(--panel-strong) 75%,transparent);border-radius: var(--radius-pill);color: var(--text);font-family: var(--mono);font-size: var(--text-2xs);inset-block-end: var(--space-xs);inset-inline-start: var(--space-xs);letter-spacing: var(--tracking-wide);padding: 0.2rem 0.5rem;position: absolute}@media (prefers-reduced-transparency: reduce){.ui-carousel__prev,.ui-carousel__next,.ui-carousel__status{background: var(--surface-3)}}.ui-carousel__thumbs{display: flex;gap: 0.4rem;list-style: none;margin: 0;overflow-x: auto;padding: 0;scroll-behavior: smooth;scrollbar-width: none}.ui-carousel__thumbs::-webkit-scrollbar{display: none}.ui-carousel__thumb{background: transparent;border: 1px solid var(--line);border-radius: var(--radius-sm);cursor: pointer;flex: 0 0 auto;block-size: 3rem;inline-size: 4rem;overflow: hidden;padding: 0}.ui-carousel__thumb > img{block-size: 100%;inline-size: 100%;object-fit: cover}.ui-carousel__thumb[aria-current='true']{border-color: var(--accent)}.ui-carousel__thumb:focus-visible{outline: 2px solid var(--focus-ring);outline-offset: 2px}@media (prefers-reduced-motion: reduce){.ui-carousel__viewport,.ui-carousel__thumbs{scroll-behavior: auto}}}
package/dist/css/dots.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-dotgrid{--_dot: var(--dot-color,var(--field-dot));background-image: radial-gradient(var(--_dot) var(--dot-size),transparent var(--dot-size));background-position: 0 0;background-size: var(--dot-gap) var(--dot-gap)}.ui-dotgrid--accent{--dot-color: var(--field-dot-accent)}.ui-dotgrid--dense{--dot-gap: 8px}.ui-dotfield{--_dot: var(--dot-color,var(--field-dot));background-image: radial-gradient(var(--_dot) var(--dot-size),transparent var(--dot-size));background-size: var(--dot-gap) var(--dot-gap);inset: 0;mask-image: radial-gradient(ellipse at 50% 0%,#000 30%,transparent 78%);pointer-events: none;position: fixed;z-index: var(--z-base)}.ui-dotrule{background-image: radial-gradient(var(--line-strong) 1.4px,transparent 1.4px);background-position: 0 50%;background-size: 9px 9px;border: 0;block-size: 3px;margin: var(--space-md) 0;inline-size: 100%}.ui-dotmatrix{display: grid;gap: var(--dotmatrix-gap,0.5rem);grid-template-columns: repeat(var(--dotmatrix-cols,12),var(--dotmatrix-dot,minmax(0,1fr)))}.ui-dotmatrix__cell{aspect-ratio: 1;background: var(--field-dot);border-radius: var(--dotmatrix-dot-radius,50%)}.ui-dotmatrix__cell--hot{background: var(--field-dot-hot);box-shadow: 0 0 var(--dotmatrix-glow,0) var(--field-dot-hot)}.ui-dotmatrix__cell--accent{background: var(--field-dot-accent);box-shadow: 0 0 var(--dotmatrix-glow,0) var(--field-dot-accent)}.ui-dotmatrix--reveal .ui-dotmatrix__cell{animation: dotmatrixCellOn var(--duration-base) var(--ease-out) both;animation-delay: calc(var(--i,0) * var(--dotmatrix-reveal-step,3ms))}@keyframes dotmatrixCellOn{from{opacity: 0;transform: scale(0.35)}}.ui-dotmatrix--pulse{animation: dotmatrixPulse 1.8s var(--ease-standard) infinite}@keyframes dotmatrixPulse{50%{opacity: var(--dotmatrix-pulse-min,0.55);transform: scale(0.94)}}.ui-icon{display: inline-block;flex: 0 0 auto;inline-size: var(--icon-size,1em);block-size: var(--icon-size,1em);background: currentcolor;vertical-align: -0.125em;-webkit-mask: var(--icon-mask) center / contain no-repeat;mask: var(--icon-mask) center / contain no-repeat}.ui-dot{background: var(--text-dim);border-radius: 50%;display: inline-block;flex: 0 0 auto;block-size: 0.55rem;inline-size: 0.55rem}.ui-dot--accent{background: var(--accent)}.ui-dot--success{background: var(--success)}.ui-dot--warning{background: var(--warning)}.ui-dot--danger{background: var(--danger)}.ui-dot--info{background: var(--info)}.ui-dot--live{background: var(--success);box-shadow: 0 0 0 0 color-mix(in srgb,var(--success) 70%,transparent);position: relative}.ui-dot--live::after{animation: pulseRing 1.8s var(--ease-out) infinite;border: 1px solid var(--success);border-radius: 50%;content: '';inset: -3px;position: absolute}.ui-status{align-items: center;color: var(--text-soft);display: inline-flex;font-family: var(--mono);font-size: var(--text-xs);gap: 0.45rem;letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-dotloader{align-items: center;display: inline-flex;gap: 0.32rem}.ui-dotloader span{animation: pulseDot 1s var(--ease-standard) infinite;background: var(--accent);border-radius: 50%;block-size: 0.42rem;inline-size: 0.42rem}.ui-dotloader span:nth-child(2){animation-delay: 0.16s}.ui-dotloader span:nth-child(3){animation-delay: 0.32s}.ui-dotspinner{--ds-box: 1.6rem;--ds-dot: 0.26rem;animation: uiSpin 1s steps(8) infinite;display: inline-block;flex: 0 0 auto;block-size: var(--ds-box);position: relative;inline-size: var(--ds-box)}.ui-dotspinner i{background: var(--accent);border-radius: 50%;block-size: var(--ds-dot);inset: 0;margin: auto;position: absolute;inline-size: var(--ds-dot)}.ui-dotspinner i:nth-child(1){opacity: 1;transform: rotate(0deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(2){opacity: 0.85;transform: rotate(45deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(3){opacity: 0.7;transform: rotate(90deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(4){opacity: 0.56;transform: rotate(135deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(5){opacity: 0.44;transform: rotate(180deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(6){opacity: 0.34;transform: rotate(225deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(7){opacity: 0.25;transform: rotate(270deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(8){opacity: 0.16;transform: rotate(315deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(n + 9){display: none}.ui-dotspinner--sm{--ds-box: 1.05rem;--ds-dot: 0.18rem}.ui-dotspinner--lg{--ds-box: 2.6rem;--ds-dot: 0.42rem}.ui-dotbar{display: flex;gap: 3px}.ui-dotbar i{background: var(--field-dot);border-radius: var(--radius-sm);flex: 1;block-size: 0.5rem}.ui-dotbar i.is-on{background: var(--accent)}.ui-dotbar--indeterminate i{animation: pulseDot 1.1s var(--ease-standard) infinite}.ui-dotbar--indeterminate i:nth-child(2){animation-delay: 0.09s}.ui-dotbar--indeterminate i:nth-child(3){animation-delay: 0.18s}.ui-dotbar--indeterminate i:nth-child(4){animation-delay: 0.27s}.ui-dotbar--indeterminate i:nth-child(5){animation-delay: 0.36s}.ui-dotbar--indeterminate i:nth-child(6){animation-delay: 0.45s}.ui-dotbar--indeterminate i:nth-child(7){animation-delay: 0.54s}.ui-dotbar--indeterminate i:nth-child(n + 8){animation-delay: 0.63s}.ui-waffle{display: grid;gap: var(--waffle-gap,0.18em);grid-template-columns: repeat(var(--waffle-cols,10),1fr);inline-size: var(--waffle-size,7em)}.ui-waffle i{aspect-ratio: 1;background: var(--field-dot);border-radius: var(--dotmatrix-dot-radius,50%)}.ui-waffle i.is-on{background: var(--field-dot-accent);box-shadow: 0 0 var(--dotmatrix-glow,0) var(--field-dot-accent)}.ui-activity{display: grid;gap: var(--activity-gap,0.18em);grid-auto-columns: var(--activity-cell,0.82em);grid-auto-flow: column;grid-template-rows: repeat(var(--activity-rows,7),1fr)}.ui-activity i{aspect-ratio: 1;background: var(--field-dot);border-radius: var(--dotmatrix-dot-radius,2px)}.ui-activity i[data-level='1']{background: color-mix(in oklab,var(--field-dot-accent) 30%,var(--field-dot))}.ui-activity i[data-level='2']{background: color-mix(in oklab,var(--field-dot-accent) 55%,var(--field-dot))}.ui-activity i[data-level='3']{background: color-mix(in oklab,var(--field-dot-accent) 78%,var(--field-dot))}.ui-activity i[data-level='4']{background: var(--field-dot-accent)}.ui-level{block-size: var(--level-height,4em);display: flex;flex-direction: column-reverse;gap: var(--level-gap,2px);inline-size: var(--level-size,0.7em)}.ui-level i{background: var(--field-dot);border-radius: var(--radius-sm);flex: 1}.ui-level i.is-on{background: var(--accent);box-shadow: 0 0 var(--dotmatrix-glow,0) var(--accent)}.ui-level--warn i.is-on{background: var(--warning)}.ui-level--danger i.is-on{background: var(--danger)}.ui-dotgauge{--_v: var(--v,0);--_sweep: var(--gauge-sweep,270deg);aspect-ratio: 1;background: conic-gradient( from var(--gauge-from,135deg),var(--field-dot-accent) calc(var(--_v) * var(--_sweep)),var(--field-dot) calc(var(--_v) * var(--_sweep)) var(--_sweep),transparent var(--_sweep) );border-radius: 50%;inline-size: var(--gauge-size,5em);-webkit-mask: radial-gradient(closest-side,transparent 58%,#000 59%),radial-gradient(circle,#000 34%,transparent 36%) 0 0 / var(--gauge-dot,0.5em) var(--gauge-dot,0.5em);-webkit-mask-composite: source-in;mask: radial-gradient(closest-side,transparent 58%,#000 59%),radial-gradient(circle,#000 34%,transparent 36%) 0 0 / var(--gauge-dot,0.5em) var(--gauge-dot,0.5em);mask-composite: intersect}.ui-readout{align-items: flex-end;display: inline-flex;gap: var(--readout-gap,0.12em)}.ui-readout__spacer{display: inline-block;inline-size: var(--readout-space,0.5em)}.ui-halftone{-webkit-mask: radial-gradient(circle,#000 var(--halftone-dot,38%),transparent calc(var(--halftone-dot,38%) + 1%)) 0 0 / var(--halftone-gap,0.5em) var(--halftone-gap,0.5em);mask: radial-gradient(circle,#000 var(--halftone-dot,38%),transparent calc(var(--halftone-dot,38%) + 1%)) 0 0 / var(--halftone-gap,0.5em) var(--halftone-gap,0.5em)}.ui-dotfit{container: dotfit / inline-size}@container dotfit (width < 18rem){.ui-dotfit .ui-dotgrid{--dot-gap: 8px}.ui-dotfit .ui-activity{--activity-cell: 0.6em}.ui-dotfit .ui-waffle{--waffle-size: 5em}}@media (scripting: enabled){.ui-matrix{clip-path: inset(0 100% 0 0);transition: clip-path var(--duration-slow) var(--ease-out)}.ui-matrix.is-in{clip-path: inset(0 0 0 0)}}@media (prefers-reduced-motion: reduce){.ui-dot--live::after,.ui-dotloader span,.ui-dotspinner,.ui-dotbar--indeterminate i,.ui-dotmatrix--reveal .ui-dotmatrix__cell,.ui-dotmatrix--pulse{animation: none}.ui-dotspinner i{opacity: 0.6}.ui-matrix{clip-path: none}}@media (forced-colors: active){.ui-dot--success{forced-color-adjust: none;background: LinkText}.ui-dot--warning{forced-color-adjust: none;background: Mark}.ui-dot--danger{forced-color-adjust: none;background: Highlight}.ui-dot--info{forced-color-adjust: none;background: ButtonText}.ui-dot--accent,.ui-dot--live{forced-color-adjust: none;background: LinkText}.ui-dot--live::after{border-color: LinkText}.ui-icon{forced-color-adjust: none;background: CanvasText}.ui-dotmatrix__cell--hot{forced-color-adjust: none;background: Highlight}.ui-dotmatrix__cell--accent{forced-color-adjust: none;background: LinkText}.ui-waffle i.is-on,.ui-level i.is-on{forced-color-adjust: none;background: LinkText}.ui-level--warn i.is-on{background: Mark}.ui-level--danger i.is-on{background: Highlight}.ui-activity i[data-level='1'],.ui-activity i[data-level='2'],.ui-activity i[data-level='3'],.ui-activity i[data-level='4']{forced-color-adjust: none;background: CanvasText}.ui-dotgauge{forced-color-adjust: none}}@media print{.ui-dotmatrix__cell,.ui-dotbar i,.ui-dot,.ui-icon,.ui-waffle i,.ui-activity i,.ui-level i,.ui-dotgauge{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
1
+ @layer bronto{.ui-dotgrid{--_dot: var(--dot-color,var(--field-dot));background-image: radial-gradient(var(--_dot) var(--dot-size),transparent var(--dot-size));background-position: 0 0;background-size: var(--dot-gap) var(--dot-gap)}.ui-dotgrid--accent{--dot-color: var(--field-dot-accent)}.ui-dotgrid--dense{--dot-gap: 8px}.ui-dotfield{--_dot: var(--dot-color,var(--field-dot));background-image: radial-gradient(var(--_dot) var(--dot-size),transparent var(--dot-size));background-size: var(--dot-gap) var(--dot-gap);inset: 0;mask-image: radial-gradient(ellipse at 50% 0%,#000 30%,transparent 78%);pointer-events: none;position: fixed;z-index: var(--z-base)}.ui-dotrule{background-image: radial-gradient(var(--line-strong) 1.4px,transparent 1.4px);background-position: 0 50%;background-size: 9px 9px;border: 0;block-size: 3px;margin: var(--space-md) 0;inline-size: 100%}.ui-dotmatrix{display: grid;gap: var(--dotmatrix-gap,0.5rem);grid-template-columns: repeat(var(--dotmatrix-cols,12),var(--dotmatrix-dot,minmax(0,1fr)))}.ui-dotmatrix__cell{aspect-ratio: 1;background: var(--field-dot);border-radius: var(--dotmatrix-dot-radius,50%)}.ui-dotmatrix__cell--hot{background: var(--field-dot-hot);box-shadow: 0 0 var(--dotmatrix-glow,0) var(--field-dot-hot)}.ui-dotmatrix__cell--accent{background: var(--field-dot-accent);box-shadow: 0 0 var(--dotmatrix-glow,0) var(--field-dot-accent)}.ui-dotmatrix--reveal .ui-dotmatrix__cell{animation: dotmatrixCellOn var(--duration-base) var(--ease-out) both;animation-delay: calc(var(--i,0) * var(--dotmatrix-reveal-step,3ms))}@keyframes dotmatrixCellOn{from{opacity: 0;transform: scale(0.35)}}.ui-dotmatrix--pulse{animation: dotmatrixPulse 1.8s var(--ease-standard) infinite}@keyframes dotmatrixPulse{50%{opacity: var(--dotmatrix-pulse-min,0.55);transform: scale(0.94)}}.ui-icon{display: inline-block;flex: 0 0 auto;inline-size: var(--icon-size,1em);block-size: var(--icon-size,1em);background: currentcolor;vertical-align: -0.125em;-webkit-mask: var(--icon-mask) center / contain no-repeat;mask: var(--icon-mask) center / contain no-repeat}.ui-dot{background: var(--text-dim);border-radius: 50%;display: inline-block;flex: 0 0 auto;block-size: 0.55rem;inline-size: 0.55rem}.ui-dot--accent{background: var(--accent)}.ui-dot--success{background: var(--success)}.ui-dot--warning{background: var(--warning)}.ui-dot--danger{background: var(--danger)}.ui-dot--info{background: var(--info)}.ui-dot--live{background: var(--success);box-shadow: 0 0 0 0 color-mix(in srgb,var(--success) 70%,transparent);position: relative}.ui-dot--live::after{animation: pulseRing 1.8s var(--ease-out) infinite;border: 1px solid var(--success);border-radius: 50%;content: '';inset: -3px;position: absolute}.ui-status{align-items: center;color: var(--text-soft);display: inline-flex;font-family: var(--mono);font-size: var(--text-xs);gap: 0.45rem;letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-dotloader{align-items: center;display: inline-flex;gap: 0.32rem}.ui-dotloader span{animation: pulseDot 1s var(--ease-standard) infinite;background: var(--accent);border-radius: 50%;block-size: 0.42rem;inline-size: 0.42rem}.ui-dotloader span:nth-child(2){animation-delay: 0.16s}.ui-dotloader span:nth-child(3){animation-delay: 0.32s}.ui-dotspinner{--ds-box: 1.6rem;--ds-dot: 0.26rem;animation: uiSpin 1s steps(8) infinite;display: inline-block;flex: 0 0 auto;block-size: var(--ds-box);position: relative;inline-size: var(--ds-box)}.ui-dotspinner i{background: var(--accent);border-radius: 50%;block-size: var(--ds-dot);inset: 0;margin: auto;position: absolute;inline-size: var(--ds-dot)}.ui-dotspinner i:nth-child(1){opacity: 1;transform: rotate(0deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(2){opacity: 0.85;transform: rotate(45deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(3){opacity: 0.7;transform: rotate(90deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(4){opacity: 0.56;transform: rotate(135deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(5){opacity: 0.44;transform: rotate(180deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(6){opacity: 0.34;transform: rotate(225deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(7){opacity: 0.25;transform: rotate(270deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(8){opacity: 0.16;transform: rotate(315deg) translateY(calc(var(--ds-box) / -2 + var(--ds-dot) / 2))}.ui-dotspinner i:nth-child(n + 9){display: none}.ui-dotspinner--sm{--ds-box: 1.05rem;--ds-dot: 0.18rem}.ui-dotspinner--lg{--ds-box: 2.6rem;--ds-dot: 0.42rem}.ui-dotbar{display: flex;gap: 3px}.ui-dotbar i{background: var(--field-dot);border-radius: var(--radius-sm);flex: 1;block-size: 0.5rem}.ui-dotbar i.is-on{background: var(--accent)}.ui-dotbar--indeterminate i{animation: pulseDot 1.1s var(--ease-standard) infinite}.ui-dotbar--indeterminate i:nth-child(2){animation-delay: 0.09s}.ui-dotbar--indeterminate i:nth-child(3){animation-delay: 0.18s}.ui-dotbar--indeterminate i:nth-child(4){animation-delay: 0.27s}.ui-dotbar--indeterminate i:nth-child(5){animation-delay: 0.36s}.ui-dotbar--indeterminate i:nth-child(6){animation-delay: 0.45s}.ui-dotbar--indeterminate i:nth-child(7){animation-delay: 0.54s}.ui-dotbar--indeterminate i:nth-child(n + 8){animation-delay: 0.63s}.ui-waffle{display: grid;gap: var(--waffle-gap,0.18em);grid-template-columns: repeat(var(--waffle-cols,10),1fr);inline-size: var(--waffle-size,7em)}.ui-waffle i{aspect-ratio: 1;background: var(--field-dot);border-radius: var(--dotmatrix-dot-radius,50%)}.ui-waffle i.is-on{background: var(--field-dot-accent);box-shadow: 0 0 var(--dotmatrix-glow,0) var(--field-dot-accent)}.ui-activity{display: grid;gap: var(--activity-gap,0.18em);grid-auto-columns: var(--activity-cell,0.82em);grid-auto-flow: column;grid-template-rows: repeat(var(--activity-rows,7),1fr)}.ui-activity i{aspect-ratio: 1;background: var(--field-dot);border-radius: var(--dotmatrix-dot-radius,2px)}.ui-activity i[data-level='1']{background: color-mix(in oklab,var(--field-dot-accent) 30%,var(--field-dot))}.ui-activity i[data-level='2']{background: color-mix(in oklab,var(--field-dot-accent) 55%,var(--field-dot))}.ui-activity i[data-level='3']{background: color-mix(in oklab,var(--field-dot-accent) 78%,var(--field-dot))}.ui-activity i[data-level='4']{background: var(--field-dot-accent)}.ui-level{block-size: var(--level-height,4em);display: flex;flex-direction: column-reverse;gap: var(--level-gap,2px);inline-size: var(--level-size,0.7em)}.ui-level i{background: var(--field-dot);border-radius: var(--radius-sm);flex: 1}.ui-level i.is-on{background: var(--accent);box-shadow: 0 0 var(--dotmatrix-glow,0) var(--accent)}.ui-level--warn i.is-on{background: var(--warning)}.ui-level--danger i.is-on{background: var(--danger)}.ui-dotgauge{--_v: var(--v,0);--_sweep: var(--gauge-sweep,270deg);aspect-ratio: 1;background: conic-gradient( from var(--gauge-from,135deg),var(--field-dot-accent) calc(var(--_v) * var(--_sweep)),var(--field-dot) calc(var(--_v) * var(--_sweep)) var(--_sweep),transparent var(--_sweep) );border-radius: 50%;inline-size: var(--gauge-size,5em);-webkit-mask: radial-gradient(closest-side,transparent 58%,#000 59%),radial-gradient(circle,#000 34%,transparent 36%) 0 0 / var(--gauge-dot,0.5em) var(--gauge-dot,0.5em);-webkit-mask-composite: source-in;mask: radial-gradient(closest-side,transparent 58%,#000 59%),radial-gradient(circle,#000 34%,transparent 36%) 0 0 / var(--gauge-dot,0.5em) var(--gauge-dot,0.5em);mask-composite: intersect}.ui-readout{align-items: flex-end;display: inline-flex;gap: var(--readout-gap,0.12em)}.ui-readout__spacer{display: inline-block;inline-size: var(--readout-space,0.5em)}.ui-halftone{-webkit-mask: radial-gradient(circle,#000 var(--halftone-dot,38%),transparent calc(var(--halftone-dot,38%) + 1%)) 0 0 / var(--halftone-gap,0.5em) var(--halftone-gap,0.5em);mask: radial-gradient(circle,#000 var(--halftone-dot,38%),transparent calc(var(--halftone-dot,38%) + 1%)) 0 0 / var(--halftone-gap,0.5em) var(--halftone-gap,0.5em)}.ui-dotfit{container: dotfit / inline-size}@container dotfit (inline-size < 18rem){.ui-dotfit .ui-dotgrid{--dot-gap: 8px}.ui-dotfit .ui-activity{--activity-cell: 0.6em}.ui-dotfit .ui-waffle{--waffle-size: 5em}}@media (scripting: enabled){.ui-matrix{clip-path: inset(0 100% 0 0);transition: clip-path var(--duration-slow) var(--ease-out)}.ui-matrix.is-in{clip-path: inset(0 0 0 0)}}@media (prefers-reduced-motion: reduce){.ui-dot--live::after,.ui-dotloader span,.ui-dotspinner,.ui-dotbar--indeterminate i,.ui-dotmatrix--reveal .ui-dotmatrix__cell,.ui-dotmatrix--pulse{animation: none}.ui-dotspinner i{opacity: 0.6}.ui-matrix{clip-path: none}}@media (forced-colors: active){.ui-dot--success{forced-color-adjust: none;background: LinkText}.ui-dot--warning{forced-color-adjust: none;background: Mark}.ui-dot--danger{forced-color-adjust: none;background: Highlight}.ui-dot--info{forced-color-adjust: none;background: ButtonText}.ui-dot--accent,.ui-dot--live{forced-color-adjust: none;background: LinkText}.ui-dot--live::after{border-color: LinkText}.ui-icon{forced-color-adjust: none;background: CanvasText}.ui-dotmatrix__cell--hot{forced-color-adjust: none;background: Highlight}.ui-dotmatrix__cell--accent{forced-color-adjust: none;background: LinkText}.ui-waffle i.is-on,.ui-level i.is-on{forced-color-adjust: none;background: LinkText}.ui-level--warn i.is-on{background: Mark}.ui-level--danger i.is-on{background: Highlight}.ui-activity i[data-level='1'],.ui-activity i[data-level='2'],.ui-activity i[data-level='3'],.ui-activity i[data-level='4']{forced-color-adjust: none;background: CanvasText}.ui-dotgauge{forced-color-adjust: none}}@media print{.ui-dotmatrix__cell,.ui-dotbar i,.ui-dot,.ui-icon,.ui-waffle i,.ui-activity i,.ui-level i,.ui-dotgauge{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
package/dist/css/feedback.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{@property --value{syntax: '<number>';inherits: true;initial-value: 0}.ui-alert{background: var(--panel-soft);border: 1px solid var(--line);border-inline-start: 2px solid var(--line-strong);border-radius: var(--radius-md);color: var(--text-soft);display: grid;font-size: var(--text-sm);gap: 0.3rem;grid-template-columns: auto 1fr;padding: 0.8rem 0.9rem}.ui-alert::before{background: var(--text-dim);border-radius: 50%;content: '';block-size: 0.5rem;margin-block-start: 0.32rem;inline-size: 0.5rem;print-color-adjust: exact}.ui-alert > *{grid-column: 2}.ui-alert__title{color: var(--text);font-family: var(--mono);font-size: var(--text-2xs);font-weight: 700;letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-alert__body{margin: 0}.ui-alert__close{background: transparent;border: 0;color: var(--text-dim);cursor: pointer;font-family: var(--mono);grid-column: 3;grid-row: 1;line-height: 1;padding: 0.1rem 0.3rem}.ui-alert:has(.ui-alert__close){grid-template-columns: auto 1fr auto}.ui-alert--accent{border-inline-start-color: var(--accent)}.ui-alert--accent::before{background: var(--accent)}.ui-alert--success{border-inline-start-color: var(--success)}.ui-alert--success::before{background: var(--success)}.ui-alert--warning{border-inline-start-color: var(--warning)}.ui-alert--warning::before{background: var(--warning)}.ui-alert--danger{border-inline-start-color: var(--danger)}.ui-alert--danger::before{background: var(--danger)}.ui-alert--info{border-inline-start-color: var(--info)}.ui-alert--info::before{background: var(--info)}@media (hover: hover){.ui-alert__close:hover{color: var(--text)}}.ui-toast-stack{display: grid;gap: 0.5rem;inset-block: auto 1.25rem;inset-inline: auto 1.25rem;justify-items: end;max-inline-size: min(22rem,calc(100vw - 2rem));pointer-events: none;position: fixed;z-index: var(--z-toast)}.ui-toast-stack--assertive{inset-block: 1.25rem auto}.ui-toast{align-items: flex-start;animation: uiToastIn var(--duration-base) var(--ease-spring) both;transition: opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text-soft);display: grid;font-size: var(--text-sm);gap: 0.2rem 0.55rem;grid-template-columns: auto 1fr;padding: 0.7rem 0.85rem;pointer-events: auto;inline-size: 100%}.ui-toast.is-leaving{animation: none;opacity: 0;transform: translateY(6px) scale(0.98)}.ui-toast::before{background: var(--text-dim);border-radius: 50%;content: '';grid-row: 1 / -1;block-size: 0.5rem;margin-block-start: 0.3rem;inline-size: 0.5rem;print-color-adjust: exact}.ui-toast__title{color: var(--text);font-family: var(--mono);font-size: var(--text-2xs);font-weight: 700;letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-toast__close{align-self: start;background: none;border: 0;block-size: 1.4rem;color: var(--text-dim);cursor: pointer;font: inherit;grid-column: 3;grid-row: 1 / -1;inline-size: 1.4rem;padding: 0}.ui-toast__close::before{content: '\00d7';font-size: 1.1rem;line-height: 1}@media (pointer: coarse){.ui-alert__close,.ui-toast__close{display: inline-grid;place-items: center;min-block-size: 2.9rem;min-inline-size: 2.9rem}.ui-alert__close{padding: 0}}@media (hover: hover){.ui-toast__close:hover{color: var(--text)}}.ui-toast--accent::before{background: var(--accent)}.ui-toast--success::before{background: var(--success)}.ui-toast--warning::before{background: var(--warning)}.ui-toast--danger::before{background: var(--danger)}.ui-toast--info::before{background: var(--info)}@media (forced-colors: active){.ui-alert::before,.ui-toast::before{background: none;border-radius: 0;content: var(--tone-glyph,'\2022');block-size: auto;inline-size: auto;margin-block-start: 0;font-family: var(--mono);font-weight: 700;line-height: 1.1}.ui-alert--accent,.ui-toast--accent{--tone-glyph: '\25C6'}.ui-alert--success,.ui-toast--success{--tone-glyph: '\2713'}.ui-alert--warning,.ui-toast--warning{--tone-glyph: '\0021'}.ui-alert--danger,.ui-toast--danger{--tone-glyph: '\2715'}.ui-alert--info,.ui-toast--info{--tone-glyph: '\69'}}.ui-tooltip{display: inline-flex;position: relative}.ui-tooltip__bubble{background: var(--text);border-radius: var(--radius-sm);inset-block-end: calc(100% + 0.5rem);color: var(--bg);font-family: var(--mono);font-size: var(--text-2xs);inset-inline-start: 50%;letter-spacing: var(--tracking-wide);opacity: 0;padding: 0.34rem 0.5rem;pointer-events: none;position: absolute;text-transform: uppercase;transform: translate(-50%,4px);transition: opacity var(--duration-fast) var(--ease-standard);white-space: nowrap;z-index: var(--z-popover)}.ui-tooltip:hover .ui-tooltip__bubble,.ui-tooltip:focus-within .ui-tooltip__bubble{opacity: 1;transform: translate(-50%,0)}.ui-popover{background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text-soft);font-size: var(--text-sm);inline-size: max-content;margin: 0;max-inline-size: min(22rem,calc(100vw - 2rem));overflow: auto;padding: var(--space-sm) var(--space-md);position: fixed;z-index: var(--z-popover)}.ui-popover:not([popover],.is-open){display: none}.ui-popover[popover]:not(:popover-open){display: none}@media (prefers-reduced-motion: no-preference){.ui-popover{opacity: 0;transform: translateY(-4px) scale(0.98);transition: opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),overlay var(--duration-fast) allow-discrete,display var(--duration-fast) allow-discrete}.ui-popover.is-open,.ui-popover[popover]:popover-open{opacity: 1;transform: none}@starting-style{.ui-popover.is-open,.ui-popover[popover]:popover-open{opacity: 0;transform: translateY(-4px) scale(0.98)}}}.ui-progress{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-pill);block-size: 0.5rem;overflow: hidden;position: relative;inline-size: 100%}.ui-progress__bar{background: var(--accent);block-size: 100%;display: block;transition: inline-size var(--duration-base) var(--ease-out);inline-size: calc(clamp(0,var(--value,0),100) * 1%)}.ui-progress--indeterminate .ui-progress__bar{animation: uiTrack 1.1s var(--ease-standard) infinite;position: absolute;inline-size: 45%}@media (prefers-reduced-motion: reduce){.ui-progress--indeterminate .ui-progress__bar{animation-duration: 0.01ms;background: repeating-linear-gradient( -45deg,var(--accent) 0,var(--accent) 0.3rem,color-mix(in srgb,var(--accent) 35%,transparent) 0.3rem,color-mix(in srgb,var(--accent) 35%,transparent) 0.6rem );inset-inline-start: 0;inline-size: 100%}.ui-toast{animation: none;transition: none}}.ui-meter{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-pill);block-size: 0.5rem;overflow: hidden;inline-size: 100%}.ui-meter__fill{background: var(--text-dim);block-size: 100%;display: block;transition: inline-size var(--duration-base) var(--ease-out);inline-size: calc(clamp(0,var(--value,0),100) * 1%)}.ui-meter--accent .ui-meter__fill{background: var(--accent)}.ui-meter--success .ui-meter__fill{background: var(--success)}.ui-meter--warning .ui-meter__fill{background: var(--warning)}.ui-meter--danger .ui-meter__fill{background: var(--danger)}.ui-meter--info .ui-meter__fill{background: var(--info)}.ui-steps{counter-reset: ui-step;display: flex;flex-wrap: wrap;gap: var(--space-sm);list-style: none;margin: 0;padding: 0}.ui-steps__item{align-items: center;color: var(--text-dim);counter-increment: ui-step;display: inline-flex;flex: 1 1 auto;font-family: var(--mono);font-size: var(--text-xs);gap: 0.5rem;letter-spacing: var(--tracking-wide);min-inline-size: min(100%,max-content);text-transform: uppercase}.ui-steps__item::before{align-items: center;border: 1px solid var(--line-strong);border-radius: 50%;color: var(--text-dim);content: counter(ui-step);display: inline-flex;flex: 0 0 auto;block-size: 1.5rem;inline-size: 1.5rem;justify-content: center}.ui-steps__item:not(:last-child)::after{background: var(--line);block-size: 1px;content: '';flex: 1 1 1.5rem;min-inline-size: 1rem}.ui-steps__item[aria-current='step']{color: var(--text)}.ui-steps__item[aria-current='step']::before{border-color: var(--accent);color: var(--accent-text)}.ui-steps__item--done{color: var(--text-soft)}.ui-steps__item--done::before{background: var(--accent);border-color: var(--accent);color: var(--button-text)}@media print{.ui-progress__bar,.ui-meter__fill{-webkit-print-color-adjust: exact;print-color-adjust: exact}}@media (forced-colors: active){.ui-progress__bar,.ui-meter__fill,.ui-meter--accent .ui-meter__fill,.ui-meter--success .ui-meter__fill,.ui-meter--warning .ui-meter__fill,.ui-meter--danger .ui-meter__fill,.ui-meter--info .ui-meter__fill{background: Highlight;forced-color-adjust: none}}}
1
+ @layer bronto{@property --value{syntax: '<number>';inherits: true;initial-value: 0}.ui-alert{background: var(--panel-soft);border: 1px solid var(--line);border-inline-start: 2px solid var(--line-strong);border-radius: var(--radius-md);color: var(--text-soft);display: grid;font-size: var(--text-sm);gap: 0.3rem;grid-template-columns: auto 1fr;padding: 0.8rem 0.9rem}.ui-alert::before{background: var(--text-dim);border-radius: 50%;content: '';block-size: 0.5rem;margin-block-start: 0.32rem;inline-size: 0.5rem;print-color-adjust: exact}.ui-alert > *{grid-column: 2}.ui-alert__title{color: var(--text);font-family: var(--mono);font-size: var(--text-2xs);font-weight: 700;letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-alert__body{margin: 0}.ui-alert__close{background: transparent;border: 0;color: var(--text-dim);cursor: pointer;font-family: var(--mono);grid-column: 3;grid-row: 1;line-height: 1;padding: 0.1rem 0.3rem}.ui-alert:has(.ui-alert__close){grid-template-columns: auto 1fr auto}.ui-alert--accent{border-inline-start-color: var(--accent)}.ui-alert--accent::before{background: var(--accent)}.ui-alert--success{border-inline-start-color: var(--success)}.ui-alert--success::before{background: var(--success)}.ui-alert--warning{border-inline-start-color: var(--warning)}.ui-alert--warning::before{background: var(--warning)}.ui-alert--danger{border-inline-start-color: var(--danger)}.ui-alert--danger::before{background: var(--danger)}.ui-alert--info{border-inline-start-color: var(--info)}.ui-alert--info::before{background: var(--info)}@media (hover: hover){.ui-alert__close:hover{color: var(--text)}}.ui-toast-stack{display: grid;gap: 0.5rem;inset-block: auto 1.25rem;inset-inline: auto 1.25rem;justify-items: end;max-inline-size: min(22rem,calc(100vw - 2rem));pointer-events: none;position: fixed;z-index: var(--z-toast)}.ui-toast-stack--assertive{inset-block: 1.25rem auto}.ui-toast{align-items: flex-start;animation: uiToastIn var(--duration-base) var(--ease-spring) both;transition: opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text-soft);display: grid;font-size: var(--text-sm);gap: 0.2rem 0.55rem;grid-template-columns: auto 1fr;padding: 0.7rem 0.85rem;pointer-events: auto;inline-size: 100%}.ui-toast.is-leaving{animation: none;opacity: 0;transform: translateY(6px) scale(0.98)}.ui-toast::before{background: var(--text-dim);border-radius: 50%;content: '';grid-row: 1 / -1;block-size: 0.5rem;margin-block-start: 0.3rem;inline-size: 0.5rem;print-color-adjust: exact}.ui-toast__title{color: var(--text);font-family: var(--mono);font-size: var(--text-2xs);font-weight: 700;letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-toast__close{align-self: start;background: none;border: 0;block-size: 1.4rem;color: var(--text-dim);cursor: pointer;font: inherit;grid-column: 3;grid-row: 1 / -1;inline-size: 1.4rem;padding: 0}.ui-toast__close::before{content: '\00d7';font-size: 1.1rem;line-height: 1}@media (pointer: coarse){.ui-alert__close,.ui-toast__close{display: inline-grid;place-items: center;min-block-size: 2.9rem;min-inline-size: 2.9rem}.ui-alert__close{padding: 0}}@media (hover: hover){.ui-toast__close:hover{color: var(--text)}}.ui-toast--accent::before{background: var(--accent)}.ui-toast--success::before{background: var(--success)}.ui-toast--warning::before{background: var(--warning)}.ui-toast--danger::before{background: var(--danger)}.ui-toast--info::before{background: var(--info)}@media (forced-colors: active){.ui-alert::before,.ui-toast::before{background: none;border-radius: 0;content: var(--tone-glyph,'\2022');block-size: auto;inline-size: auto;margin-block-start: 0;font-family: var(--mono);font-weight: 700;line-height: 1.1}.ui-alert--accent,.ui-toast--accent{--tone-glyph: '\25C6'}.ui-alert--success,.ui-toast--success{--tone-glyph: '\2713'}.ui-alert--warning,.ui-toast--warning{--tone-glyph: '\0021'}.ui-alert--danger,.ui-toast--danger{--tone-glyph: '\2715'}.ui-alert--info,.ui-toast--info{--tone-glyph: '\69'}}.ui-tooltip{display: inline-flex;position: relative}.ui-tooltip__bubble{background: var(--text);border-radius: var(--radius-sm);inset-block-end: calc(100% + 0.5rem);color: var(--bg);font-family: var(--mono);font-size: var(--text-2xs);inset-inline-start: 50%;letter-spacing: var(--tracking-wide);opacity: 0;padding: 0.34rem 0.5rem;pointer-events: none;position: absolute;text-transform: uppercase;transform: translate(-50%,4px);transition: opacity var(--duration-fast) var(--ease-standard);white-space: nowrap;z-index: var(--z-popover)}.ui-tooltip:hover .ui-tooltip__bubble,.ui-tooltip:focus-within .ui-tooltip__bubble{opacity: 1;transform: translate(-50%,0)}.ui-tooltip:dir(rtl) .ui-tooltip__bubble{transform: translate(50%,4px)}.ui-tooltip:dir(rtl):hover .ui-tooltip__bubble,.ui-tooltip:dir(rtl):focus-within .ui-tooltip__bubble{transform: translate(50%,0)}.ui-popover{background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);color: var(--text-soft);font-size: var(--text-sm);inline-size: max-content;margin: 0;max-inline-size: min(22rem,calc(100vw - 2rem));overflow: auto;padding: var(--space-sm) var(--space-md);position: fixed;z-index: var(--z-popover)}.ui-popover:not([popover],.is-open){display: none}.ui-popover[popover]:not(:popover-open){display: none}@media (prefers-reduced-motion: no-preference){.ui-popover{opacity: 0;transform: translateY(-4px) scale(0.98);transition: opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),overlay var(--duration-fast) allow-discrete,display var(--duration-fast) allow-discrete}.ui-popover.is-open,.ui-popover[popover]:popover-open{opacity: 1;transform: none}@starting-style{.ui-popover.is-open,.ui-popover[popover]:popover-open{opacity: 0;transform: translateY(-4px) scale(0.98)}}}.ui-progress{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-pill);block-size: 0.5rem;overflow: hidden;position: relative;inline-size: 100%}.ui-progress__bar{background: var(--accent);block-size: 100%;display: block;transition: inline-size var(--duration-base) var(--ease-out);inline-size: calc(clamp(0,var(--value,0),100) * 1%)}.ui-progress--indeterminate .ui-progress__bar{animation: uiTrack 1.1s var(--ease-standard) infinite;position: absolute;inline-size: 45%}@media (prefers-reduced-motion: reduce){.ui-progress--indeterminate .ui-progress__bar{animation-duration: 0.01ms;background: repeating-linear-gradient( -45deg,var(--accent) 0,var(--accent) 0.3rem,color-mix(in srgb,var(--accent) 35%,transparent) 0.3rem,color-mix(in srgb,var(--accent) 35%,transparent) 0.6rem );inset-inline-start: 0;inline-size: 100%}.ui-toast{animation: none;transition: none}}.ui-meter{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-pill);block-size: 0.5rem;overflow: hidden;inline-size: 100%}.ui-meter__fill{background: var(--text-dim);block-size: 100%;display: block;transition: inline-size var(--duration-base) var(--ease-out);inline-size: calc(clamp(0,var(--value,0),100) * 1%)}.ui-meter--accent .ui-meter__fill{background: var(--accent)}.ui-meter--success .ui-meter__fill{background: var(--success)}.ui-meter--warning .ui-meter__fill{background: var(--warning)}.ui-meter--danger .ui-meter__fill{background: var(--danger)}.ui-meter--info .ui-meter__fill{background: var(--info)}.ui-steps{counter-reset: ui-step;display: flex;flex-wrap: wrap;gap: var(--space-sm);list-style: none;margin: 0;padding: 0}.ui-steps__item{align-items: center;color: var(--text-dim);counter-increment: ui-step;display: inline-flex;flex: 1 1 auto;font-family: var(--mono);font-size: var(--text-xs);gap: 0.5rem;letter-spacing: var(--tracking-wide);min-inline-size: min(100%,max-content);text-transform: uppercase}.ui-steps__item::before{align-items: center;border: 1px solid var(--line-strong);border-radius: 50%;color: var(--text-dim);content: counter(ui-step);display: inline-flex;flex: 0 0 auto;block-size: 1.5rem;inline-size: 1.5rem;justify-content: center}.ui-steps__item:not(:last-child)::after{background: var(--line);block-size: 1px;content: '';flex: 1 1 1.5rem;min-inline-size: 1rem}.ui-steps__item[aria-current='step']{color: var(--text)}.ui-steps__item[aria-current='step']::before{border-color: var(--accent);color: var(--accent-text)}.ui-steps__item--done{color: var(--text-soft)}.ui-steps__item--done::before{background: var(--accent);border-color: var(--accent);color: var(--button-text)}@media print{.ui-progress__bar,.ui-meter__fill{-webkit-print-color-adjust: exact;print-color-adjust: exact}}@media (forced-colors: active){.ui-progress__bar,.ui-meter__fill,.ui-meter--accent .ui-meter__fill,.ui-meter--success .ui-meter__fill,.ui-meter--warning .ui-meter__fill,.ui-meter--danger .ui-meter__fill,.ui-meter--info .ui-meter__fill{background: Highlight;forced-color-adjust: none}}}
package/dist/css/interval.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-interval{--lo: 0;--hi: 1;display: grid;gap: 0.35rem;inline-size: 100%;min-inline-size: 0}.ui-interval__track{background: var(--surface-4);block-size: 0.7rem;border: 1px solid var(--line);border-radius: var(--radius-pill);min-inline-size: 8rem;position: relative}.ui-interval__range{background: color-mix(in srgb,var(--accent) 26%,transparent);border: 1px solid color-mix(in srgb,var(--accent) 58%,var(--line));border-radius: var(--radius-pill);inline-size: max(2px,calc((var(--hi) - var(--lo)) * 100%));inset-block: 18%;inset-inline-start: calc(var(--lo) * 100%);position: absolute}.ui-interval__point{background: var(--text);border: 2px solid var(--panel);border-radius: 50%;block-size: 0.72rem;box-shadow: 0 0 0 1px var(--line-strong);inline-size: 0.72rem;inset-block-start: 50%;inset-inline-start: calc(var(--v,var(--lo)) * 100%);position: absolute;transform: translate(-50%,-50%)}.ui-interval__label,.ui-interval__bounds{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0}.ui-interval__label{color: var(--text-soft)}.ui-interval__bounds{display: flex;gap: var(--space-sm);justify-content: space-between}@media (forced-colors: active){.ui-interval__track,.ui-interval__range,.ui-interval__point{border-color: CanvasText}.ui-interval__range,.ui-interval__point{background: CanvasText}}@media print{.ui-interval__range,.ui-interval__point{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
1
+ @layer bronto{@property --lo{syntax: '<number>';inherits: true;initial-value: 0}@property --hi{syntax: '<number>';inherits: true;initial-value: 1}.ui-interval{--lo: 0;--hi: 1;display: grid;gap: 0.35rem;inline-size: 100%;min-inline-size: 0}.ui-interval__track{background: var(--surface-4);block-size: 0.7rem;border: 1px solid var(--line);border-radius: var(--radius-pill);min-inline-size: 8rem;position: relative}.ui-interval__range{background: color-mix(in srgb,var(--accent) 26%,transparent);border: 1px solid color-mix(in srgb,var(--accent) 58%,var(--line));border-radius: var(--radius-pill);inline-size: max(2px,calc((max(var(--lo),var(--hi)) - min(var(--lo),var(--hi))) * 100%));inset-block: 18%;inset-inline-start: calc(min(var(--lo),var(--hi)) * 100%);position: absolute}.ui-interval__point{background: var(--text);border: 2px solid var(--panel);border-radius: 50%;block-size: 0.72rem;box-shadow: 0 0 0 1px var(--line-strong);inline-size: 0.72rem;inset-block-start: 50%;inset-inline-start: calc(var(--v,var(--lo)) * 100%);position: absolute;transform: translate(-50%,-50%)}.ui-interval:dir(rtl) .ui-interval__point{transform: translate(50%,-50%)}.ui-interval__label,.ui-interval__bounds{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0}.ui-interval__label{color: var(--text-soft)}.ui-interval__bounds{display: flex;gap: var(--space-sm);justify-content: space-between}@media (forced-colors: active){.ui-interval__track,.ui-interval__range,.ui-interval__point{border-color: CanvasText}.ui-interval__range,.ui-interval__point{background: CanvasText}}@media print{.ui-interval__range,.ui-interval__point{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
package/dist/css/legend.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-legend{color: var(--text-soft);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-xs);gap: var(--space-2xs) var(--space-md);list-style: none;margin: 0;padding: 0}.ui-legend--vertical{flex-direction: column}.ui-legend--compact{font-size: var(--text-2xs);gap: var(--space-2xs) var(--space-sm)}.ui-legend__title{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;margin: 0;text-transform: uppercase}.ui-legend__item{align-items: center;color: inherit;display: inline-flex;gap: 0.45rem}.ui-legend__label{color: inherit}.ui-legend__value{color: var(--text-dim);font-variant-numeric: tabular-nums;margin-inline-start: auto}.ui-legend__caption{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-legend__swatch{background: var(--chart-color,var(--chart-1,var(--accent)));background-image: var(--chart-pattern,none);background-size: var(--chart-pattern-size,8px);block-size: 0.8rem;border: 1px solid var(--line-strong);flex: 0 0 auto;inline-size: 0.8rem}.ui-legend__swatch--circle{border-radius: 50%}.ui-legend__swatch--line{block-size: 0.2rem;border: 0;inline-size: 1.1rem}.ui-legend__symbol{block-size: 0.95rem;color: var(--chart-color,var(--chart-1,var(--accent)));flex: 0 0 auto;inline-size: 0.95rem}.ui-legend__swatch--1{--chart-color: var(--chart-1)}.ui-legend__swatch--2{--chart-color: var(--chart-2)}.ui-legend__swatch--3{--chart-color: var(--chart-3)}.ui-legend__swatch--4{--chart-color: var(--chart-4)}.ui-legend__swatch--5{--chart-color: var(--chart-5)}.ui-legend__swatch--6{--chart-color: var(--chart-6)}.ui-legend__swatch--7{--chart-color: var(--chart-7)}.ui-legend__swatch--8{--chart-color: var(--chart-8)}.ui-legend--gradient{display: grid;gap: var(--space-2xs)}.ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-seq-1),var(--chart-seq-2),var(--chart-seq-3),var(--chart-seq-4),var(--chart-seq-5),var(--chart-seq-6) );block-size: 0.7rem;border: 1px solid var(--line)}.ui-legend--diverging .ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-div-1),var(--chart-div-2),var(--chart-div-3),var(--chart-div-4),var(--chart-div-5),var(--chart-div-6),var(--chart-div-7) )}.ui-legend__ticks{color: var(--text-dim);display: flex;font-size: var(--text-2xs);justify-content: space-between}.ui-legend__tick{font-variant-numeric: tabular-nums}.ui-legend--threshold{align-items: center;display: grid;gap: 0.35rem var(--space-sm);grid-template-columns: auto 1fr}.ui-legend--with-values{display: grid;gap: 0.35rem var(--space-md);grid-template-columns: auto 1fr auto}.ui-legend--with-values .ui-legend__item{display: grid;grid-column: 1 / -1;grid-template-columns: subgrid}.ui-legend--with-values .ui-legend__value{margin-inline-start: 0;text-align: end}.ui-legend--interactive .ui-legend__item:is(button,[role='button']){background: none;border: 0;border-radius: var(--radius-sm);color: inherit;cursor: pointer;font: inherit;padding-block: 0.15rem;padding-inline: 0.3rem;text-align: start}.ui-legend--interactive .ui-legend__item:is(button,[role='button']):focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 0.45}.ui-legend__item.is-inactive .ui-legend__label,.ui-legend__item[aria-pressed='false'] .ui-legend__label{text-decoration: line-through}@media (forced-colors: active){.ui-legend__swatch{border: 1px solid CanvasText;forced-color-adjust: none}.ui-legend__track{forced-color-adjust: none}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 1}}@media print{.ui-legend__swatch,.ui-legend__track{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
1
+ @layer bronto{.ui-legend{color: var(--text-soft);display: flex;flex-wrap: wrap;font-family: var(--mono);font-size: var(--text-xs);gap: var(--space-2xs) var(--space-md);list-style: none;margin: 0;padding: 0}.ui-legend--vertical{flex-direction: column}.ui-legend--compact{font-size: var(--text-2xs);gap: var(--space-2xs) var(--space-sm)}.ui-legend__title{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;margin: 0;text-transform: uppercase}.ui-legend__item{align-items: center;color: inherit;display: inline-flex;gap: 0.45rem}.ui-legend__label{color: inherit}.ui-legend__value{color: var(--text-dim);font-variant-numeric: tabular-nums;margin-inline-start: auto}.ui-legend__caption{color: var(--text-dim);font-size: var(--text-2xs);letter-spacing: 0;text-transform: uppercase}.ui-legend__swatch{background: var(--chart-color,var(--chart-1,var(--accent)));background-image: var(--chart-pattern,none);background-size: var(--chart-pattern-size,8px);block-size: 0.8rem;border: 1px solid var(--line-strong);flex: 0 0 auto;inline-size: 0.8rem}.ui-legend__swatch--circle{border-radius: 50%}.ui-legend__swatch--line{block-size: 0.2rem;border: 0;inline-size: 1.1rem}.ui-legend__symbol{block-size: 0.95rem;color: var(--chart-color,var(--chart-1,var(--accent)));flex: 0 0 auto;inline-size: 0.95rem}.ui-legend__swatch--1{--chart-color: var(--chart-1,var(--accent))}.ui-legend__swatch--2{--chart-color: var(--chart-2,var(--accent))}.ui-legend__swatch--3{--chart-color: var(--chart-3,var(--accent))}.ui-legend__swatch--4{--chart-color: var(--chart-4,var(--accent))}.ui-legend__swatch--5{--chart-color: var(--chart-5,var(--accent))}.ui-legend__swatch--6{--chart-color: var(--chart-6,var(--accent))}.ui-legend__swatch--7{--chart-color: var(--chart-7,var(--accent))}.ui-legend__swatch--8{--chart-color: var(--chart-8,var(--accent))}.ui-legend--gradient{display: grid;gap: var(--space-2xs)}.ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-seq-1),var(--chart-seq-2),var(--chart-seq-3),var(--chart-seq-4),var(--chart-seq-5),var(--chart-seq-6) );block-size: 0.7rem;border: 1px solid var(--line)}.ui-legend--diverging .ui-legend__track{background: linear-gradient( 90deg in oklch,var(--chart-div-1),var(--chart-div-2),var(--chart-div-3),var(--chart-div-4),var(--chart-div-5),var(--chart-div-6),var(--chart-div-7) )}.ui-legend__ticks{color: var(--text-dim);display: flex;font-size: var(--text-2xs);justify-content: space-between}.ui-legend__tick{font-variant-numeric: tabular-nums}.ui-legend--threshold{align-items: center;display: grid;gap: 0.35rem var(--space-sm);grid-template-columns: auto 1fr}.ui-legend--with-values{display: grid;gap: 0.35rem var(--space-md);grid-template-columns: auto 1fr auto}.ui-legend--with-values .ui-legend__item{display: grid;grid-column: 1 / -1;grid-template-columns: subgrid}.ui-legend--with-values .ui-legend__value{margin-inline-start: 0;text-align: end}.ui-legend--interactive .ui-legend__item:is(button,[role='button']){background: none;border: 0;border-radius: var(--radius-sm);color: inherit;cursor: pointer;font: inherit;padding-block: 0.15rem;padding-inline: 0.3rem;text-align: start}.ui-legend--interactive .ui-legend__item:is(button,[role='button']):focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 0.45}.ui-legend__item.is-inactive .ui-legend__label,.ui-legend__item[aria-pressed='false'] .ui-legend__label{text-decoration: line-through}@media (forced-colors: active){.ui-legend__swatch{border: 1px solid CanvasText;forced-color-adjust: none}.ui-legend__track{forced-color-adjust: none}.ui-legend__item.is-inactive,.ui-legend__item[aria-pressed='false']{opacity: 1}}@media print{.ui-legend__swatch,.ui-legend__track{-webkit-print-color-adjust: exact;print-color-adjust: exact}}}
package/dist/css/marks.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-mark{background-color: transparent;background-image: linear-gradient( 90deg,color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent),color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent) );background-repeat: no-repeat;background-size: 100% 100%;border-radius: 0.12em;box-decoration-break: clone;color: inherit;padding-block: 0.05em;padding-inline: 0.18em}.ui-mark--accent{--mark-color: var(--accent)}.ui-mark--success{--mark-color: var(--success)}.ui-mark--warning{--mark-color: var(--warning)}.ui-mark--danger{--mark-color: var(--danger)}.ui-mark--info{--mark-color: var(--info)}.ui-mark--muted{--mark-color: var(--text-dim)}.ui-mark--underline{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: underline;text-decoration-thickness: 0.12em;text-underline-offset: 0.18em}.ui-mark--box{background: none;border: 1px solid var(--mark-color,var(--line-strong));border-radius: var(--radius-sm)}.ui-mark--strike{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: line-through}@media (prefers-reduced-motion: no-preference){.ui-mark--draw:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){animation: ui-mark-draw 0.6s var(--ease,ease) both}}@keyframes ui-mark-draw{from{background-size: 0% 100%}to{background-size: 100% 100%}}.ui-bracket-note{--mark-color: var(--line-strong);border-inline-start: 2px solid var(--mark-color);display: block;padding-inline-start: var(--space-md)}.ui-bracket-note__label{color: var(--mark-color);display: block;font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;margin-block-end: var(--space-2xs);text-transform: uppercase}.ui-bracket-note--accent{--mark-color: var(--accent)}.ui-bracket-note--success{--mark-color: var(--success)}.ui-bracket-note--warning{--mark-color: var(--warning)}.ui-bracket-note--danger{--mark-color: var(--danger)}.ui-bracket-note--info{--mark-color: var(--info)}@media (forced-colors: active){.ui-mark:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){text-decoration-line: underline}}@media print{.ui-mark{-webkit-print-color-adjust: exact;background-size: 100% 100%;print-color-adjust: exact}.ui-mark--draw{animation: none}}}
1
+ @layer bronto{.ui-mark{background-color: transparent;background-image: linear-gradient( 90deg,color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent),color-mix(in srgb,var(--mark-color,var(--line-strong)) 30%,transparent) );background-repeat: no-repeat;background-size: 100% 100%;border-radius: 0.12em;-webkit-box-decoration-break: clone;box-decoration-break: clone;color: inherit;padding-block: 0.05em;padding-inline: 0.18em}.ui-mark--accent{--mark-color: var(--accent)}.ui-mark--success{--mark-color: var(--success)}.ui-mark--warning{--mark-color: var(--warning)}.ui-mark--danger{--mark-color: var(--danger)}.ui-mark--info{--mark-color: var(--info)}.ui-mark--muted{--mark-color: var(--text-dim)}.ui-mark--underline{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: underline;text-decoration-thickness: 0.12em;text-underline-offset: 0.18em}.ui-mark--box{background: none;border: 1px solid var(--mark-color,var(--line-strong));border-radius: var(--radius-sm)}.ui-mark--strike{background: none;padding: 0;text-decoration-color: var(--mark-color,var(--text-dim));text-decoration-line: line-through}@media (prefers-reduced-motion: no-preference){.ui-mark--draw:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){animation: ui-mark-draw 0.6s var(--ease,ease) both}}@keyframes ui-mark-draw{from{background-size: 0% 100%}to{background-size: 100% 100%}}.ui-bracket-note{--mark-color: var(--line-strong);border-inline-start: 2px solid var(--mark-color);display: block;padding-inline-start: var(--space-md)}.ui-bracket-note__label{color: var(--mark-color);display: block;font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: 0;margin-block-end: var(--space-2xs);text-transform: uppercase}.ui-bracket-note--accent{--mark-color: var(--accent)}.ui-bracket-note--success{--mark-color: var(--success)}.ui-bracket-note--warning{--mark-color: var(--warning)}.ui-bracket-note--danger{--mark-color: var(--danger)}.ui-bracket-note--info{--mark-color: var(--info)}@media (forced-colors: active){.ui-mark:not(.ui-mark--underline,.ui-mark--box,.ui-mark--strike){text-decoration-line: underline}}@media print{.ui-mark{-webkit-print-color-adjust: exact;background-size: 100% 100%;print-color-adjust: exact}.ui-mark--draw{animation: none}}}
package/dist/css/overlay.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-modal{background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-lg);box-shadow: var(--shadow-raised);color: var(--text);margin: auto;max-block-size: min(85vh,44rem);max-inline-size: min(32rem,calc(100vw - 2rem));overflow: hidden;padding: 0;inline-size: 100%}.ui-modal::backdrop{backdrop-filter: blur(2px);background: color-mix(in srgb,var(--bg) 70%,transparent)}.ui-modal[open]{display: grid;grid-template-rows: auto 1fr auto}dialog.ui-modal{opacity: 0;transform: translateY(6px) scale(0.98);transition: opacity var(--duration-base) var(--ease-spring),transform var(--duration-base) var(--ease-spring),overlay var(--duration-base) allow-discrete,display var(--duration-base) allow-discrete}dialog.ui-modal[open]{opacity: 1;transform: none}@starting-style{dialog.ui-modal[open]{opacity: 0;transform: translateY(6px) scale(0.98)}}dialog.ui-modal::backdrop{opacity: 0;transition: opacity var(--duration-base) var(--ease-out),overlay var(--duration-base) allow-discrete,display var(--duration-base) allow-discrete}dialog.ui-modal[open]::backdrop{opacity: 1}@starting-style{dialog.ui-modal[open]::backdrop{opacity: 0}}.ui-modal.is-open{animation: uiToastIn var(--duration-base) var(--ease-spring) both;display: grid;grid-template-rows: auto 1fr auto}html:has(dialog.ui-modal[open]),html:has(.ui-modal.is-open){overflow: hidden}.ui-modal__head{align-items: flex-start;border-block-end: 1px solid var(--line);display: flex;gap: var(--space-sm);justify-content: space-between;padding: var(--space-md)}.ui-modal__title{color: var(--text);font-family: var(--display);font-size: var(--text-lg);letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-modal__body{overflow-y: auto;padding: var(--space-md)}.ui-modal__foot{border-block-start: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: var(--space-xs);justify-content: flex-end;padding: var(--space-md)}.ui-modal__close{background: transparent;border: 1px solid var(--line-strong);border-radius: var(--radius-md);color: var(--text);cursor: pointer;flex: 0 0 auto;font-family: var(--mono);line-height: 1;padding: 0.34rem 0.5rem}.ui-modal--drawer{block-size: 100vh;margin: 0;margin-inline-start: auto;max-block-size: 100vh;max-inline-size: min(26rem,100vw);border-radius: 0;border-width: 0;border-inline-start-width: 1px}@media (hover: hover){.ui-modal__close:hover{border-color: var(--accent);color: var(--accent-text)}}@media (pointer: coarse){.ui-modal__close{align-items: center;display: inline-flex;justify-content: center;min-block-size: 2.9rem;min-inline-size: 2.9rem}}.ui-lightbox{background: color-mix(in srgb,var(--bg) 92%,#000);border: 0;block-size: 100vh;color: var(--text);max-block-size: 100vh;max-inline-size: 100vw;padding: 0;inline-size: 100vw}.ui-lightbox::backdrop{background: color-mix(in srgb,#000 80%,transparent)}.ui-lightbox[open]{align-content: center;display: grid}.ui-lightbox .ui-carousel{inline-size: 100%;margin: auto;max-inline-size: min(64rem,100vw)}.ui-lightbox .ui-carousel__slide > img{margin-inline: auto;max-block-size: 80vh;max-inline-size: 100%;inline-size: auto;object-fit: contain}.ui-lightbox__close{inset-block-start: var(--space-sm);inset-inline-end: var(--space-sm);position: fixed;z-index: var(--z-raised)}.ui-menu-host{display: inline-block;position: relative}.ui-menu{background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);display: grid;gap: 1px;min-inline-size: 11rem;padding: 0.3rem;position: absolute;inset-inline-end: 0;inset-block-start: calc(100% + 0.4rem);z-index: var(--z-overlay)}.ui-menu__label{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);padding: 0.45rem 0.55rem 0.2rem;text-transform: uppercase}.ui-menu__item{align-items: center;background: transparent;border: 0;border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;display: flex;font-family: var(--mono);font-size: var(--text-sm);gap: 0.5rem;padding: 0.5rem 0.55rem;text-align: start;inline-size: 100%}.ui-menu__item::before{background: currentcolor;border-radius: 50%;content: '';block-size: 0.3rem;opacity: 0.4;inline-size: 0.3rem}.ui-menu__sep{background: var(--line);border: 0;block-size: 1px;margin: 0.2rem 0}@media (hover: hover){.ui-menu__item:hover{background: var(--bg-accent);color: var(--text)}.ui-menu__item:hover::before{opacity: 1}}.ui-menu__item:focus-visible{background: var(--bg-accent);color: var(--text)}.ui-menu__item:focus-visible::before{opacity: 1}@media (forced-colors: active){.ui-menu__item:hover,.ui-menu__item:focus-visible{forced-color-adjust: none;background: Highlight;color: HighlightText}.ui-menu__item:hover::before,.ui-menu__item:focus-visible::before{background: HighlightText;opacity: 1}}.ui-combobox{display: inline-block;min-inline-size: 14rem;position: relative}.ui-combobox__input{inline-size: 100%}.ui-combobox__list{background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);display: grid;gap: 1px;list-style: none;margin: 0;max-block-size: 16rem;overflow-y: auto;padding: 0.3rem;position: absolute;inset-block-start: calc(100% + 0.4rem);inset-inline: 0;z-index: var(--z-overlay)}.ui-combobox__list[hidden]{display: none}.ui-combobox__option{border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;font-family: var(--mono);font-size: var(--text-sm);padding: 0.5rem 0.55rem}.ui-combobox__option[hidden]{display: none}.ui-combobox__option.is-active,.ui-combobox__option[aria-selected='true']{background: var(--bg-accent);color: var(--text)}@media (forced-colors: active){.ui-combobox__option.is-active,.ui-combobox__option[aria-selected='true']{forced-color-adjust: none;background: Highlight;color: HighlightText}}.ui-combobox__empty{color: var(--text-dim);font-size: var(--text-2xs);padding: 0.5rem 0.55rem}.ui-combobox__empty[hidden]{display: none}@media (max-width: 560px){.ui-modal{border-radius: var(--radius-lg) var(--radius-lg) 0 0;margin: auto auto 0;max-block-size: 88vh;max-inline-size: 100vw;inline-size: 100vw}.ui-modal--drawer{border-radius: 0;border-width: 1px 0 0;block-size: 88vh;margin: auto 0 0;max-block-size: 88vh;max-inline-size: 100vw;inline-size: 100vw}.ui-menu{inset-inline: 0;min-inline-size: 0}.ui-combobox{display: block;inline-size: 100%;min-inline-size: 0}}@media (prefers-reduced-motion: reduce){.ui-modal[open]{animation: none}dialog.ui-modal,dialog.ui-modal::backdrop{transition: none}}@media (forced-colors: active){.ui-modal::backdrop,.ui-lightbox::backdrop{background: color-mix(in srgb,#000 50%,transparent);forced-color-adjust: none}}}
1
+ @layer bronto{.ui-modal{background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-lg);box-shadow: var(--shadow-raised);color: var(--text);margin: auto;max-block-size: min(85vh,44rem);max-inline-size: min(32rem,calc(100vw - 2rem));overflow: hidden;padding: 0;inline-size: 100%}.ui-modal::backdrop{backdrop-filter: blur(2px);background: color-mix(in srgb,var(--bg) 70%,transparent)}.ui-modal[open]{display: grid;grid-template-rows: auto 1fr auto}dialog.ui-modal{opacity: 0;transform: translateY(6px) scale(0.98);transition: opacity var(--duration-base) var(--ease-spring),transform var(--duration-base) var(--ease-spring),overlay var(--duration-base) allow-discrete,display var(--duration-base) allow-discrete}dialog.ui-modal[open]{opacity: 1;transform: none}@starting-style{dialog.ui-modal[open]{opacity: 0;transform: translateY(6px) scale(0.98)}}dialog.ui-modal::backdrop{opacity: 0;transition: opacity var(--duration-base) var(--ease-out),overlay var(--duration-base) allow-discrete,display var(--duration-base) allow-discrete}dialog.ui-modal[open]::backdrop{opacity: 1}@starting-style{dialog.ui-modal[open]::backdrop{opacity: 0}}.ui-modal.is-open{animation: uiToastIn var(--duration-base) var(--ease-spring) both;display: grid;grid-template-rows: auto 1fr auto}html:has(dialog.ui-modal[open]),html:has(.ui-modal.is-open){overflow: hidden}.ui-modal__head{align-items: flex-start;border-block-end: 1px solid var(--line);display: flex;gap: var(--space-sm);justify-content: space-between;padding: var(--space-md)}.ui-modal__title{color: var(--text);font-family: var(--display);font-size: var(--text-lg);letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-modal__body{overflow-y: auto;padding: var(--space-md)}.ui-modal__foot{border-block-start: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: var(--space-xs);justify-content: flex-end;padding: var(--space-md)}.ui-modal__close{background: transparent;border: 1px solid var(--line-strong);border-radius: var(--radius-md);color: var(--text);cursor: pointer;flex: 0 0 auto;font-family: var(--mono);line-height: 1;padding: 0.34rem 0.5rem}.ui-modal--drawer{block-size: 100vh;margin: 0;margin-inline-start: auto;max-block-size: 100vh;max-inline-size: min(26rem,100vw);border-radius: 0;border-width: 0;border-inline-start-width: 1px}@media (hover: hover){.ui-modal__close:hover{border-color: var(--accent);color: var(--accent-text)}}@media (pointer: coarse){.ui-modal__close{align-items: center;display: inline-flex;justify-content: center;min-block-size: 2.9rem;min-inline-size: 2.9rem}}.ui-lightbox{background: color-mix(in srgb,var(--bg) 92%,#000);border: 0;block-size: 100vh;color: var(--text);max-block-size: 100vh;max-inline-size: 100vw;padding: 0;inline-size: 100vw}.ui-lightbox::backdrop{background: color-mix(in srgb,#000 80%,transparent)}.ui-lightbox[open]{align-content: center;display: grid}.ui-lightbox .ui-carousel{inline-size: 100%;margin: auto;max-inline-size: min(64rem,100vw)}.ui-lightbox .ui-carousel__slide > img{margin-inline: auto;max-block-size: 80vh;max-inline-size: 100%;inline-size: auto;object-fit: contain}.ui-lightbox__close{inset-block-start: var(--space-sm);inset-inline-end: var(--space-sm);position: fixed;z-index: var(--z-raised)}.ui-menu-host{display: inline-block;position: relative}.ui-menu{background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);display: grid;gap: 1px;min-inline-size: 11rem;padding: 0.3rem;position: absolute;inset-inline-end: 0;inset-block-start: calc(100% + 0.4rem);z-index: var(--z-overlay)}.ui-menu__label{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);padding: 0.45rem 0.55rem 0.2rem;text-transform: uppercase}.ui-menu__item{align-items: center;background: transparent;border: 0;border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;display: flex;font-family: var(--mono);font-size: var(--text-sm);gap: 0.5rem;padding: 0.5rem 0.55rem;text-align: start;inline-size: 100%}.ui-menu__item::before{background: currentcolor;border-radius: 50%;content: '';block-size: 0.3rem;opacity: 0.4;inline-size: 0.3rem}.ui-menu__sep{background: var(--line);border: 0;block-size: 1px;margin: 0.2rem 0}@media (hover: hover){.ui-menu__item:hover{background: var(--bg-accent);color: var(--text)}.ui-menu__item:hover::before{opacity: 1}}.ui-menu__item:focus-visible{background: var(--bg-accent);color: var(--text)}.ui-menu__item:focus-visible::before{opacity: 1}@media (forced-colors: active){.ui-menu__item:hover,.ui-menu__item:focus-visible{forced-color-adjust: none;background: Highlight;color: HighlightText}.ui-menu__item:hover::before,.ui-menu__item:focus-visible::before{background: HighlightText;opacity: 1}}.ui-combobox{display: inline-block;min-inline-size: 14rem;position: relative}.ui-combobox__input{inline-size: 100%}.ui-combobox__list{background: var(--panel-strong);border: 1px solid var(--line-strong);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);display: grid;gap: 1px;list-style: none;margin: 0;max-block-size: 16rem;overflow-y: auto;padding: 0.3rem;position: absolute;inset-block-start: calc(100% + 0.4rem);inset-inline: 0;z-index: var(--z-overlay)}.ui-combobox__list[hidden]{display: none}.ui-combobox__option{border-radius: var(--radius-sm);color: var(--text-soft);cursor: pointer;font-family: var(--mono);font-size: var(--text-sm);padding: 0.5rem 0.55rem}.ui-combobox__option[hidden]{display: none}.ui-combobox__option.is-active,.ui-combobox__option[aria-selected='true']{background: var(--bg-accent);color: var(--text)}@media (forced-colors: active){.ui-combobox__option.is-active,.ui-combobox__option[aria-selected='true']{forced-color-adjust: none;background: Highlight;color: HighlightText}}.ui-combobox__empty{color: var(--text-dim);font-size: var(--text-2xs);padding: 0.5rem 0.55rem}.ui-combobox__empty[hidden]{display: none}@media (max-width: 560px){.ui-modal{border-radius: var(--radius-lg) var(--radius-lg) 0 0;margin: auto auto 0;max-block-size: 88vh;max-inline-size: 100vw;inline-size: 100vw}.ui-modal--drawer{border-radius: 0;border-width: 1px 0 0;block-size: 88vh;margin: auto 0 0;max-block-size: 88vh;max-inline-size: 100vw;inline-size: 100vw}.ui-menu{inline-size: max-content;max-inline-size: calc(100vw - (2 * var(--space-sm)));min-inline-size: min(11rem,calc(100vw - (2 * var(--space-sm))))}.ui-combobox{display: block;inline-size: 100%;min-inline-size: 0}}@media (prefers-reduced-motion: reduce){.ui-modal[open]{animation: none}dialog.ui-modal,dialog.ui-modal::backdrop{transition: none}}@media (prefers-reduced-transparency: reduce){.ui-modal::backdrop{backdrop-filter: none;background: var(--surface-1)}.ui-lightbox::backdrop{background: var(--surface-1)}}@media (forced-colors: active){.ui-modal::backdrop,.ui-lightbox::backdrop{background: color-mix(in srgb,#000 50%,transparent);forced-color-adjust: none}}}
package/dist/css/primitives.css CHANGED
@@ -1 +1 @@
1
- @layer bronto{.ui-stack{display: grid;gap: var(--stack-gap,var(--space-md))}.ui-cluster{align-items: center;display: flex;flex-wrap: wrap;gap: var(--cluster-gap,var(--space-xs))}.ui-cluster--between{justify-content: space-between}.ui-grid{display: grid;gap: var(--grid-gap,var(--space-md));grid-template-columns: repeat(auto-fit,minmax(min(100%,var(--grid-min,16rem)),1fr))}.ui-sidebar{display: flex;flex-wrap: wrap;gap: var(--sidebar-gap,var(--space-md))}.ui-sidebar > :first-child{flex-basis: var(--sidebar-width,16rem);flex-grow: 1}.ui-sidebar > :last-child{flex-basis: 0;flex-grow: 999;min-inline-size: var(--sidebar-min,60%)}.ui-switcher{display: flex;flex-wrap: wrap;gap: var(--switcher-gap,var(--space-md))}.ui-switcher > *{flex-basis: calc((var(--switcher-min,24rem) - 100%) * 999);flex-grow: 1}.ui-center{box-sizing: content-box;margin-inline: auto;max-inline-size: var(--center-max,64rem);padding-inline: var(--center-gutter,var(--space-md))}.ui-ratio{aspect-ratio: var(--ratio,16 / 9)}.ui-ratio > :first-child{block-size: 100%;inline-size: 100%;object-fit: cover}.ui-cq{container: bronto / inline-size}@container bronto (max-inline-size: 34rem){.ui-grid{--grid-min: 100%}}.ui-surface,.ui-card,.ui-panel{background: var(--panel);border: 1px solid var(--line)}.ui-card,.ui-panel{border-radius: var(--radius-lg);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-card{transition: border-color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.ui-panel{background: var(--panel-strong)}.ui-card--accent{border-color: var(--accent)}.ui-card--interactive:focus-within{border-color: var(--line-strong)}.ui-card__head,.ui-panel__head{align-items: flex-start;display: flex;gap: var(--space-sm);justify-content: space-between}.ui-divider{border: 0;border-block-start: 1px solid var(--line);margin: 0}.ui-statgrid,.ui-app-metrics{display: grid;gap: var(--space-md);grid-template-columns: repeat(auto-fit,minmax(11rem,1fr))}@container bronto (max-inline-size: 30rem){.ui-statgrid,.ui-app-metrics{grid-template-columns: 1fr}}.ui-stat,.ui-app-metric{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: 0.4rem;min-inline-size: 0;padding: var(--space-md)}.ui-stat__label,.ui-app-metric__label{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-stat__value,.ui-app-metric__value{color: var(--text);font-family: var(--display);font-size: 1.9rem;font-variant-numeric: tabular-nums;font-weight: var(--display-weight-strong);letter-spacing: 0.02em;line-height: 1.05;overflow-wrap: anywhere}.ui-stat__delta,.ui-app-metric__delta{font-family: var(--mono);font-size: var(--text-xs)}.ui-stat__delta.is-pos,.ui-app-metric__delta.is-pos{color: var(--success)}.ui-stat__delta.is-neg,.ui-app-metric__delta.is-neg{color: var(--danger)}.ui-stat__delta.is-pos::before,.ui-app-metric__delta.is-pos::before{content: '▲ ';font-size: 0.85em}.ui-stat__delta.is-neg::before,.ui-app-metric__delta.is-neg::before{content: '▼ ';font-size: 0.85em}.ui-num{display: inline-block;font-variant-numeric: tabular-nums;text-align: end}.ui-num--pos{color: var(--success)}.ui-num--neg{color: var(--danger)}.ui-num--muted{color: var(--text-dim)}.ui-delta{align-items: baseline;color: var(--text-soft);display: inline-flex;font-variant-numeric: tabular-nums;gap: 0.2em}.ui-delta::before{font-size: 0.85em}.ui-delta--up{color: var(--success)}.ui-delta--up::before{content: '▲'}.ui-delta--down{color: var(--danger)}.ui-delta--down::before{content: '▼'}.ui-delta--flat{color: var(--text-dim)}.ui-delta--flat::before{content: '—'}.ui-delta--invert.ui-delta--up{color: var(--danger)}.ui-delta--invert.ui-delta--down{color: var(--success)}.ui-eyebrow{color: var(--accent-text);font-family: var(--display);font-size: var(--text-xs);font-weight: 700;letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-eyebrow--muted{color: var(--text-dim)}.ui-eyebrow--sm{font-size: var(--text-2xs)}.ui-button{align-items: center;background: var(--accent);border: 1px solid var(--accent);border-radius: var(--radius-md);color: var(--button-text);cursor: pointer;display: inline-flex;font-family: var(--mono);font-size: var(--text-sm);font-weight: 600;gap: 0.45rem;justify-content: center;letter-spacing: var(--tracking-wide);line-height: 1;min-block-size: 2.4rem;min-inline-size: 2.4rem;padding: 0.66rem 1rem;text-transform: uppercase;transition: background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.ui-button--ghost{background: transparent;border-color: var(--line-strong);color: var(--text)}.ui-button--subtle{background: var(--panel-soft);border-color: var(--line);color: var(--text)}.ui-button--danger{background: var(--danger);border-color: var(--danger);color: var(--button-text)}.ui-button--icon{aspect-ratio: 1;min-inline-size: 2.4rem;padding: 0}.ui-button--sm{font-size: var(--text-xs);gap: 0.3rem;min-block-size: 1.9rem;min-inline-size: 1.9rem;padding: 0.4rem 0.66rem}.ui-button--lg{font-size: var(--text-base);gap: 0.55rem;min-block-size: 2.9rem;min-inline-size: 2.9rem;padding: 0.85rem 1.4rem}.ui-button:disabled,.ui-button[aria-disabled='true']{cursor: not-allowed;opacity: 0.45}.ui-button[aria-disabled='true'],.ui-link[aria-disabled='true']{pointer-events: none}.ui-link[aria-disabled='true']{cursor: not-allowed;opacity: 0.45}.ui-button:active{transform: translateY(1px)}.ui-button[aria-busy='true']{cursor: progress;pointer-events: none}.ui-button[aria-busy='true']::before{animation: uiSpin 0.6s linear infinite;block-size: 0.9em;border: 2px solid currentcolor;border-block-start-color: transparent;border-radius: var(--radius-pill);content: '';flex: none;inline-size: 0.9em}@media (prefers-reduced-motion: reduce){.ui-button[aria-busy='true']::before{border-block-start-color: currentcolor}}.ui-link{color: var(--text);text-decoration: underline;text-decoration-color: color-mix(in srgb,var(--accent) 55%,transparent);text-decoration-thickness: 1px;text-underline-offset: 0.22rem;transition: color var(--duration-fast) var(--ease-standard),text-decoration-color var(--duration-fast) var(--ease-standard)}.ui-link--arrow,.ui-link--cta{align-items: center;display: inline-flex;gap: 0.4rem;text-decoration: none}.ui-link--cta{color: var(--accent-text);font-family: var(--display);font-weight: 700;letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-link--arrow::after,.ui-link--cta::after{border-inline-end: 1px solid currentcolor;border-block-start: 1px solid currentcolor;content: '';block-size: 0.42rem;transform: rotate(45deg);transition: transform var(--duration-fast) var(--ease-standard);inline-size: 0.42rem}[dir='rtl'] .ui-link--arrow::after,[dir='rtl'] .ui-link--cta::after{transform: rotate(-45deg)}@media (pointer: coarse){.ui-link--arrow,.ui-link--cta{min-block-size: 1.5rem}}.ui-chip{align-items: center;background: transparent;border: 1px solid var(--line-strong);border-radius: var(--radius-sm);color: var(--text-soft);display: inline-flex;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.36rem;letter-spacing: var(--tracking-wide);line-height: 1;min-block-size: 1.7rem;padding: 0.32rem 0.55rem;text-transform: uppercase}.ui-chip--accent{color: var(--text-soft);border-color: var(--accent)}.ui-badge{align-items: center;background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-sm);color: var(--text-soft);display: inline-flex;font-family: var(--mono);font-size: var(--text-2xs);font-weight: 700;gap: 0.34rem;letter-spacing: var(--tracking-wide);line-height: 1;padding: 0.28rem 0.5rem;text-transform: uppercase}.ui-badge--accent{background: var(--accent-soft);border-color: color-mix(in srgb,var(--accent) 45%,var(--line))}.ui-badge--success{background: var(--success-soft);border-color: color-mix(in srgb,var(--success) 40%,var(--line))}.ui-badge--warning{background: var(--warning-soft);border-color: color-mix(in srgb,var(--warning) 40%,var(--line))}.ui-badge--danger{background: var(--danger-soft);border-color: color-mix(in srgb,var(--danger) 40%,var(--line))}.ui-badge--info{background: var(--info-soft);border-color: color-mix(in srgb,var(--info) 40%,var(--line))}.ui-badge--muted{background: transparent;border-color: var(--line);color: var(--text-dim)}.ui-badge--dot::before{background: var(--text-soft);border-radius: 50%;content: '';flex: 0 0 auto;block-size: 0.4rem;inline-size: 0.4rem}.ui-badge--accent.ui-badge--dot::before{background: var(--accent)}.ui-badge--success.ui-badge--dot::before{background: var(--success)}.ui-badge--warning.ui-badge--dot::before{background: var(--warning)}.ui-badge--danger.ui-badge--dot::before{background: var(--danger)}.ui-badge--info.ui-badge--dot::before{background: var(--info)}.ui-key-value{display: grid;gap: 0.55rem;margin: 0}.ui-key-value div{border-block-start: 1px solid var(--line);display: grid;gap: 0.16rem;padding-block-start: 0.6rem}.ui-key-value dt{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);font-weight: 700;letter-spacing: var(--tracking-wide);line-height: 1;text-transform: uppercase}.ui-key-value dd{color: var(--text);font-family: var(--mono);margin: 0;min-inline-size: 0;overflow-wrap: anywhere}@media (hover: hover){.ui-card:hover{border-color: var(--line-strong)}.ui-card--interactive:hover{box-shadow: var(--shadow-raised);transform: translateY(-2px)}.ui-button:hover{background: var(--accent-strong);border-color: var(--accent-strong)}.ui-button--ghost:hover,.ui-button--subtle:hover{background: var(--panel-soft);border-color: var(--accent);color: var(--text)}.ui-button--danger:hover{background: color-mix(in srgb,var(--danger) 84%,#000)}.ui-link:hover{color: var(--accent-text);text-decoration-color: var(--accent)}.ui-link--arrow:hover::after,.ui-link--cta:hover::after{transform: translateX(0.14rem) rotate(45deg)}[dir='rtl'] .ui-link--arrow:hover::after,[dir='rtl'] .ui-link--cta:hover::after{transform: translateX(-0.14rem) rotate(-45deg)}.ui-chip--accent:hover{background: var(--accent-soft)}}@media (pointer: coarse){.ui-button{min-block-size: 2.9rem;min-inline-size: 2.9rem}.ui-button--icon{min-inline-size: 2.9rem}}.ui-empty-state,.ui-app-empty-state{border: 1px dashed var(--line-strong);border-radius: var(--radius-md);color: var(--text-dim);padding: var(--space-lg);text-align: center}.ui-empty-state p,.ui-app-empty-state p{color: var(--text-dim);margin: 0.3rem 0 0}.ui-kbd{align-items: center;background: var(--panel-soft);border: 1px solid var(--line-strong);border-radius: var(--radius-sm);color: var(--text-soft);display: inline-flex;font-family: var(--mono);font-size: var(--text-2xs);justify-content: center;line-height: 1;min-inline-size: 1.4rem;padding: 0.18rem 0.4rem}.ui-shortcut{align-items: center;display: inline-flex;gap: 0.25rem;vertical-align: middle;white-space: nowrap}.ui-shortcut__sep{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs)}.ui-timeline{display: grid;gap: var(--space-md);list-style: none;margin: 0;padding: 0}.ui-timeline__item{border-inline-start: 1px solid var(--line);display: grid;gap: 0.2rem;padding-inline-start: var(--space-md);position: relative}.ui-timeline__item::before{background: var(--line-strong);border-radius: 50%;block-size: 0.5rem;content: '';inline-size: 0.5rem;inset-block-start: 0.18rem;inset-inline-start: calc(-0.25rem - 0.5px);position: absolute}.ui-timeline__item[aria-current]::before{background: var(--accent)}.ui-timeline__time{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}}
1
+ @layer bronto{.ui-stack{display: grid;gap: var(--stack-gap,var(--space-md))}.ui-cluster{align-items: center;display: flex;flex-wrap: wrap;gap: var(--cluster-gap,var(--space-xs))}.ui-cluster--between{justify-content: space-between}.ui-grid{display: grid;gap: var(--grid-gap,var(--space-md));grid-template-columns: repeat(auto-fit,minmax(min(100%,var(--grid-min,16rem)),1fr))}.ui-sidebar{display: flex;flex-wrap: wrap;gap: var(--sidebar-gap,var(--space-md))}.ui-sidebar > :first-child{flex-basis: var(--sidebar-width,16rem);flex-grow: 1}.ui-sidebar > :last-child{flex-basis: 0;flex-grow: 999;min-inline-size: var(--sidebar-min,60%)}.ui-switcher{display: flex;flex-wrap: wrap;gap: var(--switcher-gap,var(--space-md))}.ui-switcher > *{flex-basis: calc((var(--switcher-min,24rem) - 100%) * 999);flex-grow: 1}.ui-center{box-sizing: content-box;margin-inline: auto;max-inline-size: var(--center-max,64rem);padding-inline: var(--center-gutter,var(--space-md))}.ui-ratio{aspect-ratio: var(--ratio,16 / 9)}.ui-ratio > :first-child{block-size: 100%;inline-size: 100%;object-fit: cover}.ui-cq{container: bronto / inline-size}@container bronto (max-inline-size: 34rem){.ui-grid{--grid-min: 100%}}.ui-surface,.ui-card,.ui-panel{background: var(--panel);border: 1px solid var(--line)}.ui-card,.ui-panel{border-radius: var(--radius-lg);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-card{transition: border-color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.ui-panel{background: var(--panel-strong)}.ui-card--accent{border-color: var(--accent)}.ui-card--interactive:focus-within{border-color: var(--line-strong)}.ui-card__head,.ui-panel__head{align-items: flex-start;display: flex;gap: var(--space-sm);justify-content: space-between}.ui-divider{border: 0;border-block-start: 1px solid var(--line);margin: 0}.ui-statgrid,.ui-app-metrics{display: grid;gap: var(--space-md);grid-template-columns: repeat(auto-fit,minmax(11rem,1fr))}@container bronto (max-inline-size: 30rem){.ui-statgrid,.ui-app-metrics{grid-template-columns: 1fr}}.ui-stat,.ui-app-metric{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-md);display: grid;gap: 0.4rem;min-inline-size: 0;padding: var(--space-md)}.ui-stat__label,.ui-app-metric__label{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-stat__value,.ui-app-metric__value{color: var(--text);font-family: var(--display);font-size: 1.9rem;font-variant-numeric: tabular-nums;font-weight: var(--display-weight-strong);letter-spacing: 0.02em;line-height: 1.05;overflow-wrap: anywhere}.ui-stat__delta,.ui-app-metric__delta{font-family: var(--mono);font-size: var(--text-xs)}.ui-stat__delta.is-pos,.ui-app-metric__delta.is-pos{color: var(--success)}.ui-stat__delta.is-neg,.ui-app-metric__delta.is-neg{color: var(--danger)}.ui-stat__delta.is-pos::before,.ui-app-metric__delta.is-pos::before{content: '▲ ';font-size: 0.85em}.ui-stat__delta.is-neg::before,.ui-app-metric__delta.is-neg::before{content: '▼ ';font-size: 0.85em}.ui-num{display: inline-block;font-variant-numeric: tabular-nums;text-align: end}.ui-num--pos{color: var(--success)}.ui-num--neg{color: var(--danger)}.ui-num--muted{color: var(--text-dim)}.ui-delta{align-items: baseline;color: var(--text-soft);display: inline-flex;font-variant-numeric: tabular-nums;gap: 0.2em}.ui-delta::before{font-size: 0.85em}.ui-delta--up{color: var(--success)}.ui-delta--up::before{content: '▲'}.ui-delta--down{color: var(--danger)}.ui-delta--down::before{content: '▼'}.ui-delta--flat{color: var(--text-dim)}.ui-delta--flat::before{content: '—'}.ui-delta--invert.ui-delta--up{color: var(--danger)}.ui-delta--invert.ui-delta--down{color: var(--success)}.ui-eyebrow{color: var(--accent-text);font-family: var(--display);font-size: var(--text-xs);font-weight: 700;letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-eyebrow--muted{color: var(--text-dim)}.ui-eyebrow--sm{font-size: var(--text-2xs)}.ui-button{align-items: center;background: var(--accent);border: 1px solid var(--accent);border-radius: var(--radius-md);color: var(--button-text);cursor: pointer;display: inline-flex;font-family: var(--mono);font-size: var(--text-sm);font-weight: 600;gap: 0.45rem;justify-content: center;letter-spacing: var(--tracking-wide);line-height: 1;min-block-size: 2.4rem;min-inline-size: 2.4rem;padding: 0.66rem 1rem;text-transform: uppercase;transition: background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.ui-button--ghost{background: transparent;border-color: var(--line-strong);color: var(--text)}.ui-button--subtle{background: var(--panel-soft);border-color: var(--line);color: var(--text)}.ui-button--danger{background: var(--danger);border-color: var(--danger);color: var(--button-text)}.ui-button--icon{aspect-ratio: 1;min-inline-size: 2.4rem;padding: 0}.ui-button--sm{font-size: var(--text-xs);gap: 0.3rem;min-block-size: 1.9rem;min-inline-size: 1.9rem;padding: 0.4rem 0.66rem}.ui-button--lg{font-size: var(--text-base);gap: 0.55rem;min-block-size: 2.9rem;min-inline-size: 2.9rem;padding: 0.85rem 1.4rem}.ui-button:disabled,.ui-button[aria-disabled='true']{cursor: not-allowed;opacity: 0.45}.ui-button[aria-disabled='true'],.ui-link[aria-disabled='true']{pointer-events: none}.ui-link[aria-disabled='true']{cursor: not-allowed;opacity: 0.45}.ui-button:active{transform: translateY(1px)}.ui-button[aria-busy='true']{cursor: progress;pointer-events: none}.ui-button[aria-busy='true']::before{animation: uiSpin 0.6s linear infinite;block-size: 0.9em;border: 2px solid currentcolor;border-block-start-color: transparent;border-radius: var(--radius-pill);content: '';flex: none;inline-size: 0.9em}@media (prefers-reduced-motion: reduce){.ui-button[aria-busy='true']::before{border-block-start-color: currentcolor}}.ui-link{color: var(--text);text-decoration: underline;text-decoration-color: color-mix(in srgb,var(--accent) 55%,transparent);text-decoration-thickness: 1px;text-underline-offset: 0.22rem;transition: color var(--duration-fast) var(--ease-standard),text-decoration-color var(--duration-fast) var(--ease-standard)}.ui-link--arrow,.ui-link--cta{align-items: center;display: inline-flex;gap: 0.4rem;text-decoration: none}.ui-link--cta{color: var(--accent-text);font-family: var(--display);font-weight: 700;letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-link--arrow::after,.ui-link--cta::after{border-inline-end: 1px solid currentcolor;border-block-start: 1px solid currentcolor;content: '';block-size: 0.42rem;transform: rotate(45deg);transition: transform var(--duration-fast) var(--ease-standard);inline-size: 0.42rem}[dir='rtl'] .ui-link--arrow::after,[dir='rtl'] .ui-link--cta::after{transform: rotate(-45deg)}@media (pointer: coarse){.ui-link--arrow,.ui-link--cta{min-block-size: max(24px,1.6rem)}}.ui-chip{align-items: center;background: transparent;border: 1px solid var(--line-strong);border-radius: var(--radius-sm);color: var(--text-soft);display: inline-flex;font-family: var(--mono);font-size: var(--text-2xs);gap: 0.36rem;letter-spacing: var(--tracking-wide);line-height: 1;min-block-size: 1.7rem;padding: 0.32rem 0.55rem;text-transform: uppercase}.ui-chip--accent{color: var(--text-soft);border-color: var(--accent)}.ui-badge{align-items: center;background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-sm);color: var(--text-soft);display: inline-flex;font-family: var(--mono);font-size: var(--text-2xs);font-weight: 700;gap: 0.34rem;letter-spacing: var(--tracking-wide);line-height: 1;padding: 0.28rem 0.5rem;text-transform: uppercase}.ui-badge--accent{background: var(--accent-soft);border-color: color-mix(in srgb,var(--accent) 45%,var(--line))}.ui-badge--success{background: var(--success-soft);border-color: color-mix(in srgb,var(--success) 40%,var(--line))}.ui-badge--warning{background: var(--warning-soft);border-color: color-mix(in srgb,var(--warning) 40%,var(--line))}.ui-badge--danger{background: var(--danger-soft);border-color: color-mix(in srgb,var(--danger) 40%,var(--line))}.ui-badge--info{background: var(--info-soft);border-color: color-mix(in srgb,var(--info) 40%,var(--line))}.ui-badge--muted{background: transparent;border-color: var(--line);color: var(--text-dim)}.ui-badge--dot::before{background: var(--text-soft);border-radius: 50%;content: '';flex: 0 0 auto;block-size: 0.4rem;inline-size: 0.4rem}.ui-badge--accent.ui-badge--dot::before{background: var(--accent)}.ui-badge--success.ui-badge--dot::before{background: var(--success)}.ui-badge--warning.ui-badge--dot::before{background: var(--warning)}.ui-badge--danger.ui-badge--dot::before{background: var(--danger)}.ui-badge--info.ui-badge--dot::before{background: var(--info)}.ui-key-value{display: grid;gap: 0.55rem;margin: 0}.ui-key-value div{border-block-start: 1px solid var(--line);display: grid;gap: 0.16rem;padding-block-start: 0.6rem}.ui-key-value dt{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);font-weight: 700;letter-spacing: var(--tracking-wide);line-height: 1;text-transform: uppercase}.ui-key-value dd{color: var(--text);font-family: var(--mono);margin: 0;min-inline-size: 0;overflow-wrap: anywhere}@media (hover: hover){.ui-card:hover{border-color: var(--line-strong)}.ui-card--interactive:hover{box-shadow: var(--shadow-raised);transform: translateY(-2px)}.ui-button:hover{background: var(--accent-strong);border-color: var(--accent-strong)}.ui-button--ghost:hover,.ui-button--subtle:hover{background: var(--panel-soft);border-color: var(--accent);color: var(--text)}.ui-button--danger:hover{background: color-mix(in srgb,var(--danger) 84%,#000)}.ui-link:hover{color: var(--accent-text);text-decoration-color: var(--accent)}.ui-link--arrow:hover::after,.ui-link--cta:hover::after{transform: translateX(0.14rem) rotate(45deg)}[dir='rtl'] .ui-link--arrow:hover::after,[dir='rtl'] .ui-link--cta:hover::after{transform: translateX(-0.14rem) rotate(-45deg)}.ui-chip--accent:hover{background: var(--accent-soft)}}@media (pointer: coarse){.ui-button{min-block-size: 2.9rem;min-inline-size: 2.9rem}.ui-button--icon{min-inline-size: 2.9rem}}.ui-empty-state,.ui-app-empty-state{border: 1px dashed var(--line-strong);border-radius: var(--radius-md);color: var(--text-dim);padding: var(--space-lg);text-align: center}.ui-empty-state p,.ui-app-empty-state p{color: var(--text-dim);margin: 0.3rem 0 0}.ui-kbd{align-items: center;background: var(--panel-soft);border: 1px solid var(--line-strong);border-radius: var(--radius-sm);color: var(--text-soft);display: inline-flex;font-family: var(--mono);font-size: var(--text-2xs);justify-content: center;line-height: 1;min-inline-size: 1.4rem;padding: 0.18rem 0.4rem}.ui-shortcut{align-items: center;display: inline-flex;gap: 0.25rem;vertical-align: middle;white-space: nowrap}.ui-shortcut__sep{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs)}.ui-timeline{display: grid;gap: var(--space-md);list-style: none;margin: 0;padding: 0}.ui-timeline__item{border-inline-start: 1px solid var(--line);display: grid;gap: 0.2rem;padding-inline-start: var(--space-md);position: relative}.ui-timeline__item::before{background: var(--line-strong);border-radius: 50%;block-size: 0.5rem;content: '';inline-size: 0.5rem;inset-block-start: 0.18rem;inset-inline-start: calc(-0.25rem - 0.5px);position: absolute}.ui-timeline__item[aria-current]::before{background: var(--accent)}.ui-timeline__time{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}}