@tulipfarm/sprout 0.3.1 → 0.4.0

package/dist/styles/input-group.css

@@ -14,24 +14,22 @@
     outline: 0 solid transparent;
     outline-offset: 0;
   }
-  .sprout-input-group:has([data-slot="input-group-control"]:focus-visible) {
+  .sprout-input-group:has([data-slot='input-group-control']:focus-visible) {
     border-color: var(--sprout-border);
     outline: var(--sprout-focus-width) solid transparent;
   }
-  .sprout-input-group:has(
-    [data-slot="input-group-control"][aria-invalid="true"]
-  ),
-  .sprout-input-group:has([data-slot="input-group-control"][data-invalid]) {
+  .sprout-input-group:has([data-slot='input-group-control'][aria-invalid='true']),
+  .sprout-input-group:has([data-slot='input-group-control'][data-invalid]) {
     border-color: var(--sprout-danger);
     outline-color: var(--sprout-danger);
   }
-  .sprout-input-group:has([data-slot="input-group-control"]:disabled) {
+  .sprout-input-group:has([data-slot='input-group-control']:disabled) {
     cursor: not-allowed;
     background-color: var(--sprout-hover);
     opacity: 0.5;
   }
-  .sprout-input-group:has(> [data-align="block-start"]),
-  .sprout-input-group:has(> [data-align="block-end"]) {
+  .sprout-input-group:has(> [data-align='block-start']),
+  .sprout-input-group:has(> [data-align='block-end']) {
     flex-direction: column;
     height: auto;
   }
@@ -40,8 +38,7 @@
   }
 
   /* Popups such as a combobox list draw their own focus, so the search row stays quiet. */
-  :where([data-slot="combobox-content"])
-    .sprout-input-group:has([data-slot="input-group-control"]:focus-visible) {
+  :where([data-slot='combobox-content']) .sprout-input-group:has([data-slot='input-group-control']:focus-visible) {
     border-color: var(--sprout-input);
     outline-color: transparent;
   }
@@ -58,26 +55,18 @@
     border-color: var(--sprout-input);
     border-radius: var(--sprout-radius-panel);
   }
-  .sprout-input-group-variant-composer:has(
-    [data-slot="input-group-control"]:focus-visible
-  ),
-  .sprout-input-group-variant-question-composer:has(
-    [data-slot="input-group-control"]:focus-visible
-  ) {
+  .sprout-input-group-variant-composer:has([data-slot='input-group-control']:focus-visible),
+  .sprout-input-group-variant-question-composer:has([data-slot='input-group-control']:focus-visible) {
     border-color: var(--sprout-border);
     outline: var(--sprout-focus-width) solid transparent;
   }
-  .sprout-input-group-variant-composer:has(
-    [data-slot="input-group-control"][aria-invalid="true"]
-  ),
-  .sprout-input-group-variant-question-composer:has(
-    [data-slot="input-group-control"][aria-invalid="true"]
-  ) {
+  .sprout-input-group-variant-composer:has([data-slot='input-group-control'][aria-invalid='true']),
+  .sprout-input-group-variant-question-composer:has([data-slot='input-group-control'][aria-invalid='true']) {
     border-color: var(--sprout-danger);
     box-shadow: none;
   }
-  .sprout-input-group-variant-composer > [data-align="block-end"],
-  .sprout-input-group-variant-question-composer > [data-align="block-end"] {
+  .sprout-input-group-variant-composer > [data-align='block-end'],
+  .sprout-input-group-variant-question-composer > [data-align='block-end'] {
     flex-wrap: wrap;
     gap: 4px;
     padding-inline: 8px;
@@ -101,7 +90,7 @@
     cursor: text;
     user-select: none;
   }
-  .sprout-input-group-addon > svg:not([class*="size-"]) {
+  .sprout-input-group-addon > svg:not([class*='size-']) {
     flex-shrink: 0;
     width: 16px;
     height: 16px;
@@ -165,7 +154,7 @@
     flex-shrink: 0;
     pointer-events: none;
   }
-  .sprout-input-group-text svg:not([class*="size-"]) {
+  .sprout-input-group-text svg:not([class*='size-']) {
     width: 16px;
     height: 16px;
   }
@@ -204,8 +193,7 @@
     border-radius: var(--sprout-radius-control);
   }
   @media (pointer: coarse) {
-    .sprout-input-group-variant-composer
-      .sprout-button.sprout-input-group-button {
+    .sprout-input-group-variant-composer .sprout-button.sprout-input-group-button {
       min-width: 44px;
       min-height: 44px;
     }
@@ -214,7 +202,7 @@
   .sprout-input.sprout-input-group-input,
   .sprout-input.sprout-input-group-input:focus-visible,
   .sprout-input.sprout-input-group-input:disabled,
-  .sprout-input.sprout-input-group-input[aria-invalid="true"],
+  .sprout-input.sprout-input-group-input[aria-invalid='true'],
   .sprout-input.sprout-input-group-input[data-invalid] {
     border-color: transparent;
     background-color: transparent;
@@ -228,32 +216,28 @@
     border-radius: 0;
     text-overflow: ellipsis;
   }
-  .sprout-input-group:has(> [data-align="inline-start"])
-    > .sprout-input-group-input {
+  .sprout-input-group:has(> [data-align='inline-start']) > .sprout-input-group-input {
     padding-left: 6px;
   }
-  .sprout-input-group:has(> [data-align="inline-end"])
-    > .sprout-input-group-input {
+  .sprout-input-group:has(> [data-align='inline-end']) > .sprout-input-group-input {
     padding-right: 6px;
   }
-  .sprout-input-group:has(> [data-align^="block"]) > .sprout-input-group-input {
+  .sprout-input-group:has(> [data-align^='block']) > .sprout-input-group-input {
     width: 100%;
     height: 30px;
   }
-  .sprout-input-group:has(> [data-align="block-end"])
-    > .sprout-input-group-input {
+  .sprout-input-group:has(> [data-align='block-end']) > .sprout-input-group-input {
     padding-top: 8px;
   }
-  .sprout-input-group:has(> [data-align="block-start"])
-    > .sprout-input-group-input {
+  .sprout-input-group:has(> [data-align='block-start']) > .sprout-input-group-input {
     padding-bottom: 8px;
   }
   .sprout-input-group-size-lg > .sprout-input-group-input {
     font-size: var(--sprout-text-base);
     line-height: 24px;
   }
-  .sprout-input-group-input[type="search"]::-webkit-search-cancel-button,
-  .sprout-input-group-input[type="search"]::-webkit-search-decoration {
+  .sprout-input-group-input[type='search']::-webkit-search-cancel-button,
+  .sprout-input-group-input[type='search']::-webkit-search-decoration {
     appearance: none;
   }
 
@@ -278,7 +262,7 @@
     .sprout-input-group {
       border-color: FieldText;
     }
-    .sprout-input-group:has([data-slot="input-group-control"]:focus-visible) {
+    .sprout-input-group:has([data-slot='input-group-control']:focus-visible) {
       outline-color: Highlight;
     }
   }

package/dist/styles/input-otp.css

@@ -28,9 +28,8 @@
     align-items: center;
     border-radius: var(--sprout-radius-control);
   }
-  .sprout-input-otp-group:has(.sprout-input-otp-slot[aria-invalid="true"]) {
-    box-shadow: 0 0 0 3px
-      color-mix(in oklab, var(--sprout-danger) 20%, transparent);
+  .sprout-input-otp-group:has(.sprout-input-otp-slot[aria-invalid='true']) {
+    box-shadow: 0 0 0 3px color-mix(in oklab, var(--sprout-danger) 20%, transparent);
   }
 
   .sprout-input-otp-slot {
@@ -74,10 +73,10 @@
     outline: var(--sprout-focus-width) solid transparent;
     outline-offset: 0;
   }
-  .sprout-input-otp-slot[aria-invalid="true"] {
+  .sprout-input-otp-slot[aria-invalid='true'] {
     border-color: var(--sprout-danger);
   }
-  .sprout-input-otp-slot[aria-invalid="true"]:focus {
+  .sprout-input-otp-slot[aria-invalid='true']:focus {
     outline-color: color-mix(in oklab, var(--sprout-danger) 40%, transparent);
   }
   .sprout-input-otp-slot:disabled {
@@ -131,7 +130,7 @@
     .sprout-input-otp-slot:focus {
       outline: 2px solid Highlight;
     }
-    .sprout-input-otp-slot[aria-invalid="true"] {
+    .sprout-input-otp-slot[aria-invalid='true'] {
       border-color: Mark;
     }
   }

package/dist/styles/input.css

@@ -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;
     cursor: pointer;
   }
-  .sprout-input[type="file"]:disabled {
+  .sprout-input[type='file']:disabled {
     cursor: not-allowed;
   }
   .sprout-input::file-selector-button {
@@ -73,7 +73,7 @@
     font-size: var(--sprout-text-base);
     line-height: 24px;
   }
-  .sprout-input-scale-lg[type="file"] {
+  .sprout-input-scale-lg[type='file'] {
     line-height: 42px;
   }
 

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

@@ -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;
@@ -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 {
@@ -140,10 +140,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 +206,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;
     }