@tulipfarm/sprout 0.3.0 → 0.4.0

package/dist/styles/questionnaire.css

@@ -90,9 +90,7 @@
       background: color-mix(in oklab, var(--sprout-hover) 60%, transparent);
     }
   }
-  .sprout-questionnaire-choice:has(
-    > .sprout-questionnaire-choice-input:focus-visible
-  ) {
+  .sprout-questionnaire-choice:has(> .sprout-questionnaire-choice-input:focus-visible) {
     outline: var(--sprout-focus-width) solid var(--sprout-focus-ring);
   }
   .sprout-questionnaire-choice[data-checked] {
@@ -102,9 +100,7 @@
   .sprout-questionnaire-choice[data-invalid] {
     border-color: var(--sprout-danger);
   }
-  .sprout-questionnaire-choice[data-invalid]:has(
-      > .sprout-questionnaire-choice-input:focus-visible
-    ) {
+  .sprout-questionnaire-choice[data-invalid]:has(> .sprout-questionnaire-choice-input:focus-visible) {
     outline-color: var(--sprout-danger);
   }
   .sprout-questionnaire-choice[data-disabled] {
@@ -140,12 +136,10 @@
     color: var(--sprout-on-primary);
     pointer-events: none;
   }
-  .sprout-questionnaire-choice[data-type="radio"]
-    .sprout-questionnaire-choice-indicator {
+  .sprout-questionnaire-choice[data-type='radio'] .sprout-questionnaire-choice-indicator {
     border-radius: 999px;
   }
-  .sprout-questionnaire-choice[data-checked]
-    .sprout-questionnaire-choice-indicator {
+  .sprout-questionnaire-choice[data-checked] .sprout-questionnaire-choice-indicator {
     border-color: var(--sprout-primary);
     background: var(--sprout-primary);
   }
@@ -163,10 +157,8 @@
     width: 12px;
     height: 12px;
   }
-  .sprout-questionnaire-choice[data-type="radio"][data-checked]
-    .sprout-questionnaire-choice-dot,
-  .sprout-questionnaire-choice[data-type="checkbox"][data-checked]
-    .sprout-questionnaire-choice-check {
+  .sprout-questionnaire-choice[data-type='radio'][data-checked] .sprout-questionnaire-choice-dot,
+  .sprout-questionnaire-choice[data-type='checkbox'][data-checked] .sprout-questionnaire-choice-check {
     display: block;
   }
 
@@ -187,13 +179,8 @@
     font-variant-numeric: tabular-nums;
     pointer-events: none;
   }
-  .sprout-questionnaire-choice[data-checked]
-    .sprout-questionnaire-choice-shortcut {
-    border-color: color-mix(
-      in oklab,
-      var(--sprout-focus) 40%,
-      var(--sprout-line)
-    );
+  .sprout-questionnaire-choice[data-checked] .sprout-questionnaire-choice-shortcut {
+    border-color: color-mix(in oklab, var(--sprout-focus) 40%, var(--sprout-line));
     color: var(--sprout-text);
   }
 
@@ -260,24 +247,16 @@
     .sprout-questionnaire-choice-indicator,
     .sprout-questionnaire-choice-shortcut {
       transition:
-        background-color var(--sprout-motion-fast, 120ms)
-          var(--sprout-motion-ease, ease-out),
-        border-color var(--sprout-motion-fast, 120ms)
-          var(--sprout-motion-ease, ease-out),
-        color var(--sprout-motion-fast, 120ms)
-          var(--sprout-motion-ease, ease-out);
+        background-color var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out),
+        border-color var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out),
+        color var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out);
     }
     .sprout-questionnaire-item[data-active] {
-      animation: sprout-questionnaire-enter var(--sprout-motion-normal, 160ms)
-        var(--sprout-motion-ease, ease-out);
+      animation: sprout-questionnaire-enter var(--sprout-motion-normal, 160ms) var(--sprout-motion-ease, ease-out);
     }
     .sprout-questionnaire-choice[data-checked]
-      :is(
-        .sprout-questionnaire-choice-dot,
-        .sprout-questionnaire-choice-check
-      ) {
-      animation: sprout-questionnaire-pop var(--sprout-motion-fast, 140ms)
-        ease-out both;
+      :is(.sprout-questionnaire-choice-dot, .sprout-questionnaire-choice-check) {
+      animation: sprout-questionnaire-pop var(--sprout-motion-fast, 140ms) ease-out both;
     }
   }
   @keyframes sprout-questionnaire-enter {
@@ -295,13 +274,10 @@
 
   @media (forced-colors: active) {
     .sprout-questionnaire-choice[data-checked],
-    .sprout-questionnaire-choice[data-checked]
-      .sprout-questionnaire-choice-indicator {
+    .sprout-questionnaire-choice[data-checked] .sprout-questionnaire-choice-indicator {
       border-color: Highlight;
     }
-    .sprout-questionnaire-choice:has(
-      > .sprout-questionnaire-choice-input:focus-visible
-    ) {
+    .sprout-questionnaire-choice:has(> .sprout-questionnaire-choice-input:focus-visible) {
       outline-color: Highlight;
     }
   }

package/dist/styles/radio-group.css

@@ -28,16 +28,12 @@
   }
   /* A 40 x 32px hit area around the 16px dot. */
   .sprout-radio-group-item::after {
-    content: "";
+    content: '';
     position: absolute;
     inset: -8px -12px;
   }
   @media (hover: hover) {
-    .sprout-radio-group-item:not(
-        [data-disabled],
-        [data-readonly],
-        [data-checked]
-      ):hover {
+    .sprout-radio-group-item:not([data-disabled], [data-readonly], [data-checked]):hover {
       border-color: var(--sprout-border-strong);
     }
   }
@@ -48,14 +44,13 @@
     border-color: var(--sprout-primary);
     background-color: var(--sprout-primary);
   }
-  .sprout-radio-group-item[aria-invalid="true"] {
-    box-shadow: 0 0 0 3px
-      color-mix(in oklab, var(--sprout-danger) 20%, transparent);
+  .sprout-radio-group-item[aria-invalid='true'] {
+    box-shadow: 0 0 0 3px color-mix(in oklab, var(--sprout-danger) 20%, transparent);
   }
-  .sprout-radio-group-item[aria-invalid="true"]:not([data-checked]) {
+  .sprout-radio-group-item[aria-invalid='true']:not([data-checked]) {
     border-color: var(--sprout-danger);
   }
-  .sprout-radio-group-item[aria-invalid="true"]:focus-visible {
+  .sprout-radio-group-item[aria-invalid='true']:focus-visible {
     outline-color: var(--sprout-danger);
   }
   .sprout-radio-group-item[data-readonly] {
@@ -77,21 +72,15 @@
   @media (prefers-reduced-motion: no-preference) {
     .sprout-radio-group-item {
       transition:
-        background-color var(--sprout-motion-fast, 120ms)
-          var(--sprout-motion-ease, ease-out),
-        border-color var(--sprout-motion-fast, 120ms)
-          var(--sprout-motion-ease, ease-out),
-        box-shadow var(--sprout-motion-fast, 120ms)
-          var(--sprout-motion-ease, ease-out),
-        opacity var(--sprout-motion-fast, 120ms)
-          var(--sprout-motion-ease, ease-out);
+        background-color var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out),
+        border-color var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out),
+        box-shadow var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out),
+        opacity var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out);
     }
     .sprout-radio-group-indicator {
       transition:
-        opacity var(--sprout-motion-normal, 180ms)
-          var(--sprout-motion-ease, ease-out),
-        transform var(--sprout-motion-normal, 180ms)
-          var(--sprout-motion-ease, ease-out);
+        opacity var(--sprout-motion-normal, 180ms) var(--sprout-motion-ease, ease-out),
+        transform var(--sprout-motion-normal, 180ms) var(--sprout-motion-ease, ease-out);
     }
     .sprout-radio-group-indicator[data-starting-style],
     .sprout-radio-group-indicator[data-ending-style] {

package/dist/styles/reasoning-effort.css

@@ -62,8 +62,7 @@
     outline: var(--sprout-focus-width) solid var(--sprout-focus-ring);
     outline-offset: 0;
   }
-  .sprout-reasoning-effort[data-dragging="true"]
-    .sprout-reasoning-effort-track {
+  .sprout-reasoning-effort[data-dragging='true'] .sprout-reasoning-effort-track {
     cursor: grabbing;
   }
 
@@ -101,25 +100,19 @@
     transform: translateY(-50%);
     pointer-events: none;
   }
-  .sprout-reasoning-effort-tick[data-active="true"] {
-    background-color: color-mix(
-      in oklab,
-      var(--sprout-on-primary) 60%,
-      transparent
-    );
+  .sprout-reasoning-effort-tick[data-active='true'] {
+    background-color: color-mix(in oklab, var(--sprout-on-primary) 60%, transparent);
   }
-  .sprout-reasoning-effort-tick[data-on-thumb="true"] {
+  .sprout-reasoning-effort-tick[data-on-thumb='true'] {
     background-color: rgb(0 0 0 / 0.45);
   }
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-reasoning-effort-bubble-text {
-      animation: sprout-reasoning-effort-level-in
-        var(--sprout-motion-normal, 180ms) var(--sprout-motion-ease, ease-out);
+      animation: sprout-reasoning-effort-level-in var(--sprout-motion-normal, 180ms) var(--sprout-motion-ease, ease-out);
     }
     .sprout-reasoning-effort-track {
-      transition: outline-color var(--sprout-motion-fast, 120ms)
-        var(--sprout-motion-ease, ease-out);
+      transition: outline-color var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out);
     }
   }
 
@@ -146,8 +139,8 @@
       background-color: Canvas;
     }
     .sprout-reasoning-effort-tick,
-    .sprout-reasoning-effort-tick[data-active="true"],
-    .sprout-reasoning-effort-tick[data-on-thumb="true"] {
+    .sprout-reasoning-effort-tick[data-active='true'],
+    .sprout-reasoning-effort-tick[data-on-thumb='true'] {
       background-color: CanvasText;
     }
     .sprout-reasoning-effort-track:focus-visible {

package/dist/styles/record-list.css

@@ -0,0 +1,243 @@
+@layer components {
+  .sprout-record-list {
+    --sprout-record-list-pad-y: 0.75rem;
+    --sprout-record-list-pad-x: 1rem;
+    container-type: inline-size;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    border: 1px solid var(--sprout-line);
+    border-radius: var(--sprout-radius-panel);
+    background: var(--sprout-surface);
+    color: var(--sprout-text);
+    font-family: var(--sprout-font);
+    font-size: var(--sprout-text-sm);
+    line-height: 1.25rem;
+    overflow: hidden;
+  }
+  .sprout-record-list[data-density='compact'] {
+    --sprout-record-list-pad-y: 0.5rem;
+    --sprout-record-list-pad-x: 0.75rem;
+  }
+
+  .sprout-record-list-items {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .sprout-record-list-items[aria-busy='true'] {
+    opacity: 0.55;
+  }
+
+  .sprout-record-list-item {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto auto;
+    grid-template-areas:
+      'title badges actions'
+      'values badges actions';
+    align-items: center;
+    column-gap: 0.75rem;
+    min-height: 2.75rem;
+    padding: var(--sprout-record-list-pad-y) var(--sprout-record-list-pad-x);
+    border-bottom: 1px solid var(--sprout-line);
+    outline: none;
+  }
+  .sprout-record-list-item:last-child {
+    border-bottom: 0;
+  }
+  .sprout-record-list-item[data-openable] {
+    cursor: pointer;
+  }
+  @media (hover: hover) {
+    .sprout-record-list-item:hover {
+      background-color: var(--sprout-hover);
+    }
+  }
+  .sprout-record-list-item:has([aria-expanded='true']),
+  .sprout-record-list-item:has(:focus-visible) {
+    background-color: var(--sprout-hover);
+  }
+  .sprout-record-list-item:focus-visible {
+    background-color: var(--sprout-hover);
+    outline: var(--sprout-focus-width) solid var(--sprout-focus-ring);
+    outline-offset: calc(var(--sprout-focus-width) * -1);
+    border-radius: 2px;
+  }
+
+  .sprout-record-list-title {
+    grid-area: title;
+    min-width: 0;
+    overflow: hidden;
+    font-weight: 500;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .sprout-record-list-values {
+    grid-area: values;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem 1rem;
+    min-width: 0;
+    margin: 0.25rem 0 0;
+    font-size: var(--sprout-text-xs);
+    line-height: 1rem;
+    font-variant-numeric: tabular-nums;
+  }
+  .sprout-record-list-value {
+    display: flex;
+    align-items: baseline;
+    gap: 0.375rem;
+    min-width: 0;
+    max-width: 16rem;
+  }
+  .sprout-record-list-value > dt {
+    flex-shrink: 0;
+    color: var(--sprout-muted);
+  }
+  .sprout-record-list-value > dd {
+    min-width: 0;
+    margin: 0;
+    overflow: hidden;
+    color: var(--sprout-text);
+    font-weight: 500;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .sprout-record-list-badges {
+    grid-area: badges;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 0.25rem;
+    min-width: 0;
+    max-width: 18rem;
+  }
+
+  .sprout-record-list-actions {
+    grid-area: actions;
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    margin-inline-end: -0.25rem;
+  }
+
+  @container (max-width: 40rem) {
+    .sprout-record-list-item {
+      grid-template-columns: minmax(0, 1fr) auto;
+      grid-template-areas:
+        'title actions'
+        'values values'
+        'badges badges';
+      align-items: start;
+    }
+    .sprout-record-list-title {
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      align-self: center;
+      white-space: normal;
+      overflow-wrap: anywhere;
+    }
+    .sprout-record-list-badges {
+      justify-content: flex-start;
+      max-width: none;
+      margin-top: 0.5rem;
+    }
+    .sprout-record-list-value {
+      max-width: 100%;
+    }
+  }
+
+  .sprout-record-list-state {
+    min-width: 0;
+    outline: none;
+  }
+  .sprout-record-list-empty-text {
+    margin: 0;
+    padding: 1.5rem var(--sprout-record-list-pad-x);
+    color: var(--sprout-muted);
+    text-align: center;
+  }
+
+  .sprout-record-list-skeleton {
+    gap: 0;
+  }
+  .sprout-record-list-skeleton-row {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    padding: var(--sprout-record-list-pad-y) var(--sprout-record-list-pad-x);
+    border-bottom: 1px solid var(--sprout-line);
+  }
+  .sprout-record-list-skeleton-row:last-of-type {
+    border-bottom: 0;
+  }
+  .sprout-record-list-skeleton-main {
+    display: grid;
+    flex: 1;
+    gap: 0.5rem;
+    min-width: 0;
+  }
+  .sprout-record-list .sprout-record-list-skeleton-title {
+    width: min(40%, 16rem);
+    height: 14px;
+  }
+  .sprout-record-list .sprout-record-list-skeleton-values {
+    width: min(70%, 28rem);
+    height: 10px;
+  }
+
+  .sprout-record-list-footer {
+    display: flex;
+    justify-content: center;
+    min-width: 0;
+    padding: 0.5rem var(--sprout-record-list-pad-x);
+    border-top: 1px solid var(--sprout-line);
+  }
+  .sprout-record-list-footer > * {
+    margin-inline: 0;
+  }
+
+  .sprout-record-list-sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .sprout-record-list-item {
+      transition: background-color var(--sprout-motion-fast) var(--sprout-motion-ease);
+    }
+    .sprout-record-list-items {
+      transition: opacity var(--sprout-motion-normal) var(--sprout-motion-ease);
+    }
+    .sprout-record-list-state,
+    .sprout-record-list-item {
+      animation: sprout-record-list-in var(--sprout-motion-normal) var(--sprout-motion-ease);
+    }
+  }
+
+  @keyframes sprout-record-list-in {
+    from {
+      opacity: 0.4;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sprout-record-list,
+    .sprout-record-list-item,
+    .sprout-record-list-footer {
+      border-color: CanvasText;
+    }
+    .sprout-record-list-item:focus-visible {
+      outline-color: Highlight;
+    }
+  }
+}

package/dist/styles/resizable.css

@@ -7,7 +7,7 @@
     min-height: 0;
     overflow: hidden;
   }
-  .sprout-resizable-group[data-orientation="vertical"] {
+  .sprout-resizable-group[data-orientation='vertical'] {
     flex-direction: column;
   }
 
@@ -30,26 +30,26 @@
     touch-action: none;
     user-select: none;
   }
-  .sprout-resizable-handle[data-orientation="vertical"] {
+  .sprout-resizable-handle[data-orientation='vertical'] {
     width: 1px;
     cursor: col-resize;
   }
-  .sprout-resizable-handle[data-orientation="horizontal"] {
+  .sprout-resizable-handle[data-orientation='horizontal'] {
     height: 1px;
     cursor: row-resize;
   }
   /* A wider invisible hit area keeps the 1px line easy to grab. */
   .sprout-resizable-handle::after {
-    content: "";
+    content: '';
     position: absolute;
   }
-  .sprout-resizable-handle[data-orientation="vertical"]::after {
+  .sprout-resizable-handle[data-orientation='vertical']::after {
     inset-block: 0;
     left: 50%;
     width: 9px;
     transform: translateX(-50%);
   }
-  .sprout-resizable-handle[data-orientation="horizontal"]::after {
+  .sprout-resizable-handle[data-orientation='horizontal']::after {
     inset-inline: 0;
     top: 50%;
     height: 9px;
@@ -71,12 +71,11 @@
     border-radius: 999px;
     background: var(--sprout-border);
   }
-  .sprout-resizable-handle[data-orientation="vertical"] .sprout-resizable-grip {
+  .sprout-resizable-handle[data-orientation='vertical'] .sprout-resizable-grip {
     width: 6px;
     height: 24px;
   }
-  .sprout-resizable-handle[data-orientation="horizontal"]
-    .sprout-resizable-grip {
+  .sprout-resizable-handle[data-orientation='horizontal'] .sprout-resizable-grip {
     width: 24px;
     height: 6px;
   }
@@ -89,10 +88,10 @@
   }
 
   @media (pointer: coarse) {
-    .sprout-resizable-handle[data-orientation="vertical"]::after {
+    .sprout-resizable-handle[data-orientation='vertical']::after {
       width: 24px;
     }
-    .sprout-resizable-handle[data-orientation="horizontal"]::after {
+    .sprout-resizable-handle[data-orientation='horizontal']::after {
       height: 24px;
     }
   }

package/dist/styles/result-card.css

@@ -90,10 +90,10 @@
   .sprout-result-card-status > svg {
     flex-shrink: 0;
   }
-  .sprout-result-card-status[data-tone="success"] {
+  .sprout-result-card-status[data-tone='success'] {
     color: var(--sprout-success);
   }
-  .sprout-result-card-status[data-tone="error"] {
+  .sprout-result-card-status[data-tone='error'] {
     color: var(--sprout-danger);
   }
   .sprout-result-card-action {
@@ -150,6 +150,20 @@
   .sprout-result-app-name > svg {
     flex-shrink: 0;
   }
+  .sprout-result-app-icon {
+    display: inline-flex;
+    flex-shrink: 0;
+    width: 18px;
+    height: 18px;
+  }
+  .sprout-result-app-name > .sprout-result-app-icon {
+    width: 20px;
+    height: 20px;
+  }
+  .sprout-result-app-icon > svg {
+    width: 100%;
+    height: 100%;
+  }
   .sprout-result-app-name h4 {
     margin: 0;
     color: var(--sprout-text);
@@ -188,7 +202,7 @@
     flex-shrink: 0;
     color: var(--sprout-muted);
   }
-  .sprout-result-app-action[data-state="failed"] .sprout-result-app-prefix {
+  .sprout-result-app-action[data-state='failed'] .sprout-result-app-prefix {
     color: var(--sprout-danger);
   }
   .sprout-result-app-label {

package/dist/styles/result-notice.css

@@ -0,0 +1,80 @@
+@layer components {
+  .sprout-result-notice {
+    box-sizing: border-box;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 4px 12px;
+    width: 100%;
+    min-width: 0;
+    min-height: 36px;
+    padding: 3px 3px 3px 10px;
+    border: 1px solid var(--sprout-line);
+    border-radius: calc(var(--sprout-radius-control) + 2px);
+    background: var(--sprout-surface);
+    color: var(--sprout-muted);
+    font-family: var(--sprout-font);
+    font-size: var(--sprout-text-sm);
+    line-height: 1.25rem;
+    font-variant-numeric: tabular-nums;
+  }
+  .sprout-result-notice:not(:has(> [data-slot='result-notice-action'])) {
+    padding-inline-end: 10px;
+  }
+
+  .sprout-result-notice-content {
+    display: flex;
+    flex: 1 1 16rem;
+    align-items: flex-start;
+    gap: 8px;
+    min-width: 0;
+    padding-block: 4px;
+  }
+
+  .sprout-result-notice-icon {
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+    translate: 0 2px;
+  }
+
+  .sprout-result-notice-message {
+    min-width: 0;
+    margin: 0;
+    overflow-wrap: anywhere;
+  }
+  .sprout-result-notice-message strong {
+    color: var(--sprout-text);
+    font-weight: 500;
+  }
+
+  .sprout-result-notice-action {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    flex-shrink: 0;
+    gap: 8px;
+    min-width: 0;
+    /* Lines a wrapped ghost button's label up with the message text. */
+    padding-inline-start: 14px;
+  }
+
+  @media (forced-colors: active) {
+    .sprout-result-notice {
+      border-color: CanvasText;
+    }
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .sprout-result-notice {
+      animation: sprout-result-notice-in var(--sprout-motion-normal) var(--sprout-motion-ease);
+    }
+  }
+
+  @keyframes sprout-result-notice-in {
+    from {
+      opacity: 0;
+      transform: translateY(-2px);
+    }
+  }
+}

package/dist/styles/review-card.css

@@ -76,7 +76,7 @@
   }
   /* The whole header is the click target; the title button stays the named control. */
   .sprout-review-card-trigger::after {
-    content: "";
+    content: '';
     position: absolute;
     inset: 0;
   }
@@ -228,8 +228,7 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-review-card-header {
-      transition: background-color var(--sprout-motion-fast, 120ms)
-        var(--sprout-motion-ease, ease-out);
+      transition: background-color var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out);
     }
   }
 }

package/dist/styles/rich-text-editor.css

@@ -70,8 +70,7 @@
     pointer-events: none;
   }
 
-  .sprout-rich-text-editor-content
-    :where(p, h1, h2, h3, blockquote, pre, ul, ol) {
+  .sprout-rich-text-editor-content :where(p, h1, h2, h3, blockquote, pre, ul, ol) {
     margin: 0;
   }
   .sprout-rich-text-editor-content :where(h1, h2, h3) {