@tulipfarm/sprout 0.3.1 → 0.5.0

package/dist/styles/code-block.css

@@ -10,25 +10,21 @@
     font-family: var(--sprout-font);
     font-size: var(--sprout-text-sm);
   }
-  .sprout-code-block[data-variant="inline"] {
+  .sprout-code-block[data-variant='inline'] {
     border: 1px solid var(--sprout-line);
     border-radius: var(--sprout-radius-panel);
-    background: color-mix(
-      in oklab,
-      var(--sprout-hover) 40%,
-      var(--sprout-surface)
-    );
+    background: color-mix(in oklab, var(--sprout-hover) 40%, var(--sprout-surface));
   }
-  .sprout-code-block[data-variant="file"] {
+  .sprout-code-block[data-variant='file'] {
     height: 100%;
     min-height: 0;
   }
-  .sprout-code-block[data-variant="preview"] {
+  .sprout-code-block[data-variant='preview'] {
     max-height: 100%;
     font-size: var(--sprout-text-xs);
     mask-image: linear-gradient(to bottom, #000 75%, transparent);
   }
-  .sprout-code-block[data-variant="preview"] .sprout-code-block-viewport {
+  .sprout-code-block[data-variant='preview'] .sprout-code-block-viewport {
     overflow: hidden;
     padding: 12px;
     font-size: var(--sprout-text-xs);
@@ -72,10 +68,10 @@
     font-size: var(--sprout-text-sm);
     line-height: 1.25rem;
   }
-  .sprout-code-block[data-variant="inline"] .sprout-code-block-viewport {
+  .sprout-code-block[data-variant='inline'] .sprout-code-block-viewport {
     max-height: 24rem;
   }
-  .sprout-code-block[data-variant="file"] .sprout-code-block-viewport {
+  .sprout-code-block[data-variant='file'] .sprout-code-block-viewport {
     flex: 1;
     min-height: 0;
   }
@@ -126,25 +122,16 @@
     color: var(--sprout-syntax-constant, var(--sprout-warning));
   }
   .sprout-syntax-function {
-    color: var(
-      --sprout-syntax-function,
-      color-mix(in oklab, var(--sprout-info) 55%, var(--sprout-danger))
-    );
+    color: var(--sprout-syntax-function, color-mix(in oklab, var(--sprout-info) 55%, var(--sprout-danger)));
   }
   .sprout-syntax-parameter {
-    color: var(
-      --sprout-syntax-parameter,
-      color-mix(in oklab, var(--sprout-danger) 65%, var(--sprout-warning))
-    );
+    color: var(--sprout-syntax-parameter, color-mix(in oklab, var(--sprout-danger) 65%, var(--sprout-warning)));
   }
   .sprout-syntax-comment {
     color: var(--sprout-syntax-comment, var(--sprout-muted));
   }
   .sprout-syntax-punctuation {
-    color: var(
-      --sprout-syntax-punctuation,
-      color-mix(in oklab, var(--sprout-text) 70%, var(--sprout-muted))
-    );
+    color: var(--sprout-syntax-punctuation, color-mix(in oklab, var(--sprout-text) 70%, var(--sprout-muted)));
   }
   .sprout-syntax-link {
     color: var(--sprout-syntax-link, var(--sprout-info));
@@ -199,8 +186,7 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-code-block-error {
-      animation: sprout-code-block-in var(--sprout-motion-normal)
-        var(--sprout-motion-ease);
+      animation: sprout-code-block-in var(--sprout-motion-normal) var(--sprout-motion-ease);
     }
   }
   @keyframes sprout-code-block-in {

package/dist/styles/collapsible.css

@@ -19,23 +19,21 @@
   }
 
   /* An indicator turns when its own trigger, or its collapsible's header, is open. */
-  [data-slot="collapsible-indicator"] {
+  [data-slot='collapsible-indicator'] {
     flex-shrink: 0;
   }
-  [data-panel-open] [data-slot="collapsible-indicator"],
-  .sprout-collapsible[data-open]
-    > :not(.sprout-collapsible-content)
-    [data-slot="collapsible-indicator"] {
+  [data-panel-open] [data-slot='collapsible-indicator'],
+  .sprout-collapsible[data-open] > :not(.sprout-collapsible-content) [data-slot='collapsible-indicator'] {
     transform: rotate(180deg);
   }
-  [data-panel-open] [data-slot="collapsible-indicator"][data-direction="right"],
+  [data-panel-open] [data-slot='collapsible-indicator'][data-direction='right'],
   .sprout-collapsible[data-open]
     > :not(.sprout-collapsible-content)
-    [data-slot="collapsible-indicator"][data-direction="right"] {
+    [data-slot='collapsible-indicator'][data-direction='right'] {
     transform: rotate(90deg);
   }
 
-  .sprout-collapsible-content[hidden]:not([hidden="until-found"]) {
+  .sprout-collapsible-content[hidden]:not([hidden='until-found']) {
     display: none;
   }
   .sprout-collapsible-content-sidebar,
@@ -54,19 +52,16 @@
   }
 
   @media (prefers-reduced-motion: no-preference) {
-    [data-slot="collapsible-indicator"] {
-      transition: transform var(--sprout-motion-fast, 120ms)
-        var(--sprout-motion-ease, ease-out);
+    [data-slot='collapsible-indicator'] {
+      transition: transform var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out);
     }
     .sprout-collapsible-content-sidebar {
       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;
     }
     .sprout-collapsible-content-card {
-      transition: height var(--sprout-motion-normal, 180ms)
-        var(--sprout-motion-ease, ease-out);
+      transition: height var(--sprout-motion-normal, 180ms) var(--sprout-motion-ease, ease-out);
     }
   }
 }

package/dist/styles/combobox.css

@@ -6,7 +6,7 @@
     flex-shrink: 0;
     pointer-events: none;
   }
-  .sprout-combobox-trigger svg:not([class*="size-"]) {
+  .sprout-combobox-trigger svg:not([class*='size-']) {
     width: 1rem;
     height: 1rem;
   }
@@ -17,15 +17,12 @@
     margin-inline-start: auto;
   }
 
-  .sprout-combobox-input-group
-    .sprout-button.sprout-combobox-input-trigger[data-pressed],
-  .sprout-combobox-input-group
-    .sprout-button.sprout-combobox-input-trigger[data-popup-open] {
+  .sprout-combobox-input-group .sprout-button.sprout-combobox-input-trigger[data-pressed],
+  .sprout-combobox-input-group .sprout-button.sprout-combobox-input-trigger[data-popup-open] {
     background-color: transparent;
   }
   /* Once there is a value the clear button replaces the chevron. */
-  .sprout-combobox-input-group:has([data-slot="combobox-clear"])
-    .sprout-combobox-input-trigger {
+  .sprout-combobox-input-group:has([data-slot='combobox-clear']) .sprout-combobox-input-trigger {
     display: none;
   }
 
@@ -54,7 +51,7 @@
     outline: none;
     transform-origin: var(--transform-origin);
   }
-  .sprout-combobox-content[data-chips="true"] {
+  .sprout-combobox-content[data-chips='true'] {
     min-width: var(--anchor-width);
   }
   /* A search field inside the list, under a trigger button. */
@@ -100,7 +97,7 @@
     gap: 8px;
     width: 100%;
     min-width: 0;
-    min-height: 28px;
+    min-height: calc(var(--sprout-control-height) - 4px);
     padding: 4px 32px 4px 6px;
     border-radius: var(--sprout-radius-control);
     color: var(--sprout-text);
@@ -127,7 +124,7 @@
     flex-shrink: 0;
     pointer-events: none;
   }
-  .sprout-combobox-item svg:not([class*="size-"]) {
+  .sprout-combobox-item svg:not([class*='size-']) {
     width: 16px;
     height: 16px;
   }
@@ -173,7 +170,7 @@
     gap: 4px;
     width: 100%;
     min-width: 0;
-    min-height: 32px;
+    min-height: var(--sprout-control-height);
     padding: 4px 10px;
     border: 1px solid var(--sprout-input);
     border-radius: var(--sprout-radius-control);
@@ -185,14 +182,25 @@
     outline-offset: 0;
     cursor: text;
   }
-  .sprout-combobox-chips:has([data-slot="combobox-chip"]) {
+  .sprout-combobox-chips-size-sm {
+    min-height: calc(var(--sprout-control-height) - 4px);
+    padding-block: 2px;
+    border-radius: min(var(--sprout-radius-control), 12px);
+    font-size: var(--sprout-text-xs);
+    line-height: 16px;
+  }
+  .sprout-combobox-chips-size-lg {
+    min-height: calc(var(--sprout-control-height) + 4px);
+    padding-block: 6px;
+  }
+  .sprout-combobox-chips:has([data-slot='combobox-chip']) {
     padding-inline: 4px;
   }
   .sprout-combobox-chips:focus-within {
     border-color: var(--sprout-border);
     outline: var(--sprout-focus-width) solid transparent;
   }
-  .sprout-combobox-chips:has([aria-invalid="true"]),
+  .sprout-combobox-chips:has([aria-invalid='true']),
   .sprout-combobox-chips:has([data-invalid]) {
     border-color: var(--sprout-danger);
     outline-color: var(--sprout-danger);
@@ -235,8 +243,7 @@
     pointer-events: none;
   }
   /* The disabled field already fades; don't fade its chips twice. */
-  .sprout-combobox-chips:has(.sprout-combobox-chips-input:disabled)
-    .sprout-combobox-chip {
+  .sprout-combobox-chips:has(.sprout-combobox-chips-input:disabled) .sprout-combobox-chip {
     opacity: 1;
   }
   .sprout-button.sprout-combobox-chip-remove {
@@ -323,10 +330,10 @@
       opacity: 0;
       scale: 0.97;
     }
-    .sprout-combobox-content[data-side="bottom"][data-starting-style] {
+    .sprout-combobox-content[data-side='bottom'][data-starting-style] {
       translate: 0 -4px;
     }
-    .sprout-combobox-content[data-side="top"][data-starting-style] {
+    .sprout-combobox-content[data-side='top'][data-starting-style] {
       translate: 0 4px;
     }
     .sprout-combobox-item {

package/dist/styles/command.css

@@ -40,7 +40,7 @@
     display: flex;
     align-items: center;
     gap: 6px;
-    height: 32px;
+    height: var(--sprout-control-height);
     min-width: 0;
     padding-inline: 8px;
     border: 1px solid color-mix(in oklab, var(--sprout-input) 30%, transparent);
@@ -135,10 +135,12 @@
 
   .sprout-command-item {
     position: relative;
+    box-sizing: border-box;
     display: flex;
     align-items: center;
     gap: 8px;
     min-width: 0;
+    min-height: var(--sprout-control-height);
     padding: 6px 8px;
     border-radius: calc(var(--sprout-radius-control) - 2px);
     color: var(--sprout-text);
@@ -148,7 +150,7 @@
     user-select: none;
     -webkit-tap-highlight-color: transparent;
   }
-  [data-slot="dialog-content"] .sprout-command-item {
+  [data-slot='dialog-content'] .sprout-command-item {
     border-radius: calc(var(--sprout-radius-panel) - 4px);
   }
   .sprout-command-item > :where(svg),
@@ -172,11 +174,10 @@
     color: var(--sprout-text);
     opacity: 0;
   }
-  .sprout-command-item[data-checked="true"] > .sprout-command-item-check {
+  .sprout-command-item[data-checked='true'] > .sprout-command-item-check {
     opacity: 1;
   }
-  .sprout-command-item:has(> .sprout-command-shortcut)
-    > .sprout-command-item-check {
+  .sprout-command-item:has(> .sprout-command-shortcut) > .sprout-command-item-check {
     display: none;
   }
 
@@ -219,15 +220,13 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-command-item {
-      transition: background-color var(--sprout-motion-fast)
-        var(--sprout-motion-ease);
+      transition: background-color var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
     .sprout-command-item-check {
       transition: opacity var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
     .sprout-command-input-group {
-      transition: border-color var(--sprout-motion-fast)
-        var(--sprout-motion-ease);
+      transition: border-color var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
   }
 }

package/dist/styles/context-menu.css

@@ -49,10 +49,12 @@
 
   .sprout-context-menu-item {
     position: relative;
+    box-sizing: border-box;
     display: flex;
     align-items: center;
     gap: 6px;
     min-width: 0;
+    min-height: calc(var(--sprout-control-height) - 4px);
     padding: 4px 6px;
     border-radius: var(--sprout-radius-control);
     color: var(--sprout-text);
@@ -76,10 +78,10 @@
     background: var(--sprout-hover);
     color: var(--sprout-text);
   }
-  .sprout-context-menu-item[data-variant="destructive"] {
+  .sprout-context-menu-item[data-variant='destructive'] {
     color: var(--sprout-danger);
   }
-  .sprout-context-menu-item[data-variant="destructive"][data-highlighted] {
+  .sprout-context-menu-item[data-variant='destructive'][data-highlighted] {
     background: var(--sprout-danger-subtle);
     color: var(--sprout-danger);
   }

package/dist/styles/dialog.css

@@ -33,12 +33,9 @@
     outline: none;
   }
 
-  .sprout-dialog-content[data-placement="top"] {
+  .sprout-dialog-content[data-placement='top'] {
     top: var(--sprout-dialog-top, 12dvh);
-    max-height: min(
-      76dvh,
-      calc(100dvh - var(--sprout-dialog-top, 12dvh) - 1rem)
-    );
+    max-height: min(76dvh, calc(100dvh - var(--sprout-dialog-top, 12dvh) - 1rem));
     translate: -50% 0;
   }
 
@@ -88,10 +85,7 @@
   :is(.sprout-dialog-split, .sprout-dialog-fullscreen) > .sprout-dialog-header {
     padding: 16px 16px 0;
   }
-  :is(.sprout-dialog-split, .sprout-dialog-fullscreen):has(
-      > .sprout-dialog-close
-    )
-    > .sprout-dialog-header {
+  :is(.sprout-dialog-split, .sprout-dialog-fullscreen):has(> .sprout-dialog-close) > .sprout-dialog-header {
     padding-inline-end: 44px;
   }
 
@@ -146,17 +140,12 @@
     display: flex;
     flex-direction: column-reverse;
     gap: 8px;
-    margin: 0 calc(var(--sprout-dialog-padding) * -1)
-      calc(var(--sprout-dialog-padding) * -1);
+    margin: 0 calc(var(--sprout-dialog-padding) * -1) calc(var(--sprout-dialog-padding) * -1);
     padding: 12px 16px;
     border-top: 1px solid var(--sprout-line);
     border-end-start-radius: inherit;
     border-end-end-radius: inherit;
-    background: color-mix(
-      in oklab,
-      var(--sprout-canvas) 70%,
-      var(--sprout-surface)
-    );
+    background: color-mix(in oklab, var(--sprout-canvas) 70%, var(--sprout-surface));
   }
   .sprout-dialog-fullscreen > .sprout-dialog-footer {
     margin-top: auto;

package/dist/styles/dropdown-menu.css

@@ -48,10 +48,12 @@
 
   .sprout-dropdown-menu-item {
     position: relative;
+    box-sizing: border-box;
     display: flex;
     align-items: center;
     gap: 6px;
     min-width: 0;
+    min-height: calc(var(--sprout-control-height) - 4px);
     padding: 4px 6px;
     border-radius: var(--sprout-radius-control);
     color: var(--sprout-text);
@@ -75,10 +77,10 @@
     background: var(--sprout-hover);
     color: var(--sprout-text);
   }
-  .sprout-dropdown-menu-item[data-variant="destructive"] {
+  .sprout-dropdown-menu-item[data-variant='destructive'] {
     color: var(--sprout-danger);
   }
-  .sprout-dropdown-menu-item[data-variant="destructive"][data-highlighted] {
+  .sprout-dropdown-menu-item[data-variant='destructive'][data-highlighted] {
     background: var(--sprout-danger-subtle);
     color: var(--sprout-danger);
   }

package/dist/styles/field.css

@@ -112,7 +112,7 @@
   }
   .sprout-field-checkbox::after,
   .sprout-field-radio::after {
-    content: "";
+    content: '';
     position: absolute;
     inset: -8px -12px;
   }
@@ -125,17 +125,16 @@
     border-color: var(--sprout-primary);
     background-color: var(--sprout-primary);
   }
-  .sprout-field-checkbox[data-variant="neutral"][data-checked] {
+  .sprout-field-checkbox[data-variant='neutral'][data-checked] {
     border-color: var(--sprout-text);
     background-color: var(--sprout-text);
     color: var(--sprout-surface);
   }
-  .sprout-field-checkbox[aria-invalid="true"]:not([data-checked]) {
+  .sprout-field-checkbox[aria-invalid='true']:not([data-checked]) {
     border-color: var(--sprout-danger);
-    box-shadow: 0 0 0 3px
-      color-mix(in oklab, var(--sprout-danger) 20%, transparent);
+    box-shadow: 0 0 0 3px color-mix(in oklab, var(--sprout-danger) 20%, transparent);
   }
-  .sprout-field-checkbox[aria-invalid="true"]:focus-visible {
+  .sprout-field-checkbox[aria-invalid='true']:focus-visible {
     outline-color: var(--sprout-danger);
   }
   .sprout-field-checkbox[data-disabled],
@@ -202,11 +201,11 @@
     gap: 4px;
     min-width: 0;
   }
-  .sprout-choice-group[data-type="radio"] .sprout-choice-group-options {
+  .sprout-choice-group[data-type='radio'] .sprout-choice-group-options {
     gap: 8px;
   }
   @media (min-width: 40rem) {
-    .sprout-choice-group-options[data-layout="columns"] {
+    .sprout-choice-group-options[data-layout='columns'] {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
@@ -233,15 +232,14 @@
   .sprout-choice-option[data-disabled] {
     color: var(--sprout-muted);
   }
-  .sprout-choice-group[data-type="radio"] .sprout-choice-option {
+  .sprout-choice-group[data-type='radio'] .sprout-choice-option {
     border: 1px solid var(--sprout-input);
     background-color: var(--sprout-surface);
   }
-  .sprout-choice-group[data-type="radio"]
-    .sprout-choice-option:not([data-disabled]):hover {
+  .sprout-choice-group[data-type='radio'] .sprout-choice-option:not([data-disabled]):hover {
     background-color: var(--sprout-hover);
   }
-  .sprout-choice-group[data-type="radio"] .sprout-choice-option[data-checked] {
+  .sprout-choice-group[data-type='radio'] .sprout-choice-option[data-checked] {
     border-color: color-mix(in oklab, var(--sprout-primary) 50%, transparent);
     background-color: var(--sprout-primary-subtle);
   }
@@ -258,7 +256,7 @@
     cursor: not-allowed;
   }
   .sprout-choice-option-label::after {
-    content: "";
+    content: '';
     position: absolute;
     inset: 0;
     z-index: -1;
@@ -307,14 +305,10 @@
     .sprout-field-checkbox,
     .sprout-field-radio {
       transition:
-        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),
-        opacity 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),
+        opacity var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out);
     }
   }
 

package/dist/styles/file-explorer.css

@@ -4,10 +4,7 @@
     --sprout-file-explorer-indent: 12px;
     --sprout-file-explorer-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
     display: grid;
-    grid-template-columns: var(--sprout-file-explorer-sidebar, 16rem) minmax(
-        0,
-        1fr
-      );
+    grid-template-columns: var(--sprout-file-explorer-sidebar, 16rem) minmax(0, 1fr);
     box-sizing: border-box;
     height: 100%;
     min-height: 0;
@@ -103,7 +100,7 @@
   .sprout-file-explorer-row:hover {
     background: var(--sprout-hover);
   }
-  .sprout-file-explorer-row[aria-selected="true"] {
+  .sprout-file-explorer-row[aria-selected='true'] {
     background: var(--sprout-active);
     font-weight: 500;
   }
@@ -116,8 +113,7 @@
     align-self: stretch;
     width: var(--sprout-file-explorer-indent);
     margin-inline-end: -6px;
-    background: linear-gradient(var(--sprout-line), var(--sprout-line)) 5px 0 /
-      1px 100% no-repeat;
+    background: linear-gradient(var(--sprout-line), var(--sprout-line)) 5px 0 / 1px 100% no-repeat;
   }
   .sprout-file-explorer-tree:hover .sprout-file-explorer-guide {
     background-image: linear-gradient(var(--sprout-input), var(--sprout-input));
@@ -129,15 +125,14 @@
     width: 12px;
     color: var(--sprout-muted);
   }
-  .sprout-file-explorer-row[aria-expanded="true"]
-    .sprout-file-explorer-chevron {
+  .sprout-file-explorer-row[aria-expanded='true'] .sprout-file-explorer-chevron {
     transform: rotate(90deg);
   }
   .sprout-file-explorer-folder {
     flex-shrink: 0;
     color: var(--sprout-file-explorer-folder, var(--sprout-muted));
   }
-  .sprout-file-explorer-row[aria-expanded="true"] .sprout-file-explorer-folder {
+  .sprout-file-explorer-row[aria-expanded='true'] .sprout-file-explorer-folder {
     color: var(--sprout-file-explorer-folder-open, var(--sprout-text));
   }
   .sprout-file-explorer-name {
@@ -154,23 +149,20 @@
     color: var(--sprout-muted);
     --tone: var(--sprout-muted);
   }
-  .sprout-file-explorer-glyph[data-tone="info"] {
+  .sprout-file-explorer-glyph[data-tone='info'] {
     --tone: var(--sprout-syntax-keyword, var(--sprout-info));
   }
-  .sprout-file-explorer-glyph[data-tone="success"] {
+  .sprout-file-explorer-glyph[data-tone='success'] {
     --tone: var(--sprout-syntax-string, var(--sprout-success));
   }
-  .sprout-file-explorer-glyph[data-tone="warning"] {
+  .sprout-file-explorer-glyph[data-tone='warning'] {
     --tone: var(--sprout-syntax-constant, var(--sprout-warning));
   }
-  .sprout-file-explorer-glyph[data-tone="danger"] {
+  .sprout-file-explorer-glyph[data-tone='danger'] {
     --tone: var(--sprout-danger);
   }
-  .sprout-file-explorer-glyph[data-tone="accent"] {
-    --tone: var(
-      --sprout-syntax-function,
-      color-mix(in oklab, var(--sprout-info) 55%, var(--sprout-danger))
-    );
+  .sprout-file-explorer-glyph[data-tone='accent'] {
+    --tone: var(--sprout-syntax-function, color-mix(in oklab, var(--sprout-info) 55%, var(--sprout-danger)));
   }
   .sprout-file-explorer-glyph-tile {
     fill: color-mix(in oklab, var(--tone) 14%, transparent);
@@ -226,8 +218,8 @@
   .sprout-file-explorer-hit:hover {
     background: var(--sprout-hover);
   }
-  .sprout-file-explorer-result[aria-current="true"],
-  .sprout-file-explorer-hit[aria-current="true"] {
+  .sprout-file-explorer-result[aria-current='true'],
+  .sprout-file-explorer-hit[aria-current='true'] {
     background: var(--sprout-active);
   }
   .sprout-file-explorer-result:focus-visible,
@@ -278,8 +270,7 @@
   .sprout-file-explorer-mark {
     border-radius: 2px;
     background: color-mix(in oklab, var(--sprout-warning) 26%, transparent);
-    box-shadow: 0 0 0 1px
-      color-mix(in oklab, var(--sprout-warning) 40%, transparent);
+    box-shadow: 0 0 0 1px color-mix(in oklab, var(--sprout-warning) 40%, transparent);
     color: inherit;
   }
 
@@ -315,14 +306,14 @@
     inset: auto 0 -1px;
     height: 1px;
     background: var(--sprout-surface);
-    content: "";
+    content: '';
   }
   .sprout-file-explorer-tab[data-active]::before {
     position: absolute;
     inset: 0 0 auto;
     height: 2px;
     background: var(--sprout-primary);
-    content: "";
+    content: '';
   }
   .sprout-file-explorer-tab-open {
     display: flex;
@@ -351,8 +342,7 @@
     cursor: pointer;
     opacity: 0;
   }
-  .sprout-file-explorer-tab:is([data-active], :hover, :focus-within)
-    .sprout-file-explorer-tab-close {
+  .sprout-file-explorer-tab:is([data-active], :hover, :focus-within) .sprout-file-explorer-tab-close {
     opacity: 1;
   }
   .sprout-file-explorer-tab-close:hover {
@@ -386,7 +376,7 @@
     display: inline-flex;
     align-items: center;
   }
-  .sprout-file-explorer-crumbs li[aria-current="page"] {
+  .sprout-file-explorer-crumbs li[aria-current='page'] {
     color: var(--sprout-text);
   }
   .sprout-file-explorer-crumb-separator {
@@ -446,11 +436,7 @@
     user-select: none;
   }
   .sprout-file-explorer-line[data-current] .sprout-file-explorer-line-number {
-    background: color-mix(
-      in oklab,
-      var(--sprout-warning) 10%,
-      var(--sprout-surface)
-    );
+    background: color-mix(in oklab, var(--sprout-warning) 10%, var(--sprout-surface));
     color: var(--sprout-text);
   }
   .sprout-file-explorer-line-text {