@tulipfarm/sprout 0.3.1 → 0.5.0

package/dist/styles/notice-banner.css

@@ -54,8 +54,7 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-notice-banner {
-      animation: sprout-notice-banner-in var(--sprout-motion-normal)
-        var(--sprout-motion-ease);
+      animation: sprout-notice-banner-in var(--sprout-motion-normal) var(--sprout-motion-ease);
     }
   }
 

package/dist/styles/page-header.css

@@ -29,12 +29,12 @@
     font-weight: 500;
     letter-spacing: normal;
   }
-  .sprout-page-header-title[data-placement="page"] {
+  .sprout-page-header-title[data-placement='page'] {
     font-size: 1.5rem;
     line-height: 2rem;
     overflow-wrap: break-word;
   }
-  .sprout-page-header-title[data-placement="chrome"] {
+  .sprout-page-header-title[data-placement='chrome'] {
     min-width: 0;
     overflow: hidden;
     font-size: var(--sprout-text-sm);
@@ -65,10 +65,10 @@
     align-items: center;
     gap: 0.5rem;
   }
-  .sprout-page-header-actions[data-placement="page"] {
+  .sprout-page-header-actions[data-placement='page'] {
     flex-wrap: wrap;
   }
-  .sprout-page-header-actions[data-placement="inline"] {
+  .sprout-page-header-actions[data-placement='inline'] {
     justify-content: flex-end;
   }
 
@@ -111,19 +111,16 @@
     outline: var(--sprout-focus-width) solid var(--sprout-focus-ring);
     outline-offset: 0;
   }
-  .sprout-page-header-breadcrumb[data-placement="chrome"]
-    .sprout-page-header-breadcrumb-item:first-child {
+  .sprout-page-header-breadcrumb[data-placement='chrome'] .sprout-page-header-breadcrumb-item:first-child {
     flex-shrink: 3;
     min-width: 2rem;
   }
-  .sprout-page-header-breadcrumb[data-placement="chrome"]
-    .sprout-page-header-breadcrumb-link {
+  .sprout-page-header-breadcrumb[data-placement='chrome'] .sprout-page-header-breadcrumb-link {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
   }
-  .sprout-page-header-breadcrumb[data-placement="chrome"]
-    .sprout-page-header-breadcrumb-current {
+  .sprout-page-header-breadcrumb[data-placement='chrome'] .sprout-page-header-breadcrumb-current {
     min-width: 2.5rem;
   }
   .sprout-page-header-breadcrumb-separator {
@@ -136,6 +133,10 @@
   }
 
   @media (max-width: 639px) {
+    .sprout-page-header-back {
+      width: calc(var(--sprout-control-height) - 4px);
+      padding-inline: 0;
+    }
     .sprout-page-header-back-label {
       position: absolute;
       width: 1px;

package/dist/styles/pagination.css

@@ -36,10 +36,19 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 32px;
-    height: 32px;
+    width: var(--sprout-control-height);
+    height: var(--sprout-control-height);
     color: var(--sprout-muted);
   }
+  /* The ellipsis has no size prop, so it matches the links around it. */
+  .sprout-pagination-content:has(.sprout-button-size-sm, .sprout-button-size-icon-sm) .sprout-pagination-ellipsis {
+    width: calc(var(--sprout-control-height) - 4px);
+    height: calc(var(--sprout-control-height) - 4px);
+  }
+  .sprout-pagination-content:has(.sprout-button-size-lg, .sprout-button-size-icon-lg) .sprout-pagination-ellipsis {
+    width: calc(var(--sprout-control-height) + 4px);
+    height: calc(var(--sprout-control-height) + 4px);
+  }
   .sprout-pagination-ellipsis > svg {
     width: 16px;
     height: 16px;
@@ -61,10 +70,7 @@
     .sprout-pagination-label {
       display: none;
     }
-    .sprout-pagination-link:is(
-      .sprout-pagination-previous,
-      .sprout-pagination-next
-    ) {
+    .sprout-pagination-link:is(.sprout-pagination-previous, .sprout-pagination-next) {
       aspect-ratio: 1;
       padding-inline: 0;
     }

package/dist/styles/plan-outline.css

@@ -66,19 +66,19 @@
     border-start-end-radius: 999px;
     border-end-end-radius: 999px;
   }
-  .sprout-plan-outline-segment[data-mark="running"] {
+  .sprout-plan-outline-segment[data-mark='running'] {
     background: var(--sprout-info);
   }
-  .sprout-plan-outline-segment[data-mark="attention"] {
+  .sprout-plan-outline-segment[data-mark='attention'] {
     background: var(--sprout-warning);
   }
-  .sprout-plan-outline-segment[data-mark="blocked"] {
+  .sprout-plan-outline-segment[data-mark='blocked'] {
     background: color-mix(in oklab, var(--sprout-muted) 40%, transparent);
   }
-  .sprout-plan-outline-segment[data-mark="done"] {
+  .sprout-plan-outline-segment[data-mark='done'] {
     background: var(--sprout-success);
   }
-  .sprout-plan-outline-segment[data-mark="failed"] {
+  .sprout-plan-outline-segment[data-mark='failed'] {
     background: var(--sprout-danger);
   }
   .sprout-plan-outline-progress-text {
@@ -160,16 +160,16 @@
     width: 14px;
     height: 14px;
   }
-  [data-mark="running"] > .sprout-plan-outline-row .sprout-plan-outline-mark {
+  [data-mark='running'] > .sprout-plan-outline-row .sprout-plan-outline-mark {
     color: var(--sprout-info);
   }
-  [data-mark="attention"] > .sprout-plan-outline-row .sprout-plan-outline-mark {
+  [data-mark='attention'] > .sprout-plan-outline-row .sprout-plan-outline-mark {
     color: var(--sprout-warning);
   }
-  [data-mark="done"] > .sprout-plan-outline-row .sprout-plan-outline-mark {
+  [data-mark='done'] > .sprout-plan-outline-row .sprout-plan-outline-mark {
     color: var(--sprout-success);
   }
-  [data-mark="failed"] > .sprout-plan-outline-row .sprout-plan-outline-mark {
+  [data-mark='failed'] > .sprout-plan-outline-row .sprout-plan-outline-mark {
     color: var(--sprout-danger);
   }
   .sprout-plan-outline-text {
@@ -184,21 +184,13 @@
     line-height: 1.25rem;
     overflow-wrap: anywhere;
   }
-  [data-kind="group"]
-    > .sprout-plan-outline-row
-    .sprout-plan-outline-task-title {
+  [data-kind='group'] > .sprout-plan-outline-row .sprout-plan-outline-task-title {
     font-weight: 500;
   }
-  [data-mark="cancelled"]
-    > .sprout-plan-outline-row
-    .sprout-plan-outline-task-title {
+  [data-mark='cancelled'] > .sprout-plan-outline-row .sprout-plan-outline-task-title {
     color: var(--sprout-muted);
     text-decoration: line-through;
-    text-decoration-color: color-mix(
-      in oklab,
-      var(--sprout-muted) 60%,
-      transparent
-    );
+    text-decoration-color: color-mix(in oklab, var(--sprout-muted) 60%, transparent);
   }
   .sprout-plan-outline-assignee {
     display: flex;
@@ -225,13 +217,11 @@
     line-height: 1rem;
     text-align: end;
   }
-  [data-mark="attention"]
-    > .sprout-plan-outline-row
-    .sprout-plan-outline-label {
+  [data-mark='attention'] > .sprout-plan-outline-row .sprout-plan-outline-label {
     color: var(--sprout-warning);
     font-weight: 500;
   }
-  [data-mark="failed"] > .sprout-plan-outline-row .sprout-plan-outline-label {
+  [data-mark='failed'] > .sprout-plan-outline-row .sprout-plan-outline-label {
     color: var(--sprout-danger);
   }
   .sprout-plan-outline-chevron {
@@ -287,10 +277,7 @@
     margin: 0;
     overflow-wrap: anywhere;
   }
-  [data-mark="failed"]
-    > .sprout-plan-outline-panel
-    > .sprout-plan-outline-detail
-    > .sprout-plan-outline-reason {
+  [data-mark='failed'] > .sprout-plan-outline-panel > .sprout-plan-outline-detail > .sprout-plan-outline-reason {
     color: var(--sprout-danger);
   }
   .sprout-plan-outline-task-brief {
@@ -364,21 +351,17 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-plan-outline-segment {
-      transition: background-color var(--sprout-motion-normal, 180ms)
-        var(--sprout-motion-ease, ease-out);
+      transition: background-color var(--sprout-motion-normal, 180ms) var(--sprout-motion-ease, ease-out);
     }
     .sprout-plan-outline-trigger {
-      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);
     }
     .sprout-plan-outline-chevron {
-      transition: transform var(--sprout-motion-fast, 120ms)
-        var(--sprout-motion-ease, ease-out);
+      transition: transform var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out);
     }
     .sprout-plan-outline-panel {
       transition:
-        height var(--sprout-motion-normal, 180ms)
-          var(--sprout-motion-ease, ease-out),
+        height var(--sprout-motion-normal, 180ms) var(--sprout-motion-ease, ease-out),
         opacity var(--sprout-motion-fast, 120ms) ease-out;
     }
   }
@@ -386,7 +369,7 @@
     .sprout-plan-outline-segment {
       background: GrayText;
     }
-    .sprout-plan-outline-segment[data-mark="done"] {
+    .sprout-plan-outline-segment[data-mark='done'] {
       background: CanvasText;
     }
   }

package/dist/styles/popover.css

@@ -106,34 +106,25 @@
       opacity: 0;
       scale: 0.96;
     }
-    .sprout-popover-content[data-side="bottom"]:is(
-        [data-starting-style],
-        [data-ending-style]
-      ) {
+    .sprout-popover-content[data-side='bottom']:is([data-starting-style], [data-ending-style]) {
       translate: 0 calc(var(--sprout-popover-shift) * -1);
     }
-    .sprout-popover-content[data-side="top"]:is(
+    .sprout-popover-content[data-side='top']:is([data-starting-style], [data-ending-style]) {
+      translate: 0 var(--sprout-popover-shift);
+    }
+    .sprout-popover-content:is([data-side='right'], [data-side='inline-end']):is(
         [data-starting-style],
         [data-ending-style]
       ) {
-      translate: 0 var(--sprout-popover-shift);
-    }
-    .sprout-popover-content:is(
-        [data-side="right"],
-        [data-side="inline-end"]
-      ):is([data-starting-style], [data-ending-style]) {
       translate: calc(var(--sprout-popover-shift) * -1) 0;
     }
-    .sprout-popover-content:is(
-        [data-side="left"],
-        [data-side="inline-start"]
-      ):is([data-starting-style], [data-ending-style]) {
+    .sprout-popover-content:is([data-side='left'], [data-side='inline-start']):is(
+        [data-starting-style],
+        [data-ending-style]
+      ) {
       translate: var(--sprout-popover-shift) 0;
     }
-    .sprout-popover-content:is(
-      .sprout-popover-app-actions,
-      .sprout-popover-bud
-    ) {
+    .sprout-popover-content:is(.sprout-popover-app-actions, .sprout-popover-bud) {
       transition-duration: var(--sprout-motion-normal);
     }
   }

package/dist/styles/presence-cursor.css

@@ -51,8 +51,7 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-presence-cursor {
-      transition: transform var(--sprout-motion-normal)
-        var(--sprout-motion-ease);
+      transition: transform var(--sprout-motion-normal) var(--sprout-motion-ease);
     }
   }
 

package/dist/styles/progress.css

@@ -52,8 +52,7 @@
     inset-block: 0;
     inset-inline-start: 0;
     width: 40%;
-    animation: sprout-progress-slide 1.4s var(--sprout-motion-ease, ease-in-out)
-      infinite;
+    animation: sprout-progress-slide 1.4s var(--sprout-motion-ease, ease-in-out) infinite;
   }
 
   @keyframes sprout-progress-slide {
@@ -67,8 +66,7 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-progress-indicator {
-      transition: width var(--sprout-motion-normal, 180ms)
-        var(--sprout-motion-ease, ease-out);
+      transition: width var(--sprout-motion-normal, 180ms) var(--sprout-motion-ease, ease-out);
     }
   }
 

package/dist/styles/prompt-list.css

@@ -87,7 +87,7 @@
     -webkit-tap-highlight-color: transparent;
   }
   .sprout-prompt-list-button::after {
-    content: "";
+    content: '';
     position: absolute;
     inset: 0;
     border-radius: inherit;
@@ -113,21 +113,16 @@
     transform: scaleX(-1);
   }
 
-  .sprout-prompt-list-item:has(.sprout-prompt-list-button:enabled):is(
-      :hover,
-      :focus-within
-    )
+  .sprout-prompt-list-item:has(.sprout-prompt-list-button:enabled):is(:hover, :focus-within)
     :is(.sprout-prompt-list-icon, .sprout-prompt-list-arrow) {
     color: var(--sprout-text);
   }
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-prompt-list-item {
-      animation: sprout-prompt-rise var(--sprout-motion-normal)
-        var(--sprout-motion-ease) both;
+      animation: sprout-prompt-rise var(--sprout-motion-normal) var(--sprout-motion-ease) both;
       animation-delay: calc(var(--sprout-prompt-index, 0) * 40ms);
-      transition: background-color var(--sprout-motion-fast)
-        var(--sprout-motion-ease);
+      transition: background-color var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
     .sprout-prompt-list-icon,
     .sprout-prompt-list-arrow {
@@ -135,17 +130,11 @@
         transform var(--sprout-motion-fast) var(--sprout-motion-ease),
         color var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
-    .sprout-prompt-list-item:has(.sprout-prompt-list-button:enabled):is(
-        :hover,
-        :focus-within
-      )
+    .sprout-prompt-list-item:has(.sprout-prompt-list-button:enabled):is(:hover, :focus-within)
       .sprout-prompt-list-icon {
       transform: scale(1.08);
     }
-    .sprout-prompt-list-item:has(.sprout-prompt-list-button:enabled):is(
-        :hover,
-        :focus-within
-      )
+    .sprout-prompt-list-item:has(.sprout-prompt-list-button:enabled):is(:hover, :focus-within)
       .sprout-prompt-list-arrow:not(:dir(rtl)) {
       transform: translateX(2px);
     }

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 {