@accelint/design-toolkit 5.2.0 → 6.0.0

package/dist/styles.css

@@ -1,99 +1,99 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.14 | 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;
@@ -463,6 +463,9 @@
   .mt-xl {
     margin-top: var(--spacing-xl);
   }
+  .mb-l {
+    margin-bottom: var(--spacing-l);
+  }
   .mb-m {
     margin-bottom: var(--spacing-m);
   }
@@ -946,6 +949,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);
   }
@@ -1655,15 +1661,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;
@@ -2285,12 +2282,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 +2346,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 +2410,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 +2469,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,6 +2671,11 @@
       line-height: var(--typography-body-s-height);
     }
   }
+  .group-size-medium\/notice\:gap-l {
+    &:is(:where(.group\/notice):where([data-size="medium"]) *) {
+      gap: var(--spacing-l);
+    }
+  }
   .group-size-medium\/select-field\:min-w-\[220px\] {
     &:is(:where(.group\/select-field):where([data-size="medium"]) *) {
       min-width: 220px;
@@ -2886,6 +2864,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 +3072,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);
@@ -3645,14 +3637,16 @@
       padding-inline: var(--spacing-none);
     }
   }
-  .hover\:bg-info-bold {
-    &:where([data-hovered], :hover) {
-      background-color: var(--bg-info-bold);
+  .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\:bg-interactive-muted-hover {
+  .hover\:bg-info-bold {
     &:where([data-hovered], :hover) {
-      background-color: var(--bg-interactive-muted-hover);
+      background-color: var(--bg-info-bold);
     }
   }
   .hover\:fg-info-hover {
@@ -3756,6 +3750,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) {
@@ -3848,6 +3849,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) {
@@ -3908,13 +3916,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 +3948,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);
       }
     }
   }
@@ -4074,6 +4082,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 +4101,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,6 +4173,16 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .color-info\:bg-info-muted {
+    &:where([data-color="info"]) {
+      background-color: var(--bg-info-muted);
+    }
+  }
+  .color-info\:outline-info-bold {
+    &:where([data-color="info"]) {
+      outline-color: var(--outline-info-bold);
+    }
+  }
   .color-info\:enabled\:fg-primary-bold {
     &:where([data-color="info"]) {
       &:where(:not([disabled], [data-disabled]), :enabled) {
@@ -4770,6 +4825,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"]) {
@@ -5090,6 +5175,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"]) {
@@ -5318,6 +5413,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 +5470,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 +5527,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 +5584,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 +5651,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;
@@ -5595,6 +5715,11 @@
       max-width: 28px;
     }
   }
+  .size-medium\:min-w-0 {
+    &:where([data-size="medium"]) {
+      min-width: var(--spacing-0);
+    }
+  }
   .size-medium\:min-w-\[28px\] {
     &:where([data-size="medium"]) {
       min-width: 28px;
@@ -5605,11 +5730,26 @@
       min-width: 68px;
     }
   }
+  .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-l {
+    &:where([data-size="medium"]) {
+      padding: var(--spacing-l);
+    }
+  }
   .size-medium\:p-xs {
     &:where([data-size="medium"]) {
       padding: var(--spacing-xs);
@@ -5672,6 +5812,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);
@@ -5688,6 +5842,11 @@
       max-width: var(--spacing-xl);
     }
   }
+  .size-small\:min-w-0 {
+    &:where([data-size="small"]) {
+      min-width: var(--spacing-0);
+    }
+  }
   .size-small\:min-w-\[54px\] {
     &:where([data-size="small"]) {
       min-width: 54px;
@@ -5698,6 +5857,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 +5882,11 @@
       border-radius: var(--radius-small);
     }
   }
+  .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 +5936,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 +6099,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,13 +6216,6 @@
       }
     }
   }
-  .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\:outline-interactive-pressed {
     &:where([data-pressed], :active) {
       outline-color: var(--outline-interactive-pressed);
@@ -6042,17 +6228,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 +6271,26 @@
       }
     }
   }
+  .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\: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);
+          }
+        }
+      }
+    }
+  }
   .enabled\:pressed\:color-mono-muted\:bg-interactive-muted-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-pressed], :active) {
@@ -6459,12 +6672,12 @@
       }
     }
   }
-  .enabled\:selected\:hover\:fg-accent-primary-bold {
+  .enabled\:selected\:hover\:fg-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);
+          color: var(--fg-accent-primary-hover);
+          --icon-color: var(--fg-accent-primary-hover);
         }
       }
     }
@@ -6478,58 +6691,58 @@
       }
     }
   }
-  .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 {
+  .enabled\:selected\:focus-visible\:bg-accent-primary-hover {
     &: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);
+        &:where([data-focus-visible], :focus-visible) {
+          background-color: var(--bg-accent-primary-hover);
         }
       }
     }
   }
-  .enabled\:selected\:focus\:group-orientation-horizontal\/tabs\:after\:bg-\[color\:var\(--outline-accent-primary-bold\)\] {
+  .enabled\:selected\:focus-visible\:fg-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) {
+          color: var(--fg-accent-primary-hover);
+          --icon-color: var(--fg-accent-primary-hover);
         }
       }
     }
   }
-  .enabled\:selected\:focus-visible\:bg-accent-primary-hover {
+  .enabled\:selected\:focus-visible\:outline-interactive-hover {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
         &:where([data-focus-visible], :focus-visible) {
-          background-color: var(--bg-accent-primary-hover);
+          outline-color: var(--outline-interactive-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);
+            }
+          }
         }
       }
     }
@@ -7395,6 +7608,39 @@
       }
     }
   }
+  .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\: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);
+            }
+          }
+        }
+      }
+    }
+  }
   .enabled\:selected\:pressed\:color-mono-muted\:bg-interactive-muted-pressed {
     &:where(:not([disabled], [data-disabled]), :enabled) {
       &:where([data-selected], :checked) {
@@ -8205,7 +8451,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 {
@@ -8423,10 +8672,6 @@ body {
   syntax: "*";
   inherits: false;
 }
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-text-shadow-color {
   syntax: "*";
   inherits: false;
@@ -8506,7 +8751,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;