@tulipfarm/sprout 0.3.1 → 0.5.0

package/dist/styles/input.css

@@ -3,7 +3,7 @@
     box-sizing: border-box;
     width: 100%;
     min-width: 0;
-    height: 32px;
+    height: var(--sprout-control-height);
     margin: 0;
     padding: 4px 10px;
     border: 1px solid var(--sprout-input);
@@ -31,21 +31,21 @@
     background-color: var(--sprout-hover);
     opacity: 0.5;
   }
-  .sprout-input[aria-invalid="true"],
+  .sprout-input[aria-invalid='true'],
   .sprout-input[data-invalid] {
     border-color: var(--sprout-danger);
   }
-  .sprout-input[aria-invalid="true"]:focus-visible,
+  .sprout-input[aria-invalid='true']:focus-visible,
   .sprout-input[data-invalid]:focus-visible {
     outline-color: var(--sprout-danger);
   }
 
-  .sprout-input[type="file"] {
+  .sprout-input[type='file'] {
     padding-block: 0;
-    line-height: 30px;
+    line-height: calc(var(--sprout-control-height) - 2px);
     cursor: pointer;
   }
-  .sprout-input[type="file"]:disabled {
+  .sprout-input[type='file']:disabled {
     cursor: not-allowed;
   }
   .sprout-input::file-selector-button {
@@ -67,14 +67,22 @@
     opacity: 0.7;
   }
 
+  .sprout-input-scale-sm {
+    height: calc(var(--sprout-control-height) - 4px);
+    padding-inline: 8px;
+    border-radius: min(var(--sprout-radius-control), 12px);
+    font-size: var(--sprout-text-xs);
+    line-height: 16px;
+  }
   .sprout-input-scale-lg {
-    height: 44px;
+    height: calc(var(--sprout-control-height) + 4px);
     padding-inline: 12px;
-    font-size: var(--sprout-text-base);
-    line-height: 24px;
   }
-  .sprout-input-scale-lg[type="file"] {
-    line-height: 42px;
+  .sprout-input-scale-sm[type='file'] {
+    line-height: calc(var(--sprout-control-height) - 6px);
+  }
+  .sprout-input-scale-lg[type='file'] {
+    line-height: calc(var(--sprout-control-height) + 2px);
   }
 
   @media (prefers-reduced-motion: no-preference) {

package/dist/styles/kbd.css

@@ -24,7 +24,7 @@
     user-select: none;
     pointer-events: none;
   }
-  .sprout-kbd[data-variant="outline"] {
+  .sprout-kbd[data-variant='outline'] {
     border-color: var(--sprout-line);
     background: var(--sprout-surface);
   }

package/dist/styles/label.css

@@ -16,22 +16,9 @@
 
   /* A checkbox, switch, or radio inside the label, or just before it. */
   .sprout-label:has(
-    > :is(
-      [role="checkbox"],
-      [role="switch"],
-      [role="radio"],
-      input[type="checkbox"],
-      input[type="radio"]
-    )
+    > :is([role='checkbox'], [role='switch'], [role='radio'], input[type='checkbox'], input[type='radio'])
   ),
-  :is(
-      [role="checkbox"],
-      [role="switch"],
-      [role="radio"],
-      input[type="checkbox"],
-      input[type="radio"]
-    )
-    + .sprout-label {
+  :is([role='checkbox'], [role='switch'], [role='radio'], input[type='checkbox'], input[type='radio']) + .sprout-label {
     cursor: pointer;
     line-height: 1.25rem;
   }
@@ -41,9 +28,9 @@
     > :is(
       textarea,
       select,
-      input:not([type="checkbox"], [type="radio"], [type="hidden"]),
-      [data-slot="input"],
-      [data-slot="select-trigger"],
+      input:not([type='checkbox'], [type='radio'], [type='hidden']),
+      [data-slot='input'],
+      [data-slot='select-trigger'],
       [contenteditable]
     )
   ) {
@@ -52,29 +39,21 @@
     gap: 6px;
   }
 
-  .sprout-label:has(:disabled, [data-disabled]:not([data-disabled="false"])) {
+  .sprout-label:has(:disabled, [data-disabled]:not([data-disabled='false'])) {
     color: var(--sprout-muted);
     cursor: not-allowed;
   }
 
   :is(input, textarea, select, button):disabled ~ .sprout-label,
-  :is([role], [data-slot])[data-disabled]:not([data-disabled="false"])
-    ~ .sprout-label,
+  :is([role], [data-slot])[data-disabled]:not([data-disabled='false']) ~ .sprout-label,
   .sprout-label:has(
-    + :is(
-      :is(input, textarea, select, button):disabled,
-      [data-disabled]:not([data-disabled="false"])
-    )
+    + :is(:is(input, textarea, select, button):disabled, [data-disabled]:not([data-disabled='false']))
   ) {
     cursor: not-allowed;
     opacity: 0.5;
   }
 
-  :where(
-      [data-slot="field"][data-disabled]:not([data-disabled="false"]),
-      fieldset:disabled
-    )
-    .sprout-label {
+  :where([data-slot='field'][data-disabled]:not([data-disabled='false']), fieldset:disabled) .sprout-label {
     opacity: 0.5;
     pointer-events: none;
   }

package/dist/styles/mention-list.css

@@ -63,7 +63,7 @@
   .sprout-mention-option:hover {
     background: color-mix(in oklab, var(--sprout-hover) 60%, transparent);
   }
-  .sprout-mention-option[aria-selected="true"] {
+  .sprout-mention-option[aria-selected='true'] {
     background: var(--sprout-hover);
     color: var(--sprout-text);
   }
@@ -73,7 +73,7 @@
     align-items: center;
     color: var(--sprout-muted);
   }
-  .sprout-mention-option[aria-selected="true"] .sprout-mention-option-media {
+  .sprout-mention-option[aria-selected='true'] .sprout-mention-option-media {
     color: var(--sprout-text);
   }
   .sprout-mention-option-media > :where(svg) {
@@ -132,7 +132,7 @@
     min-width: 0;
     overflow-wrap: anywhere;
   }
-  .sprout-mention-status[data-tone="error"] .sprout-mention-status-text {
+  .sprout-mention-status[data-tone='error'] .sprout-mention-status-text {
     color: var(--sprout-danger);
   }
   .sprout-mention-status-action {
@@ -140,7 +140,7 @@
   }
 
   @media (forced-colors: active) {
-    .sprout-mention-option[aria-selected="true"] {
+    .sprout-mention-option[aria-selected='true'] {
       outline: 2px solid Highlight;
       outline-offset: -1px;
     }
@@ -148,12 +148,10 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-mention-list {
-      animation: sprout-mention-list-in var(--sprout-motion-fast)
-        var(--sprout-motion-ease);
+      animation: sprout-mention-list-in var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
     .sprout-mention-option {
-      transition: background-color var(--sprout-motion-fast)
-        var(--sprout-motion-ease);
+      transition: background-color var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
   }
 }

package/dist/styles/menubar.css

@@ -6,7 +6,7 @@
     gap: 2px;
     width: fit-content;
     max-width: 100%;
-    height: 32px;
+    height: var(--sprout-control-height);
     padding: 3px;
     border: 1px solid var(--sprout-line);
     border-radius: var(--sprout-radius-panel);
@@ -17,7 +17,7 @@
     font-size: var(--sprout-text-sm);
     line-height: 1.25rem;
   }
-  .sprout-menubar[data-orientation="vertical"] {
+  .sprout-menubar[data-orientation='vertical'] {
     flex-direction: column;
     align-items: stretch;
     height: auto;
@@ -32,7 +32,7 @@
     flex-shrink: 0;
     align-items: center;
     gap: 6px;
-    height: 24px;
+    height: calc(var(--sprout-control-height) - 8px);
     padding: 2px 8px;
     border: 0;
     border-radius: var(--sprout-radius-control);
@@ -53,7 +53,7 @@
     pointer-events: none;
   }
   .sprout-menubar-trigger[data-popup-open],
-  .sprout-menubar-trigger[aria-expanded="true"] {
+  .sprout-menubar-trigger[aria-expanded='true'] {
     background: var(--sprout-hover);
   }
   .sprout-menubar-trigger:focus-visible {
@@ -113,10 +113,12 @@
 
   .sprout-menubar-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);
@@ -140,10 +142,10 @@
     background: var(--sprout-hover);
     color: var(--sprout-text);
   }
-  .sprout-menubar-item[data-variant="destructive"] {
+  .sprout-menubar-item[data-variant='destructive'] {
     color: var(--sprout-danger);
   }
-  .sprout-menubar-item[data-variant="destructive"][data-highlighted] {
+  .sprout-menubar-item[data-variant='destructive'][data-highlighted] {
     background: var(--sprout-danger-subtle);
     color: var(--sprout-danger);
   }
@@ -206,8 +208,7 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-menubar-trigger {
-      transition: background-color var(--sprout-motion-fast)
-        var(--sprout-motion-ease);
+      transition: background-color var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
     .sprout-menubar-content {
       transition:

package/dist/styles/message-actions.css

@@ -14,7 +14,7 @@
     gap: 4px;
     min-width: 0;
   }
-  .sprout-message-actions[data-author="human"] .sprout-message-actions-row {
+  .sprout-message-actions[data-author='human'] .sprout-message-actions-row {
     justify-content: flex-end;
   }
   /* Revealed by hovering the message, or by focus anywhere in it. */

package/dist/styles/message-response.css

@@ -67,8 +67,7 @@
     text-decoration: underline;
     text-decoration-thickness: 1px;
     text-underline-offset: 3px;
-    transition: text-decoration-thickness var(--sprout-motion-fast)
-      var(--sprout-motion-ease);
+    transition: text-decoration-thickness var(--sprout-motion-fast) var(--sprout-motion-ease);
   }
   .sprout-message-response a:hover {
     text-decoration-thickness: 2px;
@@ -133,7 +132,7 @@
   .sprout-message-response .contains-task-list .contains-task-list {
     padding-left: 1.5rem;
   }
-  .sprout-message-response input[type="checkbox"] {
+  .sprout-message-response input[type='checkbox'] {
     margin: 0 0.5rem 0 0;
     vertical-align: -1px;
     accent-color: var(--sprout-primary);
@@ -154,8 +153,7 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-message-response-caret {
-      animation: sprout-message-response-pulse 2s cubic-bezier(0.4, 0, 0.6, 1)
-        infinite;
+      animation: sprout-message-response-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     }
   }
   @media (prefers-reduced-motion: reduce) {

package/dist/styles/message-scroller.css

@@ -22,18 +22,11 @@
     border-radius: inherit;
     outline: none;
     scrollbar-width: thin;
-    scrollbar-color: color-mix(in oklab, var(--sprout-muted) 40%, transparent)
-      transparent;
+    scrollbar-color: color-mix(in oklab, var(--sprout-muted) 40%, transparent) transparent;
     scrollbar-gutter: stable;
   }
-  .sprout-message-scroller-viewport[data-scrollable~="end"]:not(
-      :focus-visible
-    ) {
-    mask-image: linear-gradient(
-      to bottom,
-      #000 calc(100% - var(--sprout-message-scroller-fade)),
-      transparent
-    );
+  .sprout-message-scroller-viewport[data-scrollable~='end']:not(:focus-visible) {
+    mask-image: linear-gradient(to bottom, #000 calc(100% - var(--sprout-message-scroller-fade)), transparent);
   }
   .sprout-message-scroller-viewport:focus-visible {
     outline: var(--sprout-focus-width) solid var(--sprout-focus-ring);
@@ -69,33 +62,33 @@
     translate: -50% var(--sprout-message-scroller-shift);
     box-shadow: var(--sprout-shadow-panel);
   }
-  .sprout-message-scroller-button[data-variant="secondary"] {
+  .sprout-message-scroller-button[data-variant='secondary'] {
     border-color: var(--sprout-line);
     background: var(--sprout-surface);
     color: var(--sprout-text);
   }
-  .sprout-message-scroller-button[data-variant="secondary"]:hover,
-  .sprout-message-scroller-button[data-variant="secondary"]:active {
+  .sprout-message-scroller-button[data-variant='secondary']:hover,
+  .sprout-message-scroller-button[data-variant='secondary']:active {
     background: var(--sprout-hover);
   }
-  .sprout-message-scroller-button[data-direction="end"] {
+  .sprout-message-scroller-button[data-direction='end'] {
     bottom: 16px;
   }
-  .sprout-message-scroller-button[data-direction="start"] {
+  .sprout-message-scroller-button[data-direction='start'] {
     top: 16px;
   }
-  .sprout-message-scroller-button[data-direction="start"] svg {
+  .sprout-message-scroller-button[data-direction='start'] svg {
     rotate: 180deg;
   }
-  .sprout-message-scroller-button[data-active="false"] {
+  .sprout-message-scroller-button[data-active='false'] {
     pointer-events: none;
     opacity: 0;
     scale: 0.95;
   }
-  .sprout-message-scroller-button[data-active="false"][data-direction="end"] {
+  .sprout-message-scroller-button[data-active='false'][data-direction='end'] {
     --sprout-message-scroller-shift: 100%;
   }
-  .sprout-message-scroller-button[data-active="false"][data-direction="start"] {
+  .sprout-message-scroller-button[data-active='false'][data-direction='start'] {
     --sprout-message-scroller-shift: -100%;
   }
 
@@ -120,12 +113,12 @@
         background-color var(--sprout-motion-fast) ease-out,
         color var(--sprout-motion-fast) ease-out;
     }
-    .sprout-message-scroller-button[data-active="false"] {
+    .sprout-message-scroller-button[data-active='false'] {
       transition-timing-function: cubic-bezier(0.7, 0, 0.84, 0);
     }
   }
   @media (prefers-reduced-motion: reduce) {
-    .sprout-message-scroller-button[data-active="false"] {
+    .sprout-message-scroller-button[data-active='false'] {
       --sprout-message-scroller-shift: 0;
       scale: 1;
     }

package/dist/styles/message.css

@@ -18,13 +18,11 @@
     font-size: var(--sprout-text-sm);
     color: var(--sprout-text);
   }
-  .sprout-message[data-align="end"] {
+  .sprout-message[data-align='end'] {
     flex-direction: row-reverse;
   }
   /* A ghost bubble has no padding, so names and status line up with its text. */
-  .sprout-message:has(
-    > [data-slot="message-content"] > [data-variant="ghost"]
-  ) {
+  .sprout-message:has(> [data-slot='message-content'] > [data-variant='ghost']) {
     --sprout-message-meta-inset: 0px;
   }
 
@@ -41,13 +39,8 @@
     background: var(--sprout-secondary);
   }
   /* Keeps the avatar beside the last bubble instead of beside the footer. */
-  .sprout-message:has(
-      > [data-slot="message-content"] > [data-slot="message-footer"]
-    )
-    > .sprout-message-avatar {
-    transform: translateY(
-      calc(-1 * (var(--sprout-message-content-gap) + 1rem))
-    );
+  .sprout-message:has(> [data-slot='message-content'] > [data-slot='message-footer']) > .sprout-message-avatar {
+    transform: translateY(calc(-1 * (var(--sprout-message-content-gap) + 1rem)));
   }
 
   .sprout-message-content {
@@ -58,7 +51,7 @@
     min-width: 0;
     overflow-wrap: break-word;
   }
-  .sprout-message[data-align="end"] > .sprout-message-content > [data-slot] {
+  .sprout-message[data-align='end'] > .sprout-message-content > [data-slot] {
     align-self: flex-end;
   }
 
@@ -74,9 +67,7 @@
     font-weight: 500;
     line-height: 1rem;
   }
-  .sprout-message[data-align="end"]
-    > .sprout-message-content
-    > .sprout-message-footer {
+  .sprout-message[data-align='end'] > .sprout-message-content > .sprout-message-footer {
     justify-content: flex-end;
   }
 
@@ -102,14 +93,11 @@
   .sprout-message-bubble-frame > .sprout-message-bubble {
     max-width: 100%;
   }
-  .sprout-message-bubble-frame[data-variant="ghost"] {
+  .sprout-message-bubble-frame[data-variant='ghost'] {
     max-width: 100%;
   }
-  [data-slot="message"][data-align="end"]
-    :is(
-      .sprout-message-bubble-frame,
-      :not(.sprout-message-bubble-frame) > .sprout-message-bubble
-    ) {
+  [data-slot='message'][data-align='end']
+    :is(.sprout-message-bubble-frame, :not(.sprout-message-bubble-frame) > .sprout-message-bubble) {
     align-self: flex-end;
     margin-inline-start: auto;
   }
@@ -149,7 +137,7 @@
     outline-offset: 0;
   }
   .sprout-message-bubble:is(button):disabled,
-  .sprout-message-bubble[aria-disabled="true"] {
+  .sprout-message-bubble[aria-disabled='true'] {
     opacity: 0.55;
     cursor: not-allowed;
   }
@@ -161,31 +149,15 @@
   }
   .sprout-message-bubble-secondary {
     --sprout-message-bubble-fill: var(--sprout-secondary);
-    --sprout-message-bubble-fill-hover: color-mix(
-      in oklab,
-      var(--sprout-text) 6%,
-      var(--sprout-secondary)
-    );
+    --sprout-message-bubble-fill-hover: color-mix(in oklab, var(--sprout-text) 6%, var(--sprout-secondary));
   }
   .sprout-message-bubble-muted {
-    --sprout-message-bubble-fill: color-mix(
-      in oklab,
-      var(--sprout-secondary) 55%,
-      var(--sprout-surface)
-    );
+    --sprout-message-bubble-fill: color-mix(in oklab, var(--sprout-secondary) 55%, var(--sprout-surface));
     --sprout-message-bubble-fill-hover: var(--sprout-secondary);
   }
   .sprout-message-bubble-tinted {
-    --sprout-message-bubble-fill: color-mix(
-      in oklab,
-      var(--sprout-primary) 14%,
-      var(--sprout-surface)
-    );
-    --sprout-message-bubble-fill-hover: color-mix(
-      in oklab,
-      var(--sprout-primary) 22%,
-      var(--sprout-surface)
-    );
+    --sprout-message-bubble-fill: color-mix(in oklab, var(--sprout-primary) 14%, var(--sprout-surface));
+    --sprout-message-bubble-fill-hover: color-mix(in oklab, var(--sprout-primary) 22%, var(--sprout-surface));
   }
   .sprout-message-bubble-outline {
     --sprout-message-bubble-fill: var(--sprout-surface);
@@ -199,11 +171,7 @@
   }
   .sprout-message-bubble-destructive {
     --sprout-message-bubble-fill: var(--sprout-danger-subtle);
-    --sprout-message-bubble-fill-hover: color-mix(
-      in oklab,
-      var(--sprout-danger) 16%,
-      var(--sprout-danger-subtle)
-    );
+    --sprout-message-bubble-fill-hover: color-mix(in oklab, var(--sprout-danger) 16%, var(--sprout-danger-subtle));
     --sprout-message-bubble-ink: var(--sprout-danger);
   }
   .sprout-message-bubble-destructive:is(button, a):focus-visible {
@@ -224,25 +192,24 @@
     padding: 2px 6px;
     border-radius: 999px;
     background: var(--sprout-secondary);
-    box-shadow: 0 0 0 3px
-      var(--sprout-message-reactions-ring, var(--sprout-surface));
+    box-shadow: 0 0 0 3px var(--sprout-message-reactions-ring, var(--sprout-surface));
     font-size: var(--sprout-text-sm);
     line-height: 20px;
     white-space: nowrap;
     color: var(--sprout-text);
   }
-  .sprout-message-reactions[data-side="top"] {
+  .sprout-message-reactions[data-side='top'] {
     top: 0;
     translate: 0 -75%;
   }
-  .sprout-message-reactions[data-side="bottom"] {
+  .sprout-message-reactions[data-side='bottom'] {
     bottom: 0;
     translate: 0 75%;
   }
-  .sprout-message-reactions[data-align="start"] {
+  .sprout-message-reactions[data-align='start'] {
     inset-inline-start: 12px;
   }
-  .sprout-message-reactions[data-align="end"] {
+  .sprout-message-reactions[data-align='end'] {
     inset-inline-end: 12px;
   }
   .sprout-message-reactions:has(button) {
@@ -265,7 +232,7 @@
     cursor: pointer;
     outline: none;
   }
-  .sprout-message-reactions > button[aria-pressed="true"] {
+  .sprout-message-reactions > button[aria-pressed='true'] {
     background: var(--sprout-primary-subtle);
     color: var(--sprout-primary);
   }
@@ -281,12 +248,8 @@
     .sprout-message-reactions > button:hover {
       background: var(--sprout-hover);
     }
-    .sprout-message-reactions > button[aria-pressed="true"]:hover {
-      background: color-mix(
-        in oklab,
-        var(--sprout-primary) 16%,
-        var(--sprout-surface)
-      );
+    .sprout-message-reactions > button[aria-pressed='true']:hover {
+      background: color-mix(in oklab, var(--sprout-primary) 16%, var(--sprout-surface));
     }
   }
 

package/dist/styles/navigation-menu.css

@@ -30,9 +30,7 @@
 
   /* Triggers, and top-level links given navigationMenuTriggerStyle(). */
   .sprout-navigation-menu-trigger,
-  .sprout-navigation-menu-list
-    > .sprout-navigation-menu-item
-    > .sprout-navigation-menu-link {
+  .sprout-navigation-menu-list > .sprout-navigation-menu-item > .sprout-navigation-menu-link {
     box-sizing: border-box;
     display: inline-flex;
     align-items: center;
@@ -40,7 +38,7 @@
     gap: 4px;
     width: max-content;
     max-width: 100%;
-    height: 32px;
+    height: var(--sprout-control-height);
     margin: 0;
     padding: 0 10px;
     border: 0;
@@ -59,21 +57,15 @@
     -webkit-tap-highlight-color: transparent;
   }
   .sprout-navigation-menu-trigger:hover,
-  .sprout-navigation-menu-list
-    > .sprout-navigation-menu-item
-    > .sprout-navigation-menu-link:hover {
+  .sprout-navigation-menu-list > .sprout-navigation-menu-item > .sprout-navigation-menu-link:hover {
     background: var(--sprout-hover);
   }
   .sprout-navigation-menu-trigger[data-popup-open],
-  .sprout-navigation-menu-list
-    > .sprout-navigation-menu-item
-    > .sprout-navigation-menu-link[data-active] {
+  .sprout-navigation-menu-list > .sprout-navigation-menu-item > .sprout-navigation-menu-link[data-active] {
     background: var(--sprout-hover);
   }
   .sprout-navigation-menu-trigger[data-popup-open]:hover,
-  .sprout-navigation-menu-list
-    > .sprout-navigation-menu-item
-    > .sprout-navigation-menu-link[data-active]:hover {
+  .sprout-navigation-menu-list > .sprout-navigation-menu-item > .sprout-navigation-menu-link[data-active]:hover {
     background: var(--sprout-active);
   }
   .sprout-navigation-menu-trigger:focus-visible,
@@ -118,7 +110,7 @@
   .sprout-navigation-menu-link > svg {
     flex-shrink: 0;
   }
-  .sprout-navigation-menu-link > svg:not([class*="size-"]) {
+  .sprout-navigation-menu-link > svg:not([class*='size-']) {
     width: 16px;
     height: 16px;
   }
@@ -178,9 +170,9 @@
   /* A hover bridge across the side offset so the pointer can reach the panel. */
   .sprout-navigation-menu-positioner::before {
     position: absolute;
-    content: "";
+    content: '';
   }
-  .sprout-navigation-menu-positioner[data-side="bottom"]::before {
+  .sprout-navigation-menu-positioner[data-side='bottom']::before {
     top: -8px;
     right: 0;
     left: 0;
@@ -233,8 +225,7 @@
   @media (prefers-reduced-motion: no-preference) {
     .sprout-navigation-menu-trigger,
     .sprout-navigation-menu-link {
-      transition: background-color var(--sprout-motion-fast)
-        var(--sprout-motion-ease);
+      transition: background-color var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
     .sprout-navigation-menu-chevron {
       transition: rotate var(--sprout-motion-normal) var(--sprout-motion-ease);
@@ -261,10 +252,7 @@
         width var(--sprout-motion-normal) var(--sprout-motion-ease),
         height var(--sprout-motion-normal) var(--sprout-motion-ease);
     }
-    .sprout-navigation-menu-popup:is(
-      [data-starting-style],
-      [data-ending-style]
-    ) {
+    .sprout-navigation-menu-popup:is([data-starting-style], [data-ending-style]) {
       opacity: 0;
       scale: 0.96;
     }
@@ -273,18 +261,15 @@
         opacity var(--sprout-motion-fast) var(--sprout-motion-ease),
         translate var(--sprout-motion-normal) var(--sprout-motion-ease);
     }
-    .sprout-navigation-menu-content:is(
-      [data-starting-style],
-      [data-ending-style]
-    ) {
+    .sprout-navigation-menu-content:is([data-starting-style], [data-ending-style]) {
       opacity: 0;
     }
-    .sprout-navigation-menu-content[data-starting-style][data-activation-direction="left"],
-    .sprout-navigation-menu-content[data-ending-style][data-activation-direction="right"] {
+    .sprout-navigation-menu-content[data-starting-style][data-activation-direction='left'],
+    .sprout-navigation-menu-content[data-ending-style][data-activation-direction='right'] {
       translate: -24px 0;
     }
-    .sprout-navigation-menu-content[data-starting-style][data-activation-direction="right"],
-    .sprout-navigation-menu-content[data-ending-style][data-activation-direction="left"] {
+    .sprout-navigation-menu-content[data-starting-style][data-activation-direction='right'],
+    .sprout-navigation-menu-content[data-ending-style][data-activation-direction='left'] {
       translate: 24px 0;
     }
   }