@accelint/design-toolkit 5.2.0 → 7.0.0

package/dist/styles.css

@@ -1,99 +1,99 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
 @layer properties;
 @font-face {
-  font-family: 'Roboto Flex';
+  font-family: 'Roboto Flex Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-flex-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/roboto-flex-cyrillic-ext-400-normal.woff) format('woff');
+  font-weight: 100 1000;
+  src: url(./files/roboto-flex-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
 }
 @font-face {
-  font-family: 'Roboto Flex';
+  font-family: 'Roboto Flex Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-flex-cyrillic-400-normal.woff2) format('woff2'), url(./files/roboto-flex-cyrillic-400-normal.woff) format('woff');
+  font-weight: 100 1000;
+  src: url(./files/roboto-flex-cyrillic-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
 }
 @font-face {
-  font-family: 'Roboto Flex';
+  font-family: 'Roboto Flex Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-flex-greek-400-normal.woff2) format('woff2'), url(./files/roboto-flex-greek-400-normal.woff) format('woff');
+  font-weight: 100 1000;
+  src: url(./files/roboto-flex-greek-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
 }
 @font-face {
-  font-family: 'Roboto Flex';
+  font-family: 'Roboto Flex Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-flex-vietnamese-400-normal.woff2) format('woff2'), url(./files/roboto-flex-vietnamese-400-normal.woff) format('woff');
+  font-weight: 100 1000;
+  src: url(./files/roboto-flex-vietnamese-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
 }
 @font-face {
-  font-family: 'Roboto Flex';
+  font-family: 'Roboto Flex Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-flex-latin-ext-400-normal.woff2) format('woff2'), url(./files/roboto-flex-latin-ext-400-normal.woff) format('woff');
+  font-weight: 100 1000;
+  src: url(./files/roboto-flex-latin-ext-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
 }
 @font-face {
-  font-family: 'Roboto Flex';
+  font-family: 'Roboto Flex Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-flex-latin-400-normal.woff2) format('woff2'), url(./files/roboto-flex-latin-400-normal.woff) format('woff');
+  font-weight: 100 1000;
+  src: url(./files/roboto-flex-latin-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
 }
 @font-face {
-  font-family: 'Roboto Mono';
+  font-family: 'Roboto Mono Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-mono-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/roboto-mono-cyrillic-ext-400-normal.woff) format('woff');
+  font-weight: 100 700;
+  src: url(./files/roboto-mono-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
 }
 @font-face {
-  font-family: 'Roboto Mono';
+  font-family: 'Roboto Mono Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-mono-cyrillic-400-normal.woff2) format('woff2'), url(./files/roboto-mono-cyrillic-400-normal.woff) format('woff');
+  font-weight: 100 700;
+  src: url(./files/roboto-mono-cyrillic-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
 }
 @font-face {
-  font-family: 'Roboto Mono';
+  font-family: 'Roboto Mono Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-mono-greek-400-normal.woff2) format('woff2'), url(./files/roboto-mono-greek-400-normal.woff) format('woff');
+  font-weight: 100 700;
+  src: url(./files/roboto-mono-greek-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
 }
 @font-face {
-  font-family: 'Roboto Mono';
+  font-family: 'Roboto Mono Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-mono-vietnamese-400-normal.woff2) format('woff2'), url(./files/roboto-mono-vietnamese-400-normal.woff) format('woff');
+  font-weight: 100 700;
+  src: url(./files/roboto-mono-vietnamese-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
 }
 @font-face {
-  font-family: 'Roboto Mono';
+  font-family: 'Roboto Mono Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-mono-latin-ext-400-normal.woff2) format('woff2'), url(./files/roboto-mono-latin-ext-400-normal.woff) format('woff');
+  font-weight: 100 700;
+  src: url(./files/roboto-mono-latin-ext-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
 }
 @font-face {
-  font-family: 'Roboto Mono';
+  font-family: 'Roboto Mono Variable';
   font-style: normal;
   font-display: swap;
-  font-weight: 400;
-  src: url(./files/roboto-mono-latin-400-normal.woff2) format('woff2'), url(./files/roboto-mono-latin-400-normal.woff) format('woff');
+  font-weight: 100 700;
+  src: url(./files/roboto-mono-latin-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
 }
 @layer theme, base, components, utilities;
@@ -370,6 +370,12 @@
   .left-s {
     left: var(--spacing-s);
   }
+  .isolate {
+    isolation: isolate;
+  }
+  .z-10 {
+    z-index: 10;
+  }
   .-order-1 {
     order: calc(1 * -1);
   }
@@ -463,6 +469,9 @@
   .mt-xl {
     margin-top: var(--spacing-xl);
   }
+  .mb-l {
+    margin-bottom: var(--spacing-l);
+  }
   .mb-m {
     margin-bottom: var(--spacing-m);
   }
@@ -606,6 +615,9 @@
   .min-h-\[48px\] {
     min-height: 48px;
   }
+  .min-h-\[50px\] {
+    min-height: 50px;
+  }
   .min-h-l {
     min-height: var(--spacing-l);
   }
@@ -915,6 +927,13 @@
   .gap-xxs {
     gap: var(--spacing-xxs);
   }
+  .space-y-l {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(var(--spacing-l) * var(--tw-space-y-reverse));
+      margin-block-end: calc(var(--spacing-l) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-s {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -946,6 +965,9 @@
   .gap-y-oversized {
     row-gap: var(--spacing-oversized);
   }
+  .gap-y-s {
+    row-gap: var(--spacing-s);
+  }
   .gap-y-xl {
     row-gap: var(--spacing-xl);
   }
@@ -1002,6 +1024,9 @@
   .\!bg-surface-default {
     background-color: var(--bg-surface-default) !important;
   }
+  .\[background-color\:var\(--fg-accent-primary-bold\)\] {
+    background-color: var(--fg-accent-primary-bold);
+  }
   .bg-\[\#E8178A\]\/40 {
     background-color: color-mix(in oklab, #E8178A 40%, transparent);
   }
@@ -1563,6 +1588,9 @@
   .outline {
     outline-offset: -1px;
   }
+  .outline-offset-1 {
+    outline-offset: 1px;
+  }
   .outline-\[\#E8178A\] {
     outline-color: #E8178A;
   }
@@ -1647,6 +1675,10 @@
   .outline-transparent {
     outline-color: transparent;
   }
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
@@ -1655,15 +1687,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-colors {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-  .duration-\[80ms\] {
-    --tw-duration: 80ms;
-    transition-duration: 80ms;
-  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -1903,11 +1926,20 @@
       }
     }
   }
-  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:group-hover\/checkbox\:outline-interactive-hover {
+  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:group-hover\/checkbox\:bg-accent-primary-hover {
     &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/checkbox):where([data-indeterminate], :indeterminate) *) {
         &:is(:where(.group\/checkbox):where([data-hovered], :hover) *) {
-          outline-color: var(--outline-interactive-hover);
+          background-color: var(--bg-accent-primary-hover);
+        }
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:group-hover\/checkbox\:outline-accent-primary-hover {
+    &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/checkbox):where([data-indeterminate], :indeterminate) *) {
+        &:is(:where(.group\/checkbox):where([data-hovered], :hover) *) {
+          outline-color: var(--outline-accent-primary-hover);
         }
       }
     }
@@ -1919,11 +1951,20 @@
       }
     }
   }
-  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:group-focus-visible\/checkbox\:outline-interactive-hover {
+  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:group-focus-visible\/checkbox\:bg-accent-primary-hover {
     &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/checkbox):where([data-indeterminate], :indeterminate) *) {
         &:is(:where(.group\/checkbox):where([data-focus-visible], :focus-visible) *) {
-          outline-color: var(--outline-interactive-hover);
+          background-color: var(--bg-accent-primary-hover);
+        }
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:group-focus-visible\/checkbox\:outline-accent-primary-hover {
+    &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/checkbox):where([data-indeterminate], :indeterminate) *) {
+        &:is(:where(.group\/checkbox):where([data-focus-visible], :focus-visible) *) {
+          outline-color: var(--outline-accent-primary-hover);
         }
       }
     }
@@ -2122,6 +2163,22 @@
       --icon-color: var(--fg-disabled);
     }
   }
+  .group-disabled\/slider\:cursor-not-allowed {
+    &:is(:where(.group\/slider):where([disabled], [data-disabled], :disabled) *) {
+      cursor: not-allowed;
+    }
+  }
+  .group-disabled\/slider\:fg-disabled {
+    &:is(:where(.group\/slider):where([disabled], [data-disabled], :disabled) *) {
+      color: var(--fg-disabled);
+      --icon-color: var(--fg-disabled);
+    }
+  }
+  .group-disabled\/slider\:outline-interactive-disabled {
+    &:is(:where(.group\/slider):where([disabled], [data-disabled], :disabled) *) {
+      outline-color: var(--outline-interactive-disabled);
+    }
+  }
   .group-disabled\/switch\:bg-interactive-disabled {
     &:is(:where(.group\/switch):where([disabled], [data-disabled], :disabled) *) {
       background-color: var(--bg-interactive-disabled);
@@ -2199,14 +2256,6 @@
       }
     }
   }
-  .group-enabled\/options-item\:group-color-serious\/options-item\:fg-serious-bold {
-    &:is(:where(.group\/options-item):where(:not([disabled], [data-disabled]), :enabled) *) {
-      &:is(:where(.group\/options-item):where([data-color="serious"]) *) {
-        color: var(--fg-serious-bold);
-        --icon-color: var(--fg-serious-bold);
-      }
-    }
-  }
   .group-enabled\/options-item\:group-hover\/options-item\:group-color-serious\/options-item\:fg-a11y-on-accent {
     &:is(:where(.group\/options-item):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/options-item):where([data-hovered], :hover) *) {
@@ -2285,12 +2334,6 @@
       align-items: center;
     }
   }
-  .group-placement-left\/drawer\:rounded-l-none {
-    &:is(:where(.group\/drawer):where([data-placement~="left"]) *) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-  }
   .group-placement-left\/drawer\:rounded-l-none {
     &:is(:where(.group\/drawer):where([data-placement~="left"]) *) {
       border-top-left-radius: var(--radius-none);
@@ -2355,12 +2398,6 @@
       align-items: center;
     }
   }
-  .group-placement-right\/drawer\:rounded-r-none {
-    &:is(:where(.group\/drawer):where([data-placement~="right"]) *) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
   .group-placement-right\/drawer\:rounded-r-none {
     &:is(:where(.group\/drawer):where([data-placement~="right"]) *) {
       border-top-right-radius: var(--radius-none);
@@ -2425,12 +2462,6 @@
       flex-direction: row;
     }
   }
-  .group-placement-top\/drawer\:rounded-t-none {
-    &:is(:where(.group\/drawer):where([data-placement~="top"]) *) {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
-    }
-  }
   .group-placement-top\/drawer\:rounded-t-none {
     &:is(:where(.group\/drawer):where([data-placement~="top"]) *) {
       border-top-left-radius: var(--radius-none);
@@ -2490,12 +2521,6 @@
       flex-direction: row;
     }
   }
-  .group-placement-bottom\/drawer\:rounded-b-none {
-    &:is(:where(.group\/drawer):where([data-placement~="bottom"]) *) {
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-  }
   .group-placement-bottom\/drawer\:rounded-b-none {
     &:is(:where(.group\/drawer):where([data-placement~="bottom"]) *) {
       border-bottom-right-radius: var(--radius-none);
@@ -2698,9 +2723,9 @@
       line-height: var(--typography-body-s-height);
     }
   }
-  .group-size-medium\/select-field\:min-w-\[220px\] {
-    &:is(:where(.group\/select-field):where([data-size="medium"]) *) {
-      min-width: 220px;
+  .group-size-medium\/notice\:gap-l {
+    &:is(:where(.group\/notice):where([data-size="medium"]) *) {
+      gap: var(--spacing-l);
     }
   }
   .group-size-medium\/select-field\:gap-s {
@@ -2886,6 +2911,26 @@
       line-height: var(--typography-body-xs-height);
     }
   }
+  .group-size-small\/notice\:grow-1 {
+    &:is(:where(.group\/notice):where([data-size="small"]) *) {
+      flex-grow: 1;
+    }
+  }
+  .group-size-small\/notice\:basis-10\/12 {
+    &:is(:where(.group\/notice):where([data-size="small"]) *) {
+      flex-basis: calc(10/12 * 100%);
+    }
+  }
+  .group-size-small\/notice\:justify-start {
+    &:is(:where(.group\/notice):where([data-size="small"]) *) {
+      justify-content: flex-start;
+    }
+  }
+  .group-size-small\/notice\:gap-m {
+    &:is(:where(.group\/notice):where([data-size="small"]) *) {
+      gap: var(--spacing-m);
+    }
+  }
   .group-size-small\/options\:pt-xs {
     &:is(:where(.group\/options):where([data-size="small"]) *) {
       padding-top: var(--spacing-xs);
@@ -3074,12 +3119,6 @@
       }
     }
   }
-  .group-orientation-horizontal\/tabs\:rounded-b-none {
-    &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-  }
   .group-orientation-horizontal\/tabs\:rounded-b-none {
     &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
       border-bottom-right-radius: var(--radius-none);
@@ -3255,6 +3294,115 @@
       display: none;
     }
   }
+  .group-enabled\/checkbox\:group-pressed\/checkbox\:outline-interactive-pressed {
+    &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/checkbox):where([data-pressed], :active) *) {
+        outline-color: var(--outline-interactive-pressed);
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:group-pressed\/checkbox\:bg-accent-primary-pressed {
+    &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/checkbox):where([data-indeterminate], :indeterminate) *) {
+        &:is(:where(.group\/checkbox):where([data-pressed], :active) *) {
+          background-color: var(--bg-accent-primary-pressed);
+        }
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-indeterminate\/checkbox\:group-pressed\/checkbox\:outline-accent-primary-pressed {
+    &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/checkbox):where([data-indeterminate], :indeterminate) *) {
+        &:is(:where(.group\/checkbox):where([data-pressed], :active) *) {
+          outline-color: var(--outline-accent-primary-pressed);
+        }
+      }
+    }
+  }
+  .group-enabled\/menu-item\:group-pressed\/menu-item\:group-color-info\/menu-item\:fg-accent-primary-bold {
+    &:is(:where(.group\/menu-item):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/menu-item):where([data-pressed], :active) *) {
+        &:is(:where(.group\/menu-item):where([data-color="info"]) *) {
+          color: var(--fg-accent-primary-bold);
+          --icon-color: var(--fg-accent-primary-bold);
+        }
+      }
+    }
+  }
+  .group-enabled\/menu-item\:group-pressed\/menu-item\:group-color-serious\/menu-item\:fg-serious-bold {
+    &:is(:where(.group\/menu-item):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/menu-item):where([data-pressed], :active) *) {
+        &:is(:where(.group\/menu-item):where([data-color="serious"]) *) {
+          color: var(--fg-serious-bold);
+          --icon-color: var(--fg-serious-bold);
+        }
+      }
+    }
+  }
+  .group-enabled\/menu-item\:group-pressed\/menu-item\:group-color-critical\/menu-item\:fg-critical-bold {
+    &:is(:where(.group\/menu-item):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/menu-item):where([data-pressed], :active) *) {
+        &:is(:where(.group\/menu-item):where([data-color="critical"]) *) {
+          color: var(--fg-critical-bold);
+          --icon-color: var(--fg-critical-bold);
+        }
+      }
+    }
+  }
+  .group-enabled\/options-item\:group-pressed\/options-item\:group-color-info\/options-item\:fg-accent-primary-bold {
+    &:is(:where(.group\/options-item):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/options-item):where([data-pressed], :active) *) {
+        &:is(:where(.group\/options-item):where([data-color="info"]) *) {
+          color: var(--fg-accent-primary-bold);
+          --icon-color: var(--fg-accent-primary-bold);
+        }
+      }
+    }
+  }
+  .group-enabled\/options-item\:group-pressed\/options-item\:group-color-info\/options-item\:fg-accent-primary-pressed {
+    &:is(:where(.group\/options-item):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/options-item):where([data-pressed], :active) *) {
+        &:is(:where(.group\/options-item):where([data-color="info"]) *) {
+          color: var(--fg-accent-primary-pressed);
+          --icon-color: var(--fg-accent-primary-pressed);
+        }
+      }
+    }
+  }
+  .group-enabled\/options-item\:group-pressed\/options-item\:group-color-serious\/options-item\:fg-serious-bold {
+    &:is(:where(.group\/options-item):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/options-item):where([data-pressed], :active) *) {
+        &:is(:where(.group\/options-item):where([data-color="serious"]) *) {
+          color: var(--fg-serious-bold);
+          --icon-color: var(--fg-serious-bold);
+        }
+      }
+    }
+  }
+  .group-enabled\/options-item\:group-pressed\/options-item\:group-color-critical\/options-item\:fg-critical-bold {
+    &:is(:where(.group\/options-item):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/options-item):where([data-pressed], :active) *) {
+        &:is(:where(.group\/options-item):where([data-color="critical"]) *) {
+          color: var(--fg-critical-bold);
+          --icon-color: var(--fg-critical-bold);
+        }
+      }
+    }
+  }
+  .group-enabled\/radio\:group-pressed\/radio\:outline-interactive-pressed {
+    &:is(:where(.group\/radio):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/radio):where([data-pressed], :active) *) {
+        outline-color: var(--outline-interactive-pressed);
+      }
+    }
+  }
+  .group-enabled\/switch\:group-pressed\/switch\:outline-interactive-pressed {
+    &:is(:where(.group\/switch):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/switch):where([data-pressed], :active) *) {
+        outline-color: var(--outline-interactive-pressed);
+      }
+    }
+  }
   .group-selected\:rotate-180 {
     &:is(:where(.group):where([data-selected], :checked) *) {
       rotate: 180deg;
@@ -3282,20 +3430,38 @@
       }
     }
   }
-  .group-enabled\/checkbox\:group-selected\/checkbox\:group-hover\/checkbox\:outline-interactive-hover {
+  .group-enabled\/checkbox\:group-selected\/checkbox\:group-hover\/checkbox\:bg-accent-primary-hover {
     &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/checkbox):where([data-selected], :checked) *) {
         &:is(:where(.group\/checkbox):where([data-hovered], :hover) *) {
-          outline-color: var(--outline-interactive-hover);
+          background-color: var(--bg-accent-primary-hover);
+        }
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-selected\/checkbox\:group-hover\/checkbox\:outline-accent-primary-hover {
+    &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/checkbox):where([data-selected], :checked) *) {
+        &:is(:where(.group\/checkbox):where([data-hovered], :hover) *) {
+          outline-color: var(--outline-accent-primary-hover);
         }
       }
     }
   }
-  .group-enabled\/checkbox\:group-selected\/checkbox\:group-focus-visible\/checkbox\:outline-interactive-hover {
+  .group-enabled\/checkbox\:group-selected\/checkbox\:group-focus-visible\/checkbox\:bg-accent-primary-hover {
     &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/checkbox):where([data-selected], :checked) *) {
         &:is(:where(.group\/checkbox):where([data-focus-visible], :focus-visible) *) {
-          outline-color: var(--outline-interactive-hover);
+          background-color: var(--bg-accent-primary-hover);
+        }
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-selected\/checkbox\:group-focus-visible\/checkbox\:outline-accent-primary-hover {
+    &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/checkbox):where([data-selected], :checked) *) {
+        &:is(:where(.group\/checkbox):where([data-focus-visible], :focus-visible) *) {
+          outline-color: var(--outline-accent-primary-hover);
         }
       }
     }
@@ -3315,6 +3481,68 @@
       }
     }
   }
+  .group-enabled\/checkbox\:group-selected\/checkbox\:group-pressed\/checkbox\:bg-accent-primary-pressed {
+    &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/checkbox):where([data-selected], :checked) *) {
+        &:is(:where(.group\/checkbox):where([data-pressed], :active) *) {
+          background-color: var(--bg-accent-primary-pressed);
+        }
+      }
+    }
+  }
+  .group-enabled\/checkbox\:group-selected\/checkbox\:group-pressed\/checkbox\:outline-accent-primary-pressed {
+    &:is(:where(.group\/checkbox):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/checkbox):where([data-selected], :checked) *) {
+        &:is(:where(.group\/checkbox):where([data-pressed], :active) *) {
+          outline-color: var(--outline-accent-primary-pressed);
+        }
+      }
+    }
+  }
+  .group-enabled\/menu-item\:group-selected\/menu-item\:group-pressed\/menu-item\:group-color-info\/menu-item\:fg-accent-primary-bold {
+    &:is(:where(.group\/menu-item):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/menu-item):where([data-selected], :checked) *) {
+        &:is(:where(.group\/menu-item):where([data-pressed], :active) *) {
+          &:is(:where(.group\/menu-item):where([data-color="info"]) *) {
+            color: var(--fg-accent-primary-bold);
+            --icon-color: var(--fg-accent-primary-bold);
+          }
+        }
+      }
+    }
+  }
+  .group-enabled\/menu-item\:group-selected\/menu-item\:group-pressed\/menu-item\:group-color-serious\/menu-item\:fg-serious-bold {
+    &:is(:where(.group\/menu-item):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/menu-item):where([data-selected], :checked) *) {
+        &:is(:where(.group\/menu-item):where([data-pressed], :active) *) {
+          &:is(:where(.group\/menu-item):where([data-color="serious"]) *) {
+            color: var(--fg-serious-bold);
+            --icon-color: var(--fg-serious-bold);
+          }
+        }
+      }
+    }
+  }
+  .group-enabled\/menu-item\:group-selected\/menu-item\:group-pressed\/menu-item\:group-color-critical\/menu-item\:fg-critical-bold {
+    &:is(:where(.group\/menu-item):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/menu-item):where([data-selected], :checked) *) {
+        &:is(:where(.group\/menu-item):where([data-pressed], :active) *) {
+          &:is(:where(.group\/menu-item):where([data-color="critical"]) *) {
+            color: var(--fg-critical-bold);
+            --icon-color: var(--fg-critical-bold);
+          }
+        }
+      }
+    }
+  }
+  .group-enabled\/radio\:group-selected\/radio\:outline-1 {
+    &:is(:where(.group\/radio):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/radio):where([data-selected], :checked) *) {
+        outline-style: var(--tw-outline-style);
+        outline-width: 1px;
+      }
+    }
+  }
   .group-enabled\/radio\:group-selected\/radio\:outline-accent-primary-bold {
     &:is(:where(.group\/radio):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/radio):where([data-selected], :checked) *) {
@@ -3331,11 +3559,30 @@
       }
     }
   }
-  .group-enabled\/radio\:group-selected\/radio\:group-focus-visible\/radio\:outline-interactive-hover {
+  .group-enabled\/radio\:group-selected\/radio\:group-focus-visible\/radio\:outline-accent-primary-hover {
     &:is(:where(.group\/radio):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/radio):where([data-selected], :checked) *) {
         &:is(:where(.group\/radio):where([data-focus-visible], :focus-visible) *) {
-          outline-color: var(--outline-interactive-hover);
+          outline-color: var(--outline-accent-primary-hover);
+        }
+      }
+    }
+  }
+  .group-enabled\/radio\:group-selected\/radio\:group-pressed\/radio\:outline-2 {
+    &:is(:where(.group\/radio):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/radio):where([data-selected], :checked) *) {
+        &:is(:where(.group\/radio):where([data-pressed], :active) *) {
+          outline-style: var(--tw-outline-style);
+          outline-width: 2px;
+        }
+      }
+    }
+  }
+  .group-enabled\/radio\:group-selected\/radio\:group-pressed\/radio\:outline-info-pressed {
+    &:is(:where(.group\/radio):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/radio):where([data-selected], :checked) *) {
+        &:is(:where(.group\/radio):where([data-pressed], :active) *) {
+          outline-color: var(--outline-info-pressed);
         }
       }
     }
@@ -3383,6 +3630,24 @@
       }
     }
   }
+  .group-enabled\/switch\:group-selected\/switch\:group-pressed\/switch\:bg-accent-primary-pressed {
+    &:is(:where(.group\/switch):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/switch):where([data-selected], :checked) *) {
+        &:is(:where(.group\/switch):where([data-pressed], :active) *) {
+          background-color: var(--bg-accent-primary-pressed);
+        }
+      }
+    }
+  }
+  .group-enabled\/switch\:group-selected\/switch\:group-pressed\/switch\:outline-accent-primary-pressed {
+    &:is(:where(.group\/switch):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/switch):where([data-selected], :checked) *) {
+        &:is(:where(.group\/switch):where([data-pressed], :active) *) {
+          outline-color: var(--outline-accent-primary-pressed);
+        }
+      }
+    }
+  }
   .placeholder\:fg-primary-muted {
     &::placeholder {
       color: var(--fg-primary-muted);
@@ -3445,46 +3710,80 @@
       border-radius: calc(infinity * 1px);
     }
   }
-  .before\:bg-info-bold {
+  .before\:\[background-color\:var\(--fg-primary-muted\)\] {
     &::before {
       content: var(--tw-content);
-      background-color: var(--bg-info-bold);
+      background-color: var(--fg-primary-muted);
     }
   }
-  .group-enabled\/switch\:group-hover\/switch\:before\:bg-interactive-bold-hover {
+  .group-enabled\/switch\:group-hover\/switch\:before\:\[background-color\:var\(--fg-primary-bold\)\] {
     &:is(:where(.group\/switch):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/switch):where([data-hovered], :hover) *) {
         &::before {
           content: var(--tw-content);
-          background-color: var(--bg-interactive-bold-hover);
+          background-color: var(--fg-primary-bold);
         }
       }
     }
   }
-  .group-enabled\/switch\:group-focus-visible\/switch\:before\:bg-interactive-bold-hover {
+  .group-enabled\/switch\:group-focus-visible\/switch\:before\:\[background-color\:var\(--fg-primary-bold\)\] {
     &:is(:where(.group\/switch):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/switch):where([data-focus-visible], :focus-visible) *) {
         &::before {
           content: var(--tw-content);
-          background-color: var(--bg-interactive-bold-hover);
+          background-color: var(--fg-primary-bold);
         }
       }
     }
   }
-  .group-disabled\/switch\:before\:bg-interactive-disabled {
+  .group-disabled\/switch\:before\:\[background-color\:var\(--fg-disabled\)\] {
     &:is(:where(.group\/switch):where([disabled], [data-disabled], :disabled) *) {
       &::before {
         content: var(--tw-content);
-        background-color: var(--bg-interactive-disabled);
+        background-color: var(--fg-disabled);
       }
     }
   }
-  .group-enabled\/radio\:group-selected\/radio\:before\:bg-accent-primary-bold {
+  .group-enabled\/switch\:group-pressed\/switch\:before\:\[background-color\:var\(--fg-pressed\)\] {
+    &:is(:where(.group\/switch):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/switch):where([data-pressed], :active) *) {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--fg-pressed);
+        }
+      }
+    }
+  }
+  .group-enabled\/radio\:group-selected\/radio\:before\:\[background-color\:var\(--fg-accent-primary-bold\)\] {
     &:is(:where(.group\/radio):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/radio):where([data-selected], :checked) *) {
         &::before {
           content: var(--tw-content);
-          background-color: var(--bg-accent-primary-bold);
+          background-color: var(--fg-accent-primary-bold);
+        }
+      }
+    }
+  }
+  .group-enabled\/radio\:group-selected\/radio\:group-hover\/radio\:before\:\[background-color\:var\(--fg-accent-primary-hover\)\] {
+    &:is(:where(.group\/radio):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/radio):where([data-selected], :checked) *) {
+        &:is(:where(.group\/radio):where([data-hovered], :hover) *) {
+          &::before {
+            content: var(--tw-content);
+            background-color: var(--fg-accent-primary-hover);
+          }
+        }
+      }
+    }
+  }
+  .group-enabled\/radio\:group-selected\/radio\:group-focus-visible\/radio\:before\:\[background-color\:var\(--fg-accent-primary-hover\)\] {
+    &:is(:where(.group\/radio):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/radio):where([data-selected], :checked) *) {
+        &:is(:where(.group\/radio):where([data-focus-visible], :focus-visible) *) {
+          &::before {
+            content: var(--tw-content);
+            background-color: var(--fg-accent-primary-hover);
+          }
         }
       }
     }
@@ -3499,6 +3798,18 @@
       }
     }
   }
+  .group-enabled\/radio\:group-selected\/radio\:group-pressed\/radio\:before\:\[background-color\:var\(--fg-accent-primary-pressed\)\] {
+    &:is(:where(.group\/radio):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/radio):where([data-selected], :checked) *) {
+        &:is(:where(.group\/radio):where([data-pressed], :active) *) {
+          &::before {
+            content: var(--tw-content);
+            background-color: var(--fg-accent-primary-pressed);
+          }
+        }
+      }
+    }
+  }
   .group-selected\/switch\:before\:mr-0 {
     &:is(:where(.group\/switch):where([data-selected], :checked) *) {
       &::before {
@@ -3515,35 +3826,47 @@
       }
     }
   }
-  .group-enabled\/switch\:group-selected\/switch\:before\:bg-accent-primary-bold {
+  .group-enabled\/switch\:group-selected\/switch\:before\:\[background-color\:var\(--fg-accent-primary-bold\)\] {
     &:is(:where(.group\/switch):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/switch):where([data-selected], :checked) *) {
         &::before {
           content: var(--tw-content);
-          background-color: var(--bg-accent-primary-bold);
+          background-color: var(--fg-accent-primary-bold);
         }
       }
     }
   }
-  .group-enabled\/switch\:group-selected\/switch\:group-hover\/switch\:before\:bg-accent-primary-bold {
+  .group-enabled\/switch\:group-selected\/switch\:group-hover\/switch\:before\:\[background-color\:var\(--fg-accent-primary-hover\)\] {
     &:is(:where(.group\/switch):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/switch):where([data-selected], :checked) *) {
         &:is(:where(.group\/switch):where([data-hovered], :hover) *) {
           &::before {
             content: var(--tw-content);
-            background-color: var(--bg-accent-primary-bold);
+            background-color: var(--fg-accent-primary-hover);
           }
         }
       }
     }
   }
-  .group-enabled\/switch\:group-selected\/switch\:group-focus-visible\/switch\:before\:bg-accent-primary-bold {
+  .group-enabled\/switch\:group-selected\/switch\:group-focus-visible\/switch\:before\:\[background-color\:var\(--fg-accent-primary-hover\)\] {
     &:is(:where(.group\/switch):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:is(:where(.group\/switch):where([data-selected], :checked) *) {
         &:is(:where(.group\/switch):where([data-focus-visible], :focus-visible) *) {
           &::before {
             content: var(--tw-content);
-            background-color: var(--bg-accent-primary-bold);
+            background-color: var(--fg-accent-primary-hover);
+          }
+        }
+      }
+    }
+  }
+  .group-enabled\/switch\:group-selected\/switch\:group-pressed\/switch\:before\:\[background-color\:var\(--fg-accent-primary-pressed\)\] {
+    &:is(:where(.group\/switch):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:is(:where(.group\/switch):where([data-selected], :checked) *) {
+        &:is(:where(.group\/switch):where([data-pressed], :active) *) {
+          &::before {
+            content: var(--tw-content);
+            background-color: var(--fg-accent-primary-pressed);
           }
         }
       }
@@ -3645,6 +3968,18 @@
       padding-inline: var(--spacing-none);
     }
   }
+  .group-enabled\/combobox-field\:focus-within\:outline-accent-primary-bold {
+    &:is(:where(.group\/combobox-field):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:where([data-focus-within], :focus-within) {
+        outline-color: var(--outline-accent-primary-bold);
+      }
+    }
+  }
+  .hover\:\[background-color\:var\(--fg-accent-primary-hover\)\] {
+    &:where([data-hovered], :hover) {
+      background-color: var(--fg-accent-primary-hover);
+    }
+  }
   .hover\:bg-info-bold {
     &:where([data-hovered], :hover) {
       background-color: var(--bg-info-bold);
@@ -3677,12 +4012,6 @@
       opacity: 100%;
     }
   }
-  .hover\:outline-4 {
-    &:where([data-hovered], :hover) {
-      outline-style: var(--tw-outline-style);
-      outline-width: 4px;
-    }
-  }
   .hover\:outline-interactive-hover {
     &:where([data-hovered], :hover) {
       outline-color: var(--outline-interactive-hover);
@@ -3727,6 +4056,11 @@
       background-color: var(--bg-accent-primary-bold);
     }
   }
+  .focus-visible\:bg-interactive-muted-hover {
+    &:where([data-focus-visible], :focus-visible) {
+      background-color: var(--bg-interactive-muted-hover);
+    }
+  }
   .focus-visible\:fg-a11y-on-accent {
     &:where([data-focus-visible], :focus-visible) {
       color: var(--fg-a11y-on-accent);
@@ -3739,12 +4073,6 @@
       --icon-color: var(--fg-info-hover);
     }
   }
-  .focus-visible\:outline-4 {
-    &:where([data-focus-visible], :focus-visible) {
-      outline-style: var(--tw-outline-style);
-      outline-width: 4px;
-    }
-  }
   .focus-visible\:outline-interactive-hover {
     &:where([data-focus-visible], :focus-visible) {
       outline-color: var(--outline-interactive-hover);
@@ -3756,6 +4084,13 @@
       outline-style: none;
     }
   }
+  .group-enabled\/combobox-field\:focus-visible\:outline-interactive-hover {
+    &:is(:where(.group\/combobox-field):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:where([data-focus-visible], :focus-visible) {
+        outline-color: var(--outline-interactive-hover);
+      }
+    }
+  }
   .group-enabled\/text-area-field\:focus-visible\:outline-accent-primary-bold {
     &:is(:where(.group\/text-area-field):where(:not([disabled], [data-disabled]), :enabled) *) {
       &:where([data-focus-visible], :focus-visible) {
@@ -3791,6 +4126,12 @@
       --icon-color: var(--fg-primary-bold);
     }
   }
+  .enabled\:fg-primary-muted {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      color: var(--fg-primary-muted);
+      --icon-color: var(--fg-primary-muted);
+    }
+  }
   .enabled\:group-invalid\/input\:outline-serious-bold {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:is(:where(.group\/input):where([invalid], [data-invalid], :invalid) *) {
@@ -3848,6 +4189,13 @@
       }
     }
   }
+  .enabled\:hover\:bg-accent-primary-muted {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-hovered], :hover) {
+        background-color: var(--bg-accent-primary-muted);
+      }
+    }
+  }
   .enabled\:hover\:bg-interactive-bold-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-hovered], :hover) {
@@ -3885,6 +4233,14 @@
       }
     }
   }
+  .enabled\:hover\:fg-hover {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-hovered], :hover) {
+        color: var(--fg-hover);
+        --icon-color: var(--fg-hover);
+      }
+    }
+  }
   .enabled\:hover\:fg-info-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-hovered], :hover) {
@@ -3901,6 +4257,14 @@
       }
     }
   }
+  .enabled\:hover\:outline-2 {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-hovered], :hover) {
+        outline-style: var(--tw-outline-style);
+        outline-width: 2px;
+      }
+    }
+  }
   .enabled\:hover\:outline-interactive-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-hovered], :hover) {
@@ -3908,13 +4272,13 @@
       }
     }
   }
-  .enabled\:hover\:group-orientation-horizontal\/tabs\:after\:bg-\[color\:var\(--outline-accent-primary-bold\)\] {
+  .enabled\:hover\:group-orientation-horizontal\/tabs\:after\:bg-\[color\:var\(--outline-interactive-hover\)\] {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-hovered], :hover) {
         &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
           &::after {
             content: var(--tw-content);
-            background-color: var(--outline-accent-primary-bold);
+            background-color: var(--outline-interactive-hover);
           }
         }
       }
@@ -3940,10 +4304,10 @@
       }
     }
   }
-  .enabled\:focus-visible\:bg-interactive-bold-hover {
+  .enabled\:focus-visible\:bg-accent-primary-muted {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-focus-visible], :focus-visible) {
-        background-color: var(--bg-interactive-bold-hover);
+        background-color: var(--bg-accent-primary-muted);
       }
     }
   }
@@ -3985,6 +4349,14 @@
       }
     }
   }
+  .enabled\:focus-visible\:outline-2 {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-focus-visible], :focus-visible) {
+        outline-style: var(--tw-outline-style);
+        outline-width: 2px;
+      }
+    }
+  }
   .enabled\:focus-visible\:outline-interactive-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-focus-visible], :focus-visible) {
@@ -4016,6 +4388,11 @@
       border-style: none;
     }
   }
+  .disabled\:\[background-color\:var\(--fg-disabled\)\] {
+    &:where([disabled], [data-disabled], :disabled) {
+      background-color: var(--fg-disabled);
+    }
+  }
   .disabled\:bg-interactive-disabled {
     &:where([disabled], [data-disabled], :disabled) {
       background-color: var(--bg-interactive-disabled);
@@ -4067,6 +4444,24 @@
       --drawer-main-col-start: 2;
     }
   }
+  .has-\[button\:focus-visible\]\:fg-hover {
+    &:has(*:is(button:focus-visible)) {
+      color: var(--fg-hover);
+      --icon-color: var(--fg-hover);
+    }
+  }
+  .has-\[button\:hover\]\:fg-hover {
+    &:has(*:is(button:hover)) {
+      color: var(--fg-hover);
+      --icon-color: var(--fg-hover);
+    }
+  }
+  .has-\[button\[data-pressed\]\]\:fg-pressed {
+    &:has(*:is(button[data-pressed])) {
+      color: var(--fg-pressed);
+      --icon-color: var(--fg-pressed);
+    }
+  }
   .has-\[\+\[data-selected\]\]\:not-selected\:border-b-\[var\(--outline-accent-primary-bold\)\] {
     &:has(+[data-selected]) {
       &:not(*:where([data-selected], :checked)) {
@@ -4074,6 +4469,11 @@
       }
     }
   }
+  .data-placement\:absolute {
+    &[data-placement] {
+      position: absolute;
+    }
+  }
   .not-has-\[\+\[data-selected\]\]\:data-selected\:border-b-\[var\(--outline-accent-primary-bold\)\] {
     &:not(*:has(+[data-selected])) {
       &[data-selected] {
@@ -4088,6 +4488,38 @@
       }
     }
   }
+  .data-\[placement\=bottom\]\:left-1\/2 {
+    &[data-placement="bottom"] {
+      left: calc(1/2 * 100%);
+    }
+  }
+  .data-\[placement\=bottom\]\:-translate-x-1\/2 {
+    &[data-placement="bottom"] {
+      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .data-\[placement\=left\]\:top-1\/2 {
+    &[data-placement="left"] {
+      top: calc(1/2 * 100%);
+    }
+  }
+  .data-\[placement\=right\]\:top-1\/2 {
+    &[data-placement="right"] {
+      top: calc(1/2 * 100%);
+    }
+  }
+  .data-\[placement\=top\]\:left-1\/2 {
+    &[data-placement="top"] {
+      left: calc(1/2 * 100%);
+    }
+  }
+  .data-\[placement\=top\]\:-translate-x-1\/2 {
+    &[data-placement="top"] {
+      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .data-\[push\~\=bottom\]\:\[--drawer-main-row-end\:3\] {
     &[data-push~="bottom"] {
       --drawer-main-row-end: 3;
@@ -4128,12 +4560,14 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
-  .color-info\:enabled\:fg-primary-bold {
+  .color-info\:bg-info-muted {
     &:where([data-color="info"]) {
-      &:where(:not([disabled], [data-disabled]), :enabled) {
-        color: var(--fg-primary-bold);
-        --icon-color: var(--fg-primary-bold);
-      }
+      background-color: var(--bg-info-muted);
+    }
+  }
+  .color-info\:outline-info-bold {
+    &:where([data-color="info"]) {
+      outline-color: var(--outline-info-bold);
     }
   }
   .enabled\:color-info\:fg-primary-muted {
@@ -4144,39 +4578,29 @@
       }
     }
   }
-  .color-info\:enabled\:open\:bg-accent-primary-bold {
-    &:where([data-color="info"]) {
-      &:where(:not([disabled], [data-disabled]), :enabled) {
-        &:where([open], [data-open], :open) {
-          background-color: var(--bg-accent-primary-bold);
-        }
-      }
-    }
-  }
-  .color-info\:enabled\:open\:fg-a11y-on-accent {
+  .color-info\:enabled\:open\:bg-accent-primary-muted {
     &:where([data-color="info"]) {
       &:where(:not([disabled], [data-disabled]), :enabled) {
         &:where([open], [data-open], :open) {
-          color: var(--fg-a11y-on-accent);
-          --icon-color: var(--fg-a11y-on-accent);
+          background-color: var(--bg-accent-primary-muted);
         }
       }
     }
   }
-  .color-info\:enabled\:hover\:bg-accent-primary-bold {
+  .color-info\:enabled\:hover\:bg-accent-primary-muted {
     &:where([data-color="info"]) {
       &:where(:not([disabled], [data-disabled]), :enabled) {
         &:where([data-hovered], :hover) {
-          background-color: var(--bg-accent-primary-bold);
+          background-color: var(--bg-accent-primary-muted);
         }
       }
     }
   }
-  .enabled\:hover\:color-info\:bg-accent-primary-bold {
+  .enabled\:hover\:color-info\:bg-accent-primary-muted {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-hovered], :hover) {
         &:where([data-color="info"]) {
-          background-color: var(--bg-accent-primary-bold);
+          background-color: var(--bg-accent-primary-muted);
         }
       }
     }
@@ -4190,16 +4614,6 @@
       }
     }
   }
-  .color-info\:enabled\:hover\:fg-a11y-on-accent {
-    &:where([data-color="info"]) {
-      &:where(:not([disabled], [data-disabled]), :enabled) {
-        &:where([data-hovered], :hover) {
-          color: var(--fg-a11y-on-accent);
-          --icon-color: var(--fg-a11y-on-accent);
-        }
-      }
-    }
-  }
   .enabled\:color-info\:hover\:fg-primary-bold {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-color="info"]) {
@@ -4210,30 +4624,20 @@
       }
     }
   }
-  .color-info\:enabled\:focus-visible\:bg-accent-primary-bold {
+  .color-info\:enabled\:focus-visible\:bg-accent-primary-muted {
     &:where([data-color="info"]) {
       &:where(:not([disabled], [data-disabled]), :enabled) {
         &:where([data-focus-visible], :focus-visible) {
-          background-color: var(--bg-accent-primary-bold);
+          background-color: var(--bg-accent-primary-muted);
         }
       }
     }
   }
-  .enabled\:focus-visible\:color-info\:bg-accent-primary-bold {
+  .enabled\:focus-visible\:color-info\:bg-accent-primary-muted {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-focus-visible], :focus-visible) {
         &:where([data-color="info"]) {
-          background-color: var(--bg-accent-primary-bold);
-        }
-      }
-    }
-  }
-  .color-info\:enabled\:focus-visible\:fg-a11y-on-accent {
-    &:where([data-color="info"]) {
-      &:where(:not([disabled], [data-disabled]), :enabled) {
-        &:where([data-focus-visible], :focus-visible) {
-          color: var(--fg-a11y-on-accent);
-          --icon-color: var(--fg-a11y-on-accent);
+          background-color: var(--bg-accent-primary-muted);
         }
       }
     }
@@ -4297,6 +4701,15 @@
       }
     }
   }
+  .enabled\:color-mono-muted\:hover\:bg-transparent {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-color="mono-muted"]) {
+        &:where([data-hovered], :hover) {
+          background-color: transparent;
+        }
+      }
+    }
+  }
   .enabled\:hover\:color-mono-muted\:bg-interactive-muted-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-hovered], :hover) {
@@ -4306,6 +4719,25 @@
       }
     }
   }
+  .enabled\:hover\:color-mono-muted\:bg-transparent {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-hovered], :hover) {
+        &:where([data-color="mono-muted"]) {
+          background-color: transparent;
+        }
+      }
+    }
+  }
+  .enabled\:hover\:color-mono-muted\:outline-1 {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-hovered], :hover) {
+        &:where([data-color="mono-muted"]) {
+          outline-style: var(--tw-outline-style);
+          outline-width: 1px;
+        }
+      }
+    }
+  }
   .enabled\:hover\:color-mono-muted\:outline-2 {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-hovered], :hover) {
@@ -4334,6 +4766,25 @@
       }
     }
   }
+  .enabled\:focus-visible\:color-mono-muted\:bg-transparent {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-focus-visible], :focus-visible) {
+        &:where([data-color="mono-muted"]) {
+          background-color: transparent;
+        }
+      }
+    }
+  }
+  .enabled\:focus-visible\:color-mono-muted\:outline-1 {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-focus-visible], :focus-visible) {
+        &:where([data-color="mono-muted"]) {
+          outline-style: var(--tw-outline-style);
+          outline-width: 1px;
+        }
+      }
+    }
+  }
   .enabled\:focus-visible\:color-mono-muted\:outline-2 {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-focus-visible], :focus-visible) {
@@ -4770,6 +5221,36 @@
       }
     }
   }
+  .color-advisory\:bg-advisory-muted {
+    &:where([data-color="advisory"]) {
+      background-color: var(--bg-advisory-muted);
+    }
+  }
+  .color-advisory\:outline-accent-primary-bold {
+    &:where([data-color="advisory"]) {
+      outline-color: var(--outline-accent-primary-bold);
+    }
+  }
+  .color-normal\:bg-normal-muted {
+    &:where([data-color="normal"]) {
+      background-color: var(--bg-normal-muted);
+    }
+  }
+  .color-normal\:outline-normal-bold {
+    &:where([data-color="normal"]) {
+      outline-color: var(--outline-normal-bold);
+    }
+  }
+  .color-serious\:bg-serious-muted {
+    &:where([data-color="serious"]) {
+      background-color: var(--bg-serious-muted);
+    }
+  }
+  .color-serious\:outline-serious-bold {
+    &:where([data-color="serious"]) {
+      outline-color: var(--outline-serious-bold);
+    }
+  }
   .enabled\:color-serious\:bg-serious-bold {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-color="serious"]) {
@@ -4791,14 +5272,6 @@
       }
     }
   }
-  .color-serious\:enabled\:fg-serious-bold {
-    &:where([data-color="serious"]) {
-      &:where(:not([disabled], [data-disabled]), :enabled) {
-        color: var(--fg-serious-bold);
-        --icon-color: var(--fg-serious-bold);
-      }
-    }
-  }
   .enabled\:color-serious\:fg-a11y-on-utility {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-color="serious"]) {
@@ -4845,30 +5318,20 @@
       }
     }
   }
-  .color-serious\:enabled\:open\:bg-serious-bold {
+  .color-serious\:enabled\:open\:bg-serious-muted {
     &:where([data-color="serious"]) {
       &:where(:not([disabled], [data-disabled]), :enabled) {
         &:where([open], [data-open], :open) {
-          background-color: var(--bg-serious-bold);
-        }
-      }
-    }
-  }
-  .color-serious\:enabled\:open\:fg-a11y-on-utility {
-    &:where([data-color="serious"]) {
-      &:where(:not([disabled], [data-disabled]), :enabled) {
-        &:where([open], [data-open], :open) {
-          color: var(--fg-a11y-on-utility);
-          --icon-color: var(--fg-a11y-on-utility);
+          background-color: var(--bg-serious-muted);
         }
       }
     }
   }
-  .color-serious\:enabled\:hover\:bg-serious-bold {
+  .color-serious\:enabled\:hover\:bg-serious-muted {
     &:where([data-color="serious"]) {
       &:where(:not([disabled], [data-disabled]), :enabled) {
         &:where([data-hovered], :hover) {
-          background-color: var(--bg-serious-bold);
+          background-color: var(--bg-serious-muted);
         }
       }
     }
@@ -4909,16 +5372,6 @@
       }
     }
   }
-  .color-serious\:enabled\:hover\:fg-a11y-on-utility {
-    &:where([data-color="serious"]) {
-      &:where(:not([disabled], [data-disabled]), :enabled) {
-        &:where([data-hovered], :hover) {
-          color: var(--fg-a11y-on-utility);
-          --icon-color: var(--fg-a11y-on-utility);
-        }
-      }
-    }
-  }
   .enabled\:hover\:color-serious\:fg-a11y-on-accent {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-hovered], :hover) {
@@ -4977,11 +5430,11 @@
       }
     }
   }
-  .color-serious\:enabled\:focus-visible\:bg-serious-bold {
+  .color-serious\:enabled\:focus-visible\:bg-serious-muted {
     &:where([data-color="serious"]) {
       &:where(:not([disabled], [data-disabled]), :enabled) {
         &:where([data-focus-visible], :focus-visible) {
-          background-color: var(--bg-serious-bold);
+          background-color: var(--bg-serious-muted);
         }
       }
     }
@@ -4995,15 +5448,6 @@
       }
     }
   }
-  .enabled\:focus-visible\:color-serious\:bg-serious-bold {
-    &:where(:not([disabled], [data-disabled]), :enabled) {
-      &:where([data-focus-visible], :focus-visible) {
-        &:where([data-color="serious"]) {
-          background-color: var(--bg-serious-bold);
-        }
-      }
-    }
-  }
   .enabled\:focus-visible\:color-serious\:bg-serious-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-focus-visible], :focus-visible) {
@@ -5017,17 +5461,7 @@
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-focus-visible], :focus-visible) {
         &:where([data-color="serious"]) {
-          background-color: var(--bg-serious-muted);
-        }
-      }
-    }
-  }
-  .color-serious\:enabled\:focus-visible\:fg-a11y-on-utility {
-    &:where([data-color="serious"]) {
-      &:where(:not([disabled], [data-disabled]), :enabled) {
-        &:where([data-focus-visible], :focus-visible) {
-          color: var(--fg-a11y-on-utility);
-          --icon-color: var(--fg-a11y-on-utility);
+          background-color: var(--bg-serious-muted);
         }
       }
     }
@@ -5090,6 +5524,16 @@
       }
     }
   }
+  .color-critical\:bg-critical-muted {
+    &:where([data-color="critical"]) {
+      background-color: var(--bg-critical-muted);
+    }
+  }
+  .color-critical\:outline-critical-bold {
+    &:where([data-color="critical"]) {
+      outline-color: var(--outline-critical-bold);
+    }
+  }
   .enabled\:color-critical\:bg-critical-bold {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-color="critical"]) {
@@ -5157,6 +5601,24 @@
       }
     }
   }
+  .color-critical\:enabled\:open\:bg-critical-muted {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([open], [data-open], :open) {
+          background-color: var(--bg-critical-muted);
+        }
+      }
+    }
+  }
+  .color-critical\:enabled\:hover\:bg-critical-muted {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-hovered], :hover) {
+          background-color: var(--bg-critical-muted);
+        }
+      }
+    }
+  }
   .enabled\:hover\:color-critical\:bg-critical-bold {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-hovered], :hover) {
@@ -5242,6 +5704,15 @@
       }
     }
   }
+  .color-critical\:enabled\:focus-visible\:bg-critical-muted {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-focus-visible], :focus-visible) {
+          background-color: var(--bg-critical-muted);
+        }
+      }
+    }
+  }
   .enabled\:focus-visible\:color-critical\:bg-critical-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-focus-visible], :focus-visible) {
@@ -5318,6 +5789,11 @@
       }
     }
   }
+  .placement-left\:left-0 {
+    &:where([data-placement~="left"]) {
+      left: var(--spacing-0);
+    }
+  }
   .placement-left\:left-\[attr\(data-offset-x_px\,0px\)\] {
     &:where([data-placement~="left"]) {
       left: attr(data-offset-x px,0px);
@@ -5370,6 +5846,11 @@
       }
     }
   }
+  .placement-right\:right-0 {
+    &:where([data-placement~="right"]) {
+      right: var(--spacing-0);
+    }
+  }
   .placement-right\:right-\[attr\(data-offset-x_px\,0px\)\] {
     &:where([data-placement~="right"]) {
       right: attr(data-offset-x px,0px);
@@ -5422,6 +5903,11 @@
       }
     }
   }
+  .placement-top\:top-0 {
+    &:where([data-placement~="top"]) {
+      top: var(--spacing-0);
+    }
+  }
   .placement-top\:top-\[attr\(data-offset-y_px\,0px\)\] {
     &:where([data-placement~="top"]) {
       top: attr(data-offset-y px,0px);
@@ -5474,6 +5960,11 @@
       }
     }
   }
+  .placement-bottom\:bottom-0 {
+    &:where([data-placement~="bottom"]) {
+      bottom: var(--spacing-0);
+    }
+  }
   .placement-bottom\:bottom-\[attr\(data-offset-y_px\,0px\)\] {
     &:where([data-placement~="bottom"]) {
       bottom: attr(data-offset-y px,0px);
@@ -5536,6 +6027,11 @@
       max-width: var(--spacing-xxl);
     }
   }
+  .size-large\:min-w-0 {
+    &:where([data-size="large"]) {
+      min-width: var(--spacing-0);
+    }
+  }
   .size-large\:min-w-\[96px\] {
     &:where([data-size="large"]) {
       min-width: 96px;
@@ -5590,11 +6086,26 @@
       min-height: var(--spacing-xl);
     }
   }
+  .size-medium\:max-w-\[16px\] {
+    &:where([data-size="medium"]) {
+      max-width: 16px;
+    }
+  }
   .size-medium\:max-w-\[28px\] {
     &:where([data-size="medium"]) {
       max-width: 28px;
     }
   }
+  .size-medium\:min-w-0 {
+    &:where([data-size="medium"]) {
+      min-width: var(--spacing-0);
+    }
+  }
+  .size-medium\:min-w-\[16px\] {
+    &:where([data-size="medium"]) {
+      min-width: 16px;
+    }
+  }
   .size-medium\:min-w-\[28px\] {
     &:where([data-size="medium"]) {
       min-width: 28px;
@@ -5605,11 +6116,36 @@
       min-width: 68px;
     }
   }
+  .size-medium\:min-w-\[220px\] {
+    &:where([data-size="medium"]) {
+      min-width: 220px;
+    }
+  }
+  .size-medium\:gap-l {
+    &:where([data-size="medium"]) {
+      gap: var(--spacing-l);
+    }
+  }
+  .size-medium\:gap-s {
+    &:where([data-size="medium"]) {
+      gap: var(--spacing-s);
+    }
+  }
   .size-medium\:gap-xs {
     &:where([data-size="medium"]) {
       gap: var(--spacing-xs);
     }
   }
+  .size-medium\:p-0 {
+    &:where([data-size="medium"]) {
+      padding: var(--spacing-0);
+    }
+  }
+  .size-medium\:p-l {
+    &:where([data-size="medium"]) {
+      padding: var(--spacing-l);
+    }
+  }
   .size-medium\:p-xs {
     &:where([data-size="medium"]) {
       padding: var(--spacing-xs);
@@ -5672,6 +6208,20 @@
       --icon-size: var(--icon-size-m);
     }
   }
+  .group-data-placement\/region\:size-medium\:max-w-\[640px\] {
+    &:is(:where(.group\/region)[data-placement] *) {
+      &:where([data-size="medium"]) {
+        max-width: 640px;
+      }
+    }
+  }
+  .group-data-placement\/region\:size-medium\:min-w-\[200px\] {
+    &:is(:where(.group\/region)[data-placement] *) {
+      &:where([data-size="medium"]) {
+        min-width: 200px;
+      }
+    }
+  }
   .size-small\:size-xl {
     &:where([data-size="small"]) {
       width: var(--spacing-xl);
@@ -5683,11 +6233,26 @@
       min-height: var(--spacing-l);
     }
   }
+  .size-small\:max-w-\[12px\] {
+    &:where([data-size="small"]) {
+      max-width: 12px;
+    }
+  }
   .size-small\:max-w-xl {
     &:where([data-size="small"]) {
       max-width: var(--spacing-xl);
     }
   }
+  .size-small\:min-w-0 {
+    &:where([data-size="small"]) {
+      min-width: var(--spacing-0);
+    }
+  }
+  .size-small\:min-w-\[12px\] {
+    &:where([data-size="small"]) {
+      min-width: 12px;
+    }
+  }
   .size-small\:min-w-\[54px\] {
     &:where([data-size="small"]) {
       min-width: 54px;
@@ -5698,6 +6263,21 @@
       min-width: var(--spacing-xl);
     }
   }
+  .size-small\:flex-col {
+    &:where([data-size="small"]) {
+      flex-direction: column;
+    }
+  }
+  .size-small\:flex-wrap {
+    &:where([data-size="small"]) {
+      flex-wrap: wrap;
+    }
+  }
+  .size-small\:gap-m {
+    &:where([data-size="small"]) {
+      gap: var(--spacing-m);
+    }
+  }
   .size-small\:gap-xxs {
     &:where([data-size="small"]) {
       gap: var(--spacing-xxs);
@@ -5708,6 +6288,16 @@
       border-radius: var(--radius-small);
     }
   }
+  .size-small\:p-0 {
+    &:where([data-size="small"]) {
+      padding: var(--spacing-0);
+    }
+  }
+  .size-small\:p-s {
+    &:where([data-size="small"]) {
+      padding: var(--spacing-s);
+    }
+  }
   .size-small\:p-xxs {
     &:where([data-size="small"]) {
       padding: var(--spacing-xxs);
@@ -5757,11 +6347,30 @@
       --icon-size: var(--icon-size-s);
     }
   }
+  .group-data-placement\/region\:size-small\:max-w-\[320px\] {
+    &:is(:where(.group\/region)[data-placement] *) {
+      &:where([data-size="small"]) {
+        max-width: 320px;
+      }
+    }
+  }
+  .group-data-placement\/region\:size-small\:min-w-\[120px\] {
+    &:is(:where(.group\/region)[data-placement] *) {
+      &:where([data-size="small"]) {
+        min-width: 120px;
+      }
+    }
+  }
   .size-xsmall\:max-w-\[20px\] {
     &:where([data-size="xsmall"]) {
       max-width: 20px;
     }
   }
+  .size-xsmall\:min-w-0 {
+    &:where([data-size="xsmall"]) {
+      min-width: var(--spacing-0);
+    }
+  }
   .size-xsmall\:min-w-\[20px\] {
     &:where([data-size="xsmall"]) {
       min-width: 20px;
@@ -5901,11 +6510,6 @@
       height: 1px;
     }
   }
-  .orientation-horizontal\:h-xl {
-    &:where([data-orientation="horizontal"]) {
-      height: var(--spacing-xl);
-    }
-  }
   .orientation-horizontal\:w-full {
     &:where([data-orientation="horizontal"]) {
       width: 100%;
@@ -6023,11 +6627,9 @@
       }
     }
   }
-  .group-enabled\/combobox-field\:focus-visible-within\:outline-accent-primary-bold {
-    &:is(:where(.group\/combobox-field):where(:not([disabled], [data-disabled]), :enabled) *) {
-      &:where(:has([data-focus-visible], :focus-visible)) {
-        outline-color: var(--outline-accent-primary-bold);
-      }
+  .pressed\:bg-interactive-muted-pressed {
+    &:where([data-pressed], :active) {
+      background-color: var(--bg-interactive-muted-pressed);
     }
   }
   .pressed\:outline-interactive-pressed {
@@ -6042,17 +6644,24 @@
       }
     }
   }
-  .enabled\:pressed\:bg-accent-primary-pressed {
+  .group-enabled\/combobox-field\:pressed\:outline-interactive-pressed {
+    &:is(:where(.group\/combobox-field):where(:not([disabled], [data-disabled]), :enabled) *) {
+      &:where([data-pressed], :active) {
+        outline-color: var(--outline-interactive-pressed);
+      }
+    }
+  }
+  .enabled\:pressed\:bg-accent-primary-muted {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {
-        background-color: var(--bg-accent-primary-pressed);
+        background-color: var(--bg-accent-primary-muted);
       }
     }
   }
-  .enabled\:pressed\:bg-interactive-bold-pressed {
+  .enabled\:pressed\:bg-accent-primary-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {
-        background-color: var(--bg-interactive-bold-pressed);
+        background-color: var(--bg-accent-primary-pressed);
       }
     }
   }
@@ -6078,6 +6687,69 @@
       }
     }
   }
+  .enabled\:pressed\:fg-pressed {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-pressed], :active) {
+        color: var(--fg-pressed);
+        --icon-color: var(--fg-pressed);
+      }
+    }
+  }
+  .enabled\:pressed\:outline-1 {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-pressed], :active) {
+        outline-style: var(--tw-outline-style);
+        outline-width: 1px;
+      }
+    }
+  }
+  .enabled\:pressed\:outline-accent-primary-pressed {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-pressed], :active) {
+        outline-color: var(--outline-accent-primary-pressed);
+      }
+    }
+  }
+  .enabled\:pressed\:group-orientation-horizontal\/tabs\:after\:bg-\[color\:var\(--outline-interactive-pressed\)\] {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-pressed], :active) {
+        &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+          &::after {
+            content: var(--tw-content);
+            background-color: var(--outline-interactive-pressed);
+          }
+        }
+      }
+    }
+  }
+  .color-info\:enabled\:pressed\:bg-accent-primary-pressed {
+    &:where([data-color="info"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-pressed], :active) {
+          background-color: var(--bg-accent-primary-pressed);
+        }
+      }
+    }
+  }
+  .enabled\:pressed\:color-info\:bg-accent-primary-pressed {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-pressed], :active) {
+        &:where([data-color="info"]) {
+          background-color: var(--bg-accent-primary-pressed);
+        }
+      }
+    }
+  }
+  .color-info\:enabled\:pressed\:fg-accent-primary-bold {
+    &:where([data-color="info"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-pressed], :active) {
+          color: var(--fg-accent-primary-bold);
+          --icon-color: var(--fg-accent-primary-bold);
+        }
+      }
+    }
+  }
   .enabled\:pressed\:color-mono-muted\:bg-interactive-muted-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {
@@ -6087,6 +6759,15 @@
       }
     }
   }
+  .enabled\:pressed\:color-mono-muted\:bg-transparent {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-pressed], :active) {
+        &:where([data-color="mono-muted"]) {
+          background-color: transparent;
+        }
+      }
+    }
+  }
   .enabled\:pressed\:color-mono-muted\:fg-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {
@@ -6107,6 +6788,16 @@
       }
     }
   }
+  .enabled\:pressed\:color-mono-muted\:outline-1 {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-pressed], :active) {
+        &:where([data-color="mono-muted"]) {
+          outline-style: var(--tw-outline-style);
+          outline-width: 1px;
+        }
+      }
+    }
+  }
   .enabled\:pressed\:color-mono-muted\:outline-2 {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {
@@ -6117,6 +6808,15 @@
       }
     }
   }
+  .enabled\:pressed\:color-mono-muted\:outline-accent-primary-bold {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-pressed], :active) {
+        &:where([data-color="mono-muted"]) {
+          outline-color: var(--outline-accent-primary-bold);
+        }
+      }
+    }
+  }
   .enabled\:pressed\:color-mono-muted\:outline-interactive-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {
@@ -6250,6 +6950,15 @@
       }
     }
   }
+  .color-serious\:enabled\:pressed\:bg-serious-pressed {
+    &:where([data-color="serious"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-pressed], :active) {
+          background-color: var(--bg-serious-pressed);
+        }
+      }
+    }
+  }
   .enabled\:pressed\:color-serious\:bg-interactive-muted-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {
@@ -6268,6 +6977,16 @@
       }
     }
   }
+  .color-serious\:enabled\:pressed\:fg-serious-bold {
+    &:where([data-color="serious"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-pressed], :active) {
+          color: var(--fg-serious-bold);
+          --icon-color: var(--fg-serious-bold);
+        }
+      }
+    }
+  }
   .enabled\:pressed\:color-serious\:fg-serious-bold {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {
@@ -6307,6 +7026,15 @@
       }
     }
   }
+  .color-critical\:enabled\:pressed\:bg-critical-pressed {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-pressed], :active) {
+          background-color: var(--bg-critical-pressed);
+        }
+      }
+    }
+  }
   .enabled\:pressed\:color-critical\:bg-critical-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {
@@ -6325,6 +7053,16 @@
       }
     }
   }
+  .color-critical\:enabled\:pressed\:fg-critical-bold {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-pressed], :active) {
+          color: var(--fg-critical-bold);
+          --icon-color: var(--fg-critical-bold);
+        }
+      }
+    }
+  }
   .enabled\:pressed\:color-critical\:fg-critical-bold {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {
@@ -6431,6 +7169,14 @@
       }
     }
   }
+  .enabled\:selected\:inset-shadow-\[3px_0_0_0_\] {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-selected], :checked) {
+        --tw-inset-shadow: inset 3px 0 0 0 var(--tw-inset-shadow-color, currentcolor);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
   .enabled\:selected\:outline-accent-primary-bold {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -6450,86 +7196,68 @@
       }
     }
   }
-  .enabled\:selected\:hover\:bg-accent-primary-hover {
-    &:where(:not([disabled], [data-disabled]), :enabled) {
-      &:where([data-selected], :checked) {
-        &:where([data-hovered], :hover) {
-          background-color: var(--bg-accent-primary-hover);
-        }
-      }
-    }
-  }
-  .enabled\:selected\:hover\:fg-accent-primary-bold {
+  .enabled\:selected\:hover\:bg-accent-primary-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
         &:where([data-hovered], :hover) {
-          color: var(--fg-accent-primary-bold);
-          --icon-color: var(--fg-accent-primary-bold);
+          background-color: var(--bg-accent-primary-hover);
         }
       }
     }
   }
-  .enabled\:selected\:hover\:outline-interactive-hover {
+  .enabled\:selected\:hover\:fg-accent-primary-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
         &:where([data-hovered], :hover) {
-          outline-color: var(--outline-interactive-hover);
+          color: var(--fg-accent-primary-hover);
+          --icon-color: var(--fg-accent-primary-hover);
         }
       }
     }
   }
-  .enabled\:selected\:hover\:group-orientation-horizontal\/tabs\:after\:bg-\[color\:var\(--outline-accent-primary-bold\)\] {
+  .enabled\:selected\:hover\:group-orientation-horizontal\/tabs\:after\:bg-\[color\:var\(--outline-accent-primary-hover\)\] {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
         &:where([data-hovered], :hover) {
           &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
             &::after {
               content: var(--tw-content);
-              background-color: var(--outline-accent-primary-bold);
+              background-color: var(--outline-accent-primary-hover);
             }
           }
         }
       }
     }
   }
-  .enabled\:selected\:focus\:fg-accent-primary-bold {
-    &:where(:not([disabled], [data-disabled]), :enabled) {
-      &:where([data-selected], :checked) {
-        &:where([data-focused], :focus) {
-          color: var(--fg-accent-primary-bold);
-          --icon-color: var(--fg-accent-primary-bold);
-        }
-      }
-    }
-  }
-  .enabled\:selected\:focus\:group-orientation-horizontal\/tabs\:after\:bg-\[color\:var\(--outline-accent-primary-bold\)\] {
+  .enabled\:selected\:focus-visible\:bg-accent-primary-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
-        &:where([data-focused], :focus) {
-          &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
-            &::after {
-              content: var(--tw-content);
-              background-color: var(--outline-accent-primary-bold);
-            }
-          }
+        &:where([data-focus-visible], :focus-visible) {
+          background-color: var(--bg-accent-primary-hover);
         }
       }
     }
   }
-  .enabled\:selected\:focus-visible\:bg-accent-primary-hover {
+  .enabled\:selected\:focus-visible\:fg-accent-primary-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
         &:where([data-focus-visible], :focus-visible) {
-          background-color: var(--bg-accent-primary-hover);
+          color: var(--fg-accent-primary-hover);
+          --icon-color: var(--fg-accent-primary-hover);
         }
       }
     }
   }
-  .enabled\:selected\:focus-visible\:outline-interactive-hover {
+  .enabled\:selected\:focus-visible\:group-orientation-horizontal\/tabs\:after\:bg-\[color\:var\(--outline-accent-primary-hover\)\] {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
         &:where([data-focus-visible], :focus-visible) {
-          outline-color: var(--outline-interactive-hover);
+          &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+            &::after {
+              content: var(--tw-content);
+              background-color: var(--outline-accent-primary-hover);
+            }
+          }
         }
       }
     }
@@ -6556,21 +7284,45 @@
       }
     }
   }
-  .color-info\:enabled\:selected\:bg-accent-primary-bold {
+  .color-info\:enabled\:selected\:bg-accent-primary-muted {
     &:where([data-color="info"]) {
       &:where(:not([disabled], [data-disabled]), :enabled) {
         &:where([data-selected], :checked) {
-          background-color: var(--bg-accent-primary-bold);
+          background-color: var(--bg-accent-primary-muted);
         }
       }
     }
   }
-  .color-info\:enabled\:selected\:fg-a11y-on-accent {
+  .color-info\:enabled\:selected\:inset-shadow-\[color\:var\(--outline-accent-primary-bold\)\] {
     &:where([data-color="info"]) {
       &:where(:not([disabled], [data-disabled]), :enabled) {
         &:where([data-selected], :checked) {
-          color: var(--fg-a11y-on-accent);
-          --icon-color: var(--fg-a11y-on-accent);
+          --tw-inset-shadow-color: var(--outline-accent-primary-bold);
+          @supports (color: color-mix(in lab, red, red)) {
+            --tw-inset-shadow-color: color-mix(in oklab, var(--outline-accent-primary-bold) var(--tw-inset-shadow-alpha), transparent);
+          }
+        }
+      }
+    }
+  }
+  .color-info\:enabled\:selected\:hover\:bg-accent-primary-bold {
+    &:where([data-color="info"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-hovered], :hover) {
+            background-color: var(--bg-accent-primary-bold);
+          }
+        }
+      }
+    }
+  }
+  .color-info\:enabled\:selected\:focus-visible\:bg-accent-primary-bold {
+    &:where([data-color="info"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-focus-visible], :focus-visible) {
+            background-color: var(--bg-accent-primary-bold);
+          }
         }
       }
     }
@@ -7045,11 +7797,11 @@
       }
     }
   }
-  .color-serious\:enabled\:selected\:bg-serious-bold {
+  .color-serious\:enabled\:selected\:bg-serious-muted {
     &:where([data-color="serious"]) {
       &:where(:not([disabled], [data-disabled]), :enabled) {
         &:where([data-selected], :checked) {
-          background-color: var(--bg-serious-bold);
+          background-color: var(--bg-serious-muted);
         }
       }
     }
@@ -7063,16 +7815,6 @@
       }
     }
   }
-  .color-serious\:enabled\:selected\:fg-a11y-on-utility {
-    &:where([data-color="serious"]) {
-      &:where(:not([disabled], [data-disabled]), :enabled) {
-        &:where([data-selected], :checked) {
-          color: var(--fg-a11y-on-utility);
-          --icon-color: var(--fg-a11y-on-utility);
-        }
-      }
-    }
-  }
   .enabled\:selected\:color-serious\:fg-primary-bold {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7093,6 +7835,18 @@
       }
     }
   }
+  .color-serious\:enabled\:selected\:inset-shadow-\[color\:var\(--outline-serious-bold\)\] {
+    &:where([data-color="serious"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          --tw-inset-shadow-color: var(--outline-serious-bold);
+          @supports (color: color-mix(in lab, red, red)) {
+            --tw-inset-shadow-color: color-mix(in oklab, var(--outline-serious-bold) var(--tw-inset-shadow-alpha), transparent);
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:color-serious\:outline {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7121,6 +7875,17 @@
       }
     }
   }
+  .color-serious\:enabled\:selected\:hover\:bg-serious-bold {
+    &:where([data-color="serious"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-hovered], :hover) {
+            background-color: var(--bg-serious-bold);
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:hover\:color-serious\:bg-serious-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7167,6 +7932,17 @@
       }
     }
   }
+  .color-serious\:enabled\:selected\:focus-visible\:bg-serious-bold {
+    &:where([data-color="serious"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-focus-visible], :focus-visible) {
+            background-color: var(--bg-serious-bold);
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:focus-visible\:color-serious\:bg-serious-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7213,6 +7989,15 @@
       }
     }
   }
+  .color-critical\:enabled\:selected\:bg-critical-muted {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          background-color: var(--bg-critical-muted);
+        }
+      }
+    }
+  }
   .enabled\:selected\:color-critical\:bg-critical-muted {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7242,6 +8027,18 @@
       }
     }
   }
+  .color-critical\:enabled\:selected\:inset-shadow-\[color\:var\(--outline-critical-bold\)\] {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          --tw-inset-shadow-color: var(--outline-critical-bold);
+          @supports (color: color-mix(in lab, red, red)) {
+            --tw-inset-shadow-color: color-mix(in oklab, var(--outline-critical-bold) var(--tw-inset-shadow-alpha), transparent);
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:color-critical\:outline {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7270,6 +8067,17 @@
       }
     }
   }
+  .color-critical\:enabled\:selected\:hover\:bg-critical-bold {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-hovered], :hover) {
+            background-color: var(--bg-critical-bold);
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:hover\:color-critical\:bg-critical-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7328,6 +8136,17 @@
       }
     }
   }
+  .color-critical\:enabled\:selected\:focus-visible\:bg-critical-bold {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-focus-visible], :focus-visible) {
+            background-color: var(--bg-critical-bold);
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:focus-visible\:color-critical\:bg-critical-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7395,6 +8214,85 @@
       }
     }
   }
+  .enabled\:selected\:pressed\:bg-interactive-muted-pressed {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-selected], :checked) {
+        &:where([data-pressed], :active) {
+          background-color: var(--bg-interactive-muted-pressed);
+        }
+      }
+    }
+  }
+  .enabled\:selected\:pressed\:fg-accent-primary-pressed {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-selected], :checked) {
+        &:where([data-pressed], :active) {
+          color: var(--fg-accent-primary-pressed);
+          --icon-color: var(--fg-accent-primary-pressed);
+        }
+      }
+    }
+  }
+  .enabled\:selected\:pressed\:outline-accent-primary-pressed {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-selected], :checked) {
+        &:where([data-pressed], :active) {
+          outline-color: var(--outline-accent-primary-pressed);
+        }
+      }
+    }
+  }
+  .enabled\:selected\:pressed\:group-orientation-horizontal\/tabs\:after\:bg-\[color\:var\(--outline-accent-primary-pressed\)\] {
+    &:where(:not([disabled], [data-disabled]), :enabled) {
+      &:where([data-selected], :checked) {
+        &:where([data-pressed], :active) {
+          &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+            &::after {
+              content: var(--tw-content);
+              background-color: var(--outline-accent-primary-pressed);
+            }
+          }
+        }
+      }
+    }
+  }
+  .color-info\:enabled\:selected\:pressed\:bg-accent-primary-pressed {
+    &:where([data-color="info"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-pressed], :active) {
+            background-color: var(--bg-accent-primary-pressed);
+          }
+        }
+      }
+    }
+  }
+  .color-info\:enabled\:selected\:pressed\:fg-accent-primary-bold {
+    &:where([data-color="info"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-pressed], :active) {
+            color: var(--fg-accent-primary-bold);
+            --icon-color: var(--fg-accent-primary-bold);
+          }
+        }
+      }
+    }
+  }
+  .color-info\:enabled\:selected\:pressed\:inset-shadow-\[color\:var\(--outline-accent-primary-pressed\)\] {
+    &:where([data-color="info"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-pressed], :active) {
+            --tw-inset-shadow-color: var(--outline-accent-primary-pressed);
+            @supports (color: color-mix(in lab, red, red)) {
+              --tw-inset-shadow-color: color-mix(in oklab, var(--outline-accent-primary-pressed) var(--tw-inset-shadow-alpha), transparent);
+            }
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:pressed\:color-mono-muted\:bg-interactive-muted-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7556,6 +8454,17 @@
       }
     }
   }
+  .color-serious\:enabled\:selected\:pressed\:bg-serious-pressed {
+    &:where([data-color="serious"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-pressed], :active) {
+            background-color: var(--bg-serious-pressed);
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:pressed\:color-serious\:bg-serious-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7567,6 +8476,18 @@
       }
     }
   }
+  .color-serious\:enabled\:selected\:pressed\:fg-serious-bold {
+    &:where([data-color="serious"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-pressed], :active) {
+            color: var(--fg-serious-bold);
+            --icon-color: var(--fg-serious-bold);
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:pressed\:color-serious\:fg-serious-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7579,6 +8500,20 @@
       }
     }
   }
+  .color-serious\:enabled\:selected\:pressed\:inset-shadow-\[color\:var\(--outline-serious-pressed\)\] {
+    &:where([data-color="serious"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-pressed], :active) {
+            --tw-inset-shadow-color: var(--outline-serious-pressed);
+            @supports (color: color-mix(in lab, red, red)) {
+              --tw-inset-shadow-color: color-mix(in oklab, var(--outline-serious-pressed) var(--tw-inset-shadow-alpha), transparent);
+            }
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:pressed\:color-serious\:outline-2 {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7602,6 +8537,17 @@
       }
     }
   }
+  .color-critical\:enabled\:selected\:pressed\:bg-critical-pressed {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-pressed], :active) {
+            background-color: var(--bg-critical-pressed);
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:pressed\:color-critical\:bg-critical-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7613,6 +8559,18 @@
       }
     }
   }
+  .color-critical\:enabled\:selected\:pressed\:fg-critical-bold {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-pressed], :active) {
+            color: var(--fg-critical-bold);
+            --icon-color: var(--fg-critical-bold);
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:pressed\:color-critical\:fg-critical-bold {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7637,6 +8595,20 @@
       }
     }
   }
+  .color-critical\:enabled\:selected\:pressed\:inset-shadow-\[color\:var\(--outline-critical-pressed\)\] {
+    &:where([data-color="critical"]) {
+      &:where(:not([disabled], [data-disabled]), :enabled) {
+        &:where([data-selected], :checked) {
+          &:where([data-pressed], :active) {
+            --tw-inset-shadow-color: var(--outline-critical-pressed);
+            @supports (color: color-mix(in lab, red, red)) {
+              --tw-inset-shadow-color: color-mix(in oklab, var(--outline-critical-pressed) var(--tw-inset-shadow-alpha), transparent);
+            }
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:pressed\:color-critical\:outline-2 {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -7671,6 +8643,38 @@
       border-bottom-color: var(--outline-accent-primary-bold);
     }
   }
+  .dragging\:\[background-color\:var\(--fg-a11y-on-accent\)\] {
+    &:where([data-dragging]) {
+      background-color: var(--fg-a11y-on-accent);
+    }
+  }
+  .dragging\:ring-8 {
+    &:where([data-dragging]) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .dragging\:ring-\[rgba\(110\,209\,255\,0\.08\)\] {
+    &:where([data-dragging]) {
+      --tw-ring-color: rgba(110,209,255,0.08);
+    }
+  }
+  .dragging\:outline {
+    &:where([data-dragging]) {
+      outline-style: var(--tw-outline-style);
+      outline-width: 1px;
+    }
+  }
+  .dragging\:outline {
+    &:where([data-dragging]) {
+      outline-offset: -1px;
+    }
+  }
+  .dragging\:outline-interactive-hover {
+    &:where([data-dragging]) {
+      outline-color: var(--outline-interactive-hover);
+    }
+  }
   .drop-target\:border {
     &:where([data-drop-target]) {
       border-style: var(--tw-border-style);
@@ -8155,7 +9159,7 @@
       --fg-inverse-muted: var(--primitive-neutral-400, #888a8f);
       --fg-disabled: var(--primitive-neutral-300, #c3c5c7);
       --fg-accent-primary-bold: var(--primitive-accent-primary-300, #39b7fa);
-      --fg-accent-primary-hover: var(--primitive-accent-primary-200, #6ed1ff);
+      --fg-accent-primary-hover: var(--primitive-accent-primary-700, #004f7e);
       --fg-accent-primary-pressed: var(--primitive-accent-primary-600, #0068a1);
       --fg-info-bold: var(--primitive-utility-info-600, #414245);
       --fg-info-hover: var(--primitive-utility-info-700, #38393A);
@@ -8205,7 +9209,10 @@
     }
   }
 }
-body {
+html {
+  background-color: var(--bg-surface-default);
+  color: var(--fg-primary-bold);
+  --icon-color: var(--fg-primary-bold);
   font-family: var(--font-primary);
 }
 @layer components {
@@ -8225,42 +9232,6 @@ body {
     border: 5px solid transparent;
     background-clip: padding-box;
   }
-  .queryBuilder .rule-lines::before {
-    content: '';
-    width: 10px;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 50%;
-    background-image: repeating-linear-gradient(to bottom, var(--primitive-neutral-400), var(--primitive-neutral-400)), repeating-linear-gradient(to right, var(--primitive-neutral-400), var(--primitive-neutral-400));
-    background-position: left -1px, center;
-    background-repeat: repeat-y, repeat-x;
-    background-size: 1px 4px, 4px 1px;
-  }
-  .queryBuilder .group > span.rule-lines:last-of-type::before {
-    content: '';
-    width: 10px;
-    position: absolute;
-    top: 0;
-    bottom: 50%;
-    left: 50%;
-    background-image: repeating-linear-gradient(to bottom,var(--primitive-neutral-400), var(--primitive-neutral-400)), repeating-linear-gradient(to right, var(--primitive-neutral-400), var(--primitive-neutral-400));
-    background-position: left -1px, bottom;
-    background-repeat: repeat-y, repeat-x;
-    background-size: 1px 4px, 4px 1px;
-  }
-  .queryBuilder .group > span.rule-lines:last-of-type:has(~ div.group)::before {
-    content: '';
-    width: 10px;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 50%;
-    background-image: repeating-linear-gradient(to bottom, var(--primitive-neutral-400), var(--primitive-neutral-400)), repeating-linear-gradient(to right, var(--primitive-neutral-400), var(--primitive-neutral-400));
-    background-position: left -1px, center;
-    background-repeat: repeat-y, repeat-x;
-    background-size: 1px 4px, 4px 1px;
-  }
 }
 @property --tw-rotate-x {
   syntax: "*";
@@ -8423,10 +9394,6 @@ body {
   syntax: "*";
   inherits: false;
 }
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-text-shadow-color {
   syntax: "*";
   inherits: false;
@@ -8506,7 +9473,6 @@ body {
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
-      --tw-duration: initial;
       --tw-text-shadow-color: initial;
       --tw-text-shadow-alpha: 100%;
       --tw-translate-x: 0;