@tulipfarm/sprout 0.3.0 → 0.4.0

package/dist/styles/schema-diagram.css

@@ -210,13 +210,13 @@
     color: var(--sprout-text);
     box-shadow: var(--sprout-shadow-control);
   }
-  .sprout-schema-table[data-state="new"] {
+  .sprout-schema-table[data-state='new'] {
     border-top-color: var(--sprout-success);
   }
-  .sprout-schema-table[data-state="changed"] {
+  .sprout-schema-table[data-state='changed'] {
     border-top-color: var(--sprout-warning);
   }
-  .sprout-schema-table[data-state="linked"] {
+  .sprout-schema-table[data-state='linked'] {
     border-style: dashed;
     border-top-color: var(--sprout-line);
   }
@@ -232,11 +232,7 @@
     height: 44px;
     padding: 0 12px;
     border-bottom: 1px solid var(--sprout-line);
-    background: color-mix(
-      in oklab,
-      var(--sprout-hover) 45%,
-      var(--sprout-surface)
-    );
+    background: color-mix(in oklab, var(--sprout-hover) 45%, var(--sprout-surface));
   }
   .sprout-schema-table-title {
     flex: 1;
@@ -271,13 +267,13 @@
   .sprout-schema-field:last-child {
     border-bottom: 0;
   }
-  .sprout-schema-field[data-change="added"] {
+  .sprout-schema-field[data-change='added'] {
     background: var(--sprout-success-subtle);
   }
-  .sprout-schema-field[data-change="changed"] {
+  .sprout-schema-field[data-change='changed'] {
     background: var(--sprout-warning-subtle);
   }
-  .sprout-schema-field[data-change="removed"] {
+  .sprout-schema-field[data-change='removed'] {
     background: var(--sprout-danger-subtle);
   }
   .sprout-schema-field-line {
@@ -288,7 +284,7 @@
     font-size: 0.8125rem;
     line-height: 1.25rem;
   }
-  .sprout-schema-field[data-change="removed"] .sprout-schema-field-line {
+  .sprout-schema-field[data-change='removed'] .sprout-schema-field-line {
     text-decoration: line-through;
   }
   .sprout-schema-field-key {
@@ -382,15 +378,15 @@
     height: 10px;
     border-radius: 2px;
   }
-  .sprout-schema-legend-swatch[data-change="added"] {
+  .sprout-schema-legend-swatch[data-change='added'] {
     background: var(--sprout-success-subtle);
     box-shadow: 0 0 0 1px var(--sprout-success);
   }
-  .sprout-schema-legend-swatch[data-change="changed"] {
+  .sprout-schema-legend-swatch[data-change='changed'] {
     background: var(--sprout-warning-subtle);
     box-shadow: 0 0 0 1px var(--sprout-warning);
   }
-  .sprout-schema-legend-swatch[data-change="removed"] {
+  .sprout-schema-legend-swatch[data-change='removed'] {
     background: var(--sprout-danger-subtle);
     box-shadow: 0 0 0 1px var(--sprout-danger);
   }
@@ -409,8 +405,7 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-schema-table {
-      transition: box-shadow var(--sprout-motion-normal)
-        var(--sprout-motion-ease);
+      transition: box-shadow var(--sprout-motion-normal) var(--sprout-motion-ease);
     }
     .sprout-schema-flow .react-flow__node {
       transition: outline-color var(--sprout-motion-fast) ease-out;

package/dist/styles/scroll-area.css

@@ -3,13 +3,13 @@
     position: relative;
     min-width: 0;
   }
-  .sprout-scroll-area[data-size="sm"] {
+  .sprout-scroll-area[data-size='sm'] {
     height: 10rem;
   }
-  .sprout-scroll-area[data-size="md"] {
+  .sprout-scroll-area[data-size='md'] {
     height: 16rem;
   }
-  .sprout-scroll-area[data-variant="table"] {
+  .sprout-scroll-area[data-variant='table'] {
     width: 100%;
     border: 1px solid var(--sprout-input);
     border-radius: calc(var(--sprout-radius-control) + 2px);
@@ -26,7 +26,7 @@
     outline: var(--sprout-focus-width) solid var(--sprout-focus-ring);
     outline-offset: -1px;
   }
-  .sprout-scroll-area[data-variant="table"] > .sprout-scroll-area-viewport {
+  .sprout-scroll-area[data-variant='table'] > .sprout-scroll-area-viewport {
     max-height: 60dvh;
   }
 
@@ -37,12 +37,12 @@
     touch-action: none;
     user-select: none;
   }
-  .sprout-scroll-area-scrollbar[data-orientation="vertical"] {
+  .sprout-scroll-area-scrollbar[data-orientation='vertical'] {
     width: 10px;
     height: 100%;
     border-left: 1px solid transparent;
   }
-  .sprout-scroll-area-scrollbar[data-orientation="horizontal"] {
+  .sprout-scroll-area-scrollbar[data-orientation='horizontal'] {
     height: 10px;
     flex-direction: column;
     border-top: 1px solid transparent;
@@ -66,12 +66,10 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-scroll-area-viewport {
-      transition: outline-color var(--sprout-motion-fast)
-        var(--sprout-motion-ease);
+      transition: outline-color var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
     .sprout-scroll-area-thumb {
-      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/search-dialog.css

@@ -253,11 +253,7 @@
     height: 44px;
     padding-inline: 16px;
     border-top: 1px solid var(--sprout-line);
-    background: color-mix(
-      in oklab,
-      var(--sprout-canvas) 70%,
-      var(--sprout-surface)
-    );
+    background: color-mix(in oklab, var(--sprout-canvas) 70%, var(--sprout-surface));
     color: var(--sprout-muted);
     font-size: var(--sprout-text-xs);
     line-height: 1rem;

package/dist/styles/search-field.css

@@ -4,8 +4,7 @@
   }
   @media (prefers-reduced-motion: no-preference) {
     .sprout-search-field-clear {
-      animation: sprout-search-field-clear-in var(--sprout-motion-fast, 120ms)
-        var(--sprout-motion-ease, ease-out);
+      animation: sprout-search-field-clear-in var(--sprout-motion-fast, 120ms) var(--sprout-motion-ease, ease-out);
     }
   }
   @keyframes sprout-search-field-clear-in {

package/dist/styles/select.css

@@ -46,14 +46,14 @@
     cursor: not-allowed;
     pointer-events: none;
   }
-  .sprout-select-trigger[aria-busy="true"] {
+  .sprout-select-trigger[aria-busy='true'] {
     cursor: progress;
   }
-  .sprout-select-trigger[aria-invalid="true"],
+  .sprout-select-trigger[aria-invalid='true'],
   .sprout-select-trigger[data-invalid] {
     border-color: var(--sprout-danger);
   }
-  .sprout-select-trigger[aria-invalid="true"]:focus-visible,
+  .sprout-select-trigger[aria-invalid='true']:focus-visible,
   .sprout-select-trigger[data-invalid]:focus-visible {
     outline-color: var(--sprout-danger);
   }
@@ -61,7 +61,7 @@
     flex-shrink: 0;
     pointer-events: none;
   }
-  .sprout-select-trigger svg:not([class*="size-"]) {
+  .sprout-select-trigger svg:not([class*='size-']) {
     width: var(--sprout-select-icon);
     height: var(--sprout-select-icon);
   }
@@ -184,7 +184,7 @@
     flex-shrink: 0;
     pointer-events: none;
   }
-  .sprout-select-item svg:not([class*="size-"]) {
+  .sprout-select-item svg:not([class*='size-']) {
     width: 16px;
     height: 16px;
   }
@@ -274,8 +274,8 @@
       opacity: 0;
       scale: 0.96;
     }
-    .sprout-select-content[data-side="none"][data-starting-style],
-    .sprout-select-content[data-side="none"][data-ending-style] {
+    .sprout-select-content[data-side='none'][data-starting-style],
+    .sprout-select-content[data-side='none'][data-ending-style] {
       scale: 1;
     }
     .sprout-select-item {

package/dist/styles/selection-slot.css

@@ -17,8 +17,7 @@
   /* The tools hide at once and the selection fades in, so they never overlap. */
   @media (prefers-reduced-motion: no-preference) {
     .sprout-selection-slot-selection {
-      animation: sprout-selection-slot-in var(--sprout-motion-normal)
-        var(--sprout-motion-ease);
+      animation: sprout-selection-slot-in var(--sprout-motion-normal) var(--sprout-motion-ease);
     }
   }
 

package/dist/styles/separator.css

@@ -4,16 +4,16 @@
     border: 0;
     background: var(--sprout-line);
   }
-  .sprout-separator[data-orientation="horizontal"] {
+  .sprout-separator[data-orientation='horizontal'] {
     width: 100%;
     height: 1px;
   }
-  .sprout-separator[data-orientation="vertical"] {
+  .sprout-separator[data-orientation='vertical'] {
     width: 1px;
     min-height: 1rem;
     align-self: stretch;
   }
-  .sprout-separator[data-tone="input"] {
+  .sprout-separator[data-tone='input'] {
     background: var(--sprout-input);
   }
 
@@ -44,8 +44,7 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-separator {
-      transition: background-color var(--sprout-motion-fast)
-        var(--sprout-motion-ease);
+      transition: background-color var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
   }
 
@@ -67,7 +66,7 @@
   .sprout-separator-fade::after,
   .sprout-separator-fade-shine::before,
   .sprout-separator-fade-shine::after {
-    content: "";
+    content: '';
     flex: 1 1 0;
     min-width: 12px;
     height: 1px;
@@ -138,7 +137,7 @@
     line-height: 1.25rem;
     text-align: left;
   }
-  .sprout-separator-marker :where(svg:not([class*="size-"])) {
+  .sprout-separator-marker :where(svg:not([class*='size-'])) {
     width: 16px;
     height: 16px;
   }
@@ -156,7 +155,7 @@
     width: 16px;
     height: 16px;
   }
-  .sprout-separator-icon :where(svg:not([class*="size-"])) {
+  .sprout-separator-icon :where(svg:not([class*='size-'])) {
     width: 16px;
     height: 16px;
   }

package/dist/styles/settings-list.css

@@ -33,8 +33,7 @@
     flex-direction: column;
     gap: 0.75rem;
     min-width: 0;
-    padding: var(--sprout-settings-row-block, 0.75rem)
-      var(--sprout-settings-row-inline, 1rem);
+    padding: var(--sprout-settings-row-block, 0.75rem) var(--sprout-settings-row-inline, 1rem);
   }
   .sprout-settings-row-text {
     display: grid;

package/dist/styles/sheet.css

@@ -35,10 +35,10 @@
     outline: none;
     pointer-events: auto;
   }
-  .sprout-sheet-content:is([data-side="left"], [data-side="right"]) {
+  .sprout-sheet-content:is([data-side='left'], [data-side='right']) {
     transform: translate3d(var(--drawer-swipe-movement-x, 0px), 0, 0);
   }
-  .sprout-sheet-content:is([data-side="top"], [data-side="bottom"]) {
+  .sprout-sheet-content:is([data-side='top'], [data-side='bottom']) {
     transform: translate3d(0, var(--drawer-swipe-movement-y, 0px), 0);
   }
   .sprout-sheet-content[data-swiping] {
@@ -53,40 +53,37 @@
     display: none;
   }
 
-  .sprout-sheet-content:is([data-side="left"], [data-side="right"]) {
+  .sprout-sheet-content:is([data-side='left'], [data-side='right']) {
     top: 0;
     bottom: 0;
     width: 75%;
     height: 100dvh;
   }
-  .sprout-sheet-content[data-side="right"] {
+  .sprout-sheet-content[data-side='right'] {
     right: 0;
     border-left: 1px solid var(--sprout-line);
   }
-  .sprout-sheet-content[data-side="left"] {
+  .sprout-sheet-content[data-side='left'] {
     left: 0;
     border-right: 1px solid var(--sprout-line);
   }
-  .sprout-sheet-content:is([data-side="left"], [data-side="right"]):is(
-      [data-size="lg"],
-      [data-size="xl"]
-    ) {
+  .sprout-sheet-content:is([data-side='left'], [data-side='right']):is([data-size='lg'], [data-size='xl']) {
     width: 100%;
   }
 
-  .sprout-sheet-content:is([data-side="top"], [data-side="bottom"]) {
+  .sprout-sheet-content:is([data-side='top'], [data-side='bottom']) {
     left: 0;
     right: 0;
     max-height: 85dvh;
   }
-  .sprout-sheet-content[data-side="top"] {
+  .sprout-sheet-content[data-side='top'] {
     top: 0;
     border-bottom: 1px solid var(--sprout-line);
     border-end-start-radius: var(--sprout-radius-panel);
     border-end-end-radius: var(--sprout-radius-panel);
     padding-top: env(safe-area-inset-top);
   }
-  .sprout-sheet-content[data-side="bottom"] {
+  .sprout-sheet-content[data-side='bottom'] {
     bottom: 0;
     border-top: 1px solid var(--sprout-line);
     border-start-start-radius: var(--sprout-radius-panel);
@@ -94,7 +91,7 @@
     padding-bottom: env(safe-area-inset-bottom);
   }
 
-  .sprout-sheet-content[data-size="full"] {
+  .sprout-sheet-content[data-size='full'] {
     inset: 0;
     width: 100%;
     max-width: none;
@@ -114,9 +111,7 @@
     min-width: 0;
     padding: 16px;
   }
-  .sprout-sheet-content:has(> .sprout-sheet-close)
-    > .sprout-sheet-inner
-    > .sprout-sheet-header {
+  .sprout-sheet-content:has(> .sprout-sheet-close) > .sprout-sheet-inner > .sprout-sheet-header {
     padding-inline-end: 48px;
   }
 
@@ -129,16 +124,16 @@
     letter-spacing: -0.005em;
     overflow-wrap: anywhere;
   }
-  .sprout-sheet-title[data-size="lg"] {
+  .sprout-sheet-title[data-size='lg'] {
     font-size: 1.25rem;
     font-weight: 600;
     line-height: 1.75rem;
     letter-spacing: -0.015em;
   }
-  .sprout-sheet-title[tabindex="-1"]:focus {
+  .sprout-sheet-title[tabindex='-1']:focus {
     outline: none;
   }
-  .sprout-sheet-title[tabindex="-1"]:focus-visible {
+  .sprout-sheet-title[tabindex='-1']:focus-visible {
     border-radius: 2px;
     outline: var(--sprout-focus-width) solid var(--sprout-focus-ring);
     outline-offset: 0;
@@ -187,46 +182,42 @@
     cursor: grabbing;
   }
   .sprout-sheet-swipe-handle::after {
-    content: "";
+    content: '';
     border-radius: 999px;
     background: var(--sprout-input);
   }
   .sprout-sheet-swipe-handle:hover::after {
     background: var(--sprout-border);
   }
-  .sprout-sheet-content:is([data-side="top"], [data-side="bottom"])
-    > .sprout-sheet-swipe-handle {
+  .sprout-sheet-content:is([data-side='top'], [data-side='bottom']) > .sprout-sheet-swipe-handle {
     height: 20px;
   }
-  .sprout-sheet-content:is([data-side="top"], [data-side="bottom"])
-    > .sprout-sheet-swipe-handle::after {
+  .sprout-sheet-content:is([data-side='top'], [data-side='bottom']) > .sprout-sheet-swipe-handle::after {
     width: 3rem;
     height: 4px;
   }
-  .sprout-sheet-content[data-side="bottom"] > .sprout-sheet-swipe-handle {
+  .sprout-sheet-content[data-side='bottom'] > .sprout-sheet-swipe-handle {
     margin-bottom: -12px;
   }
-  .sprout-sheet-content[data-side="top"] > .sprout-sheet-swipe-handle {
+  .sprout-sheet-content[data-side='top'] > .sprout-sheet-swipe-handle {
     order: 1;
     margin-top: -12px;
   }
-  .sprout-sheet-content:is([data-side="left"], [data-side="right"])
-    > .sprout-sheet-swipe-handle {
+  .sprout-sheet-content:is([data-side='left'], [data-side='right']) > .sprout-sheet-swipe-handle {
     position: absolute;
     top: 0;
     bottom: 0;
     z-index: 1;
     width: 16px;
   }
-  .sprout-sheet-content:is([data-side="left"], [data-side="right"])
-    > .sprout-sheet-swipe-handle::after {
+  .sprout-sheet-content:is([data-side='left'], [data-side='right']) > .sprout-sheet-swipe-handle::after {
     width: 4px;
     height: 3rem;
   }
-  .sprout-sheet-content[data-side="right"] > .sprout-sheet-swipe-handle {
+  .sprout-sheet-content[data-side='right'] > .sprout-sheet-swipe-handle {
     left: 0;
   }
-  .sprout-sheet-content[data-side="left"] > .sprout-sheet-swipe-handle {
+  .sprout-sheet-content[data-side='left'] > .sprout-sheet-swipe-handle {
     right: 0;
   }
 
@@ -235,32 +226,24 @@
     top: 12px;
     right: 12px;
   }
-  .sprout-sheet-content[data-size="full"] > .sprout-sheet-close {
+  .sprout-sheet-content[data-size='full'] > .sprout-sheet-close {
     top: calc(12px + env(safe-area-inset-top));
   }
 
   @media (min-width: 40rem) {
-    .sprout-sheet-content:is([data-side="left"], [data-side="right"]) {
+    .sprout-sheet-content:is([data-side='left'], [data-side='right']) {
       max-width: 24rem;
     }
-    .sprout-sheet-content:is(
-        [data-side="left"],
-        [data-side="right"]
-      )[data-size="lg"] {
+    .sprout-sheet-content:is([data-side='left'], [data-side='right'])[data-size='lg'] {
       max-width: 32rem;
     }
-    .sprout-sheet-content:is(
-        [data-side="left"],
-        [data-side="right"]
-      )[data-size="xl"] {
+    .sprout-sheet-content:is([data-side='left'], [data-side='right'])[data-size='xl'] {
       max-width: 42rem;
     }
-    .sprout-sheet-content[data-size="full"] {
+    .sprout-sheet-content[data-size='full'] {
       max-width: none;
     }
-    .sprout-sheet-content:is([data-side="top"], [data-side="bottom"])
-      > .sprout-sheet-inner
-      > .sprout-sheet-footer {
+    .sprout-sheet-content:is([data-side='top'], [data-side='bottom']) > .sprout-sheet-inner > .sprout-sheet-footer {
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: flex-end;
@@ -293,54 +276,38 @@
     .sprout-sheet-content[data-ending-style] {
       opacity: 0;
     }
-    .sprout-sheet-content[data-side="right"]:is(
-        [data-starting-style],
-        [data-ending-style]
-      ) {
+    .sprout-sheet-content[data-side='right']:is([data-starting-style], [data-ending-style]) {
       translate: 2.5rem 0;
     }
-    .sprout-sheet-content[data-side="left"]:is(
-        [data-starting-style],
-        [data-ending-style]
-      ) {
+    .sprout-sheet-content[data-side='left']:is([data-starting-style], [data-ending-style]) {
       translate: -2.5rem 0;
     }
-    .sprout-sheet-content[data-side="bottom"]:is(
-        [data-starting-style],
-        [data-ending-style]
-      ) {
+    .sprout-sheet-content[data-side='bottom']:is([data-starting-style], [data-ending-style]) {
       translate: 0 2.5rem;
     }
-    .sprout-sheet-content[data-side="top"]:is(
-        [data-starting-style],
-        [data-ending-style]
-      ) {
+    .sprout-sheet-content[data-side='top']:is([data-starting-style], [data-ending-style]) {
       translate: 0 -2.5rem;
     }
     /* A swipe that closes the sheet carries it the rest of the way off screen. */
     .sprout-sheet-content[data-swipe-dismiss][data-ending-style] {
       opacity: 1;
-      transition-duration: calc(
-        var(--drawer-swipe-strength, 1) * var(--sprout-motion-normal)
-      );
+      transition-duration: calc(var(--drawer-swipe-strength, 1) * var(--sprout-motion-normal));
     }
-    .sprout-sheet-content[data-swipe-dismiss][data-side="right"][data-ending-style] {
+    .sprout-sheet-content[data-swipe-dismiss][data-side='right'][data-ending-style] {
       translate: 100% 0;
     }
-    .sprout-sheet-content[data-swipe-dismiss][data-side="left"][data-ending-style] {
+    .sprout-sheet-content[data-swipe-dismiss][data-side='left'][data-ending-style] {
       translate: -100% 0;
     }
-    .sprout-sheet-content[data-swipe-dismiss][data-side="bottom"][data-ending-style] {
+    .sprout-sheet-content[data-swipe-dismiss][data-side='bottom'][data-ending-style] {
       translate: 0 100%;
     }
-    .sprout-sheet-content[data-swipe-dismiss][data-side="top"][data-ending-style] {
+    .sprout-sheet-content[data-swipe-dismiss][data-side='top'][data-ending-style] {
       translate: 0 -100%;
     }
     /* Sections settle one after another while the panel slides in. */
-    .sprout-sheet-inner
-      > :is(.sprout-sheet-header, .sprout-sheet-body, .sprout-sheet-footer) {
-      animation: sprout-sheet-section-in var(--sprout-motion-normal)
-        var(--sprout-motion-ease) both;
+    .sprout-sheet-inner > :is(.sprout-sheet-header, .sprout-sheet-body, .sprout-sheet-footer) {
+      animation: sprout-sheet-section-in var(--sprout-motion-normal) var(--sprout-motion-ease) both;
     }
     .sprout-sheet-inner > .sprout-sheet-header {
       animation-delay: 30ms;

package/dist/styles/sidebar.css

@@ -16,15 +16,15 @@
   .sprout-sidebar-panel[hidden] {
     display: none;
   }
-  .sprout-sidebar-panel[data-side="right"] {
+  .sprout-sidebar-panel[data-side='right'] {
     border-inline-end: 0;
     border-inline-start: 1px solid var(--sprout-line);
   }
-  .sprout-sidebar-panel[data-state="collapsed"] {
+  .sprout-sidebar-panel[data-state='collapsed'] {
     width: var(--sprout-sidebar-icon-width, 3.5rem);
   }
-  .sprout-sidebar-panel[data-collapsible="icon"],
-  .sprout-sidebar-panel[data-collapsible="offcanvas"] {
+  .sprout-sidebar-panel[data-collapsible='icon'],
+  .sprout-sidebar-panel[data-collapsible='offcanvas'] {
     overflow: clip;
   }
   .sprout-sidebar-panel[data-offcanvas] {
@@ -173,8 +173,7 @@
     width: 28px;
     height: 28px;
   }
-  .sprout-sidebar-menu-item:has(.sprout-sidebar-menu-action)
-    > .sprout-sidebar-menu-button,
+  .sprout-sidebar-menu-item:has(.sprout-sidebar-menu-action) > .sprout-sidebar-menu-button,
   .sprout-sidebar-section-heading > .sprout-sidebar-menu-button {
     padding-inline-end: 36px;
   }
@@ -206,13 +205,13 @@
     height: 0;
     opacity: 0;
   }
-  .sprout-sidebar-panel[data-state="collapsed"] .sprout-sidebar-label,
-  .sprout-sidebar-panel[data-state="collapsed"] .sprout-sidebar-badge,
-  .sprout-sidebar-panel[data-state="collapsed"] .sprout-sidebar-group-label,
-  .sprout-sidebar-panel[data-state="collapsed"] .sprout-sidebar-menu-action {
+  .sprout-sidebar-panel[data-state='collapsed'] .sprout-sidebar-label,
+  .sprout-sidebar-panel[data-state='collapsed'] .sprout-sidebar-badge,
+  .sprout-sidebar-panel[data-state='collapsed'] .sprout-sidebar-group-label,
+  .sprout-sidebar-panel[data-state='collapsed'] .sprout-sidebar-menu-action {
     display: none;
   }
-  .sprout-sidebar-panel[data-state="collapsed"] .sprout-sidebar-menu-button {
+  .sprout-sidebar-panel[data-state='collapsed'] .sprout-sidebar-menu-button {
     justify-content: center;
     padding-inline: 0;
   }
@@ -247,9 +246,7 @@
   .sprout-sidebar-skeleton span:last-child {
     width: 65%;
   }
-  .sprout-sidebar-panel[data-state="collapsed"]
-    .sprout-sidebar-skeleton
-    span:last-child {
+  .sprout-sidebar-panel[data-state='collapsed'] .sprout-sidebar-skeleton span:last-child {
     display: none;
   }
   .sprout-sidebar-backdrop {
@@ -270,7 +267,7 @@
     box-shadow: var(--sprout-shadow-overlay);
     outline: none;
   }
-  .sprout-sidebar-drawer[data-side="right"] {
+  .sprout-sidebar-drawer[data-side='right'] {
     left: auto;
     right: 0;
   }
@@ -308,8 +305,8 @@
     }
   }
   @media (prefers-reduced-motion: no-preference) {
-    .sprout-sidebar-panel[data-collapsible="icon"],
-    .sprout-sidebar-panel[data-collapsible="offcanvas"] {
+    .sprout-sidebar-panel[data-collapsible='icon'],
+    .sprout-sidebar-panel[data-collapsible='offcanvas'] {
       transition:
         width var(--sprout-motion-normal) var(--sprout-motion-ease),
         opacity var(--sprout-motion-fast) ease-out,
@@ -338,8 +335,7 @@
         color var(--sprout-motion-fast) ease-out;
     }
     .sprout-sidebar-drawer {
-      transition: transform var(--sprout-motion-normal)
-        var(--sprout-motion-ease);
+      transition: transform var(--sprout-motion-normal) var(--sprout-motion-ease);
     }
     .sprout-sidebar-drawer[data-ending-style] {
       transition-duration: var(--sprout-motion-fast);
@@ -348,8 +344,8 @@
     .sprout-sidebar-drawer[data-ending-style] {
       transform: translateX(-100%);
     }
-    .sprout-sidebar-drawer[data-side="right"][data-starting-style],
-    .sprout-sidebar-drawer[data-side="right"][data-ending-style] {
+    .sprout-sidebar-drawer[data-side='right'][data-starting-style],
+    .sprout-sidebar-drawer[data-side='right'][data-ending-style] {
       transform: translateX(100%);
     }
     .sprout-sidebar-backdrop {