@tulipfarm/sprout 0.3.1 → 0.5.0

package/dist/styles/select.css

@@ -8,7 +8,7 @@
     gap: 6px;
     min-width: 0;
     max-width: 100%;
-    height: 32px;
+    height: var(--sprout-control-height);
     padding: 0 8px 0 10px;
     border: 1px solid var(--sprout-input);
     border-radius: var(--sprout-radius-control);
@@ -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);
   }
@@ -69,17 +69,15 @@
   .sprout-select-trigger-sm {
     --sprout-select-icon: 0.875rem;
     gap: 4px;
-    height: 28px;
+    height: calc(var(--sprout-control-height) - 4px);
     padding: 0 6px 0 8px;
     border-radius: min(var(--sprout-radius-control), 12px);
     font-size: var(--sprout-text-xs);
+    line-height: 16px;
   }
-  .sprout-select-trigger-calendar {
-    --sprout-select-icon: 0.875rem;
-    gap: 4px;
-    height: 32px;
-    padding: 0 6px 0 8px;
-    font-size: var(--sprout-text-xs);
+  .sprout-select-trigger-lg {
+    height: calc(var(--sprout-control-height) + 4px);
+    padding: 0 10px 0 12px;
   }
   .sprout-select-trigger-fit {
     width: fit-content;
@@ -155,11 +153,12 @@
 
   .sprout-select-item {
     position: relative;
+    box-sizing: border-box;
     display: flex;
     align-items: center;
     gap: 6px;
     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);
@@ -184,7 +183,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;
   }
@@ -245,9 +244,6 @@
     .sprout-select-item {
       min-height: 2.75rem;
     }
-    .sprout-select-trigger-calendar {
-      min-width: 2.75rem;
-    }
   }
 
   @media (forced-colors: active) {
@@ -274,8 +270,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] {
@@ -90,6 +90,7 @@
   .sprout-sidebar-menu-action,
   .sprout-sidebar-trigger,
   .sprout-sidebar-close {
+    box-sizing: border-box;
     font: inherit;
     color: var(--sprout-text);
     background: transparent;
@@ -104,8 +105,8 @@
     gap: 10px;
     min-width: 0;
     width: 100%;
-    min-height: 34px;
-    padding: 7px 10px;
+    min-height: var(--sprout-control-height);
+    padding: 6px 10px;
     font-size: var(--sprout-text-sm);
     font-weight: 450;
     line-height: 20px;
@@ -169,12 +170,11 @@
     place-items: center;
     position: absolute;
     inset-inline-end: 4px;
-    top: 3px;
-    width: 28px;
-    height: 28px;
+    top: 4px;
+    width: calc(var(--sprout-control-height) - 8px);
+    height: calc(var(--sprout-control-height) - 8px);
   }
-  .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;
   }
@@ -193,9 +193,9 @@
     border-left: 1px solid var(--sprout-line);
   }
   .sprout-sidebar-sub-button {
-    min-height: 30px;
-    font-size: 12px;
-    padding-block: 5px;
+    min-height: calc(var(--sprout-control-height) - 4px);
+    font-size: var(--sprout-text-xs);
+    line-height: 16px;
   }
   .sprout-sidebar-section-content {
     height: var(--collapsible-panel-height);
@@ -206,13 +206,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;
   }
@@ -221,17 +221,18 @@
     align-items: center;
     justify-content: center;
     gap: 8px;
-    min-width: 34px;
-    min-height: 34px;
-    padding: 7px;
+    min-width: var(--sprout-control-height);
+    min-height: var(--sprout-control-height);
+    padding: 6px;
     font-size: var(--sprout-text-xs);
   }
   .sprout-sidebar-skeleton {
+    box-sizing: border-box;
     display: flex;
     align-items: center;
     gap: 10px;
-    min-height: 34px;
-    padding: 7px 10px;
+    min-height: var(--sprout-control-height);
+    padding: 6px 10px;
   }
   .sprout-sidebar-skeleton span {
     display: block;
@@ -247,9 +248,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 +269,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 +307,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 +337,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 +346,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 {

package/dist/styles/skeleton.css

@@ -10,25 +10,25 @@
     pointer-events: none;
     user-select: none;
   }
-  .sprout-skeleton[data-shape="title"] {
+  .sprout-skeleton[data-shape='title'] {
     width: 66.6667%;
     height: 24px;
   }
-  .sprout-skeleton[data-shape="avatar"] {
+  .sprout-skeleton[data-shape='avatar'] {
     width: 32px;
     height: 32px;
     border-radius: 9999px;
   }
-  .sprout-skeleton[data-shape="panel"] {
+  .sprout-skeleton[data-shape='panel'] {
     height: 128px;
     border-radius: var(--sprout-radius-control);
   }
-  .sprout-skeleton[data-shape="checkbox"] {
+  .sprout-skeleton[data-shape='checkbox'] {
     width: 16px;
     height: 16px;
     border-radius: 4px;
   }
-  .sprout-skeleton[data-shape="action"] {
+  .sprout-skeleton[data-shape='action'] {
     width: 28px;
     height: 28px;
   }
@@ -39,10 +39,10 @@
     gap: 12px;
     min-width: 0;
   }
-  .sprout-skeleton-group[data-gap="sm"] {
+  .sprout-skeleton-group[data-gap='sm'] {
     gap: 8px;
   }
-  .sprout-skeleton-group[data-gap="lg"] {
+  .sprout-skeleton-group[data-gap='lg'] {
     gap: 16px;
   }
   .sprout-skeleton-group-label {
@@ -58,10 +58,8 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .sprout-skeleton {
-      animation: sprout-skeleton-pulse 1.6s cubic-bezier(0.4, 0, 0.6, 1)
-        infinite;
-      transition: background-color var(--sprout-motion-fast)
-        var(--sprout-motion-ease);
+      animation: sprout-skeleton-pulse 1.6s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+      transition: background-color var(--sprout-motion-fast) var(--sprout-motion-ease);
     }
   }