@womp/kookie-ui 0.23.0 → 0.25.0

package/styles.css

@@ -5674,26 +5674,26 @@
   border-radius: var(--radius-surface-1);
 }
 .kui-AccordionRoot:where(.kui-r-size-2) {
-  border-radius: var(--radius-surface-1);
+  border-radius: var(--radius-surface-2);
 }
 .kui-AccordionRoot:where(.kui-r-size-3) {
-  border-radius: var(--radius-surface-1);
+  border-radius: var(--radius-surface-3);
 }
 .kui-AccordionRoot:where(.kui-r-size-4) {
-  border-radius: var(--radius-surface-1);
+  border-radius: var(--radius-surface-4);
 }
 @media (min-width: 520px) {
   .kui-AccordionRoot:where(.xs\:kui-r-size-1) {
     border-radius: var(--radius-surface-1);
   }
   .kui-AccordionRoot:where(.xs\:kui-r-size-2) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-2);
   }
   .kui-AccordionRoot:where(.xs\:kui-r-size-3) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-3);
   }
   .kui-AccordionRoot:where(.xs\:kui-r-size-4) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-4);
   }
 }
 @media (min-width: 768px) {
@@ -5701,13 +5701,13 @@
     border-radius: var(--radius-surface-1);
   }
   .kui-AccordionRoot:where(.sm\:kui-r-size-2) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-2);
   }
   .kui-AccordionRoot:where(.sm\:kui-r-size-3) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-3);
   }
   .kui-AccordionRoot:where(.sm\:kui-r-size-4) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-4);
   }
 }
 @media (min-width: 1024px) {
@@ -5715,13 +5715,13 @@
     border-radius: var(--radius-surface-1);
   }
   .kui-AccordionRoot:where(.md\:kui-r-size-2) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-2);
   }
   .kui-AccordionRoot:where(.md\:kui-r-size-3) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-3);
   }
   .kui-AccordionRoot:where(.md\:kui-r-size-4) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-4);
   }
 }
 @media (min-width: 1280px) {
@@ -5729,13 +5729,13 @@
     border-radius: var(--radius-surface-1);
   }
   .kui-AccordionRoot:where(.lg\:kui-r-size-2) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-2);
   }
   .kui-AccordionRoot:where(.lg\:kui-r-size-3) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-3);
   }
   .kui-AccordionRoot:where(.lg\:kui-r-size-4) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-4);
   }
 }
 @media (min-width: 1640px) {
@@ -5743,13 +5743,13 @@
     border-radius: var(--radius-surface-1);
   }
   .kui-AccordionRoot:where(.xl\:kui-r-size-2) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-2);
   }
   .kui-AccordionRoot:where(.xl\:kui-r-size-3) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-3);
   }
   .kui-AccordionRoot:where(.xl\:kui-r-size-4) {
-    border-radius: var(--radius-surface-1);
+    border-radius: var(--radius-surface-4);
   }
 }
 :where(.kui-AccordionRoot:where(.kui-variant-surface)) {
@@ -5824,6 +5824,217 @@
   padding: var(--space-6) var(--space-7);
   font-size: var(--font-size-4);
 }
+@media (min-width: 520px) {
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-1)) .kui-AccordionTrigger {
+    padding: var(--space-3) var(--space-4);
+    font-size: var(--font-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-2)) .kui-AccordionTrigger {
+    padding: var(--space-4) var(--space-5);
+    font-size: var(--font-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-3)) .kui-AccordionTrigger {
+    padding: var(--space-5) var(--space-6);
+    font-size: var(--font-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-4)) .kui-AccordionTrigger {
+    padding: var(--space-6) var(--space-7);
+    font-size: var(--font-size-4);
+  }
+}
+@media (min-width: 768px) {
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-1)) .kui-AccordionTrigger {
+    padding: var(--space-3) var(--space-4);
+    font-size: var(--font-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-2)) .kui-AccordionTrigger {
+    padding: var(--space-4) var(--space-5);
+    font-size: var(--font-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-3)) .kui-AccordionTrigger {
+    padding: var(--space-5) var(--space-6);
+    font-size: var(--font-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-4)) .kui-AccordionTrigger {
+    padding: var(--space-6) var(--space-7);
+    font-size: var(--font-size-4);
+  }
+}
+@media (min-width: 1024px) {
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-1)) .kui-AccordionTrigger {
+    padding: var(--space-3) var(--space-4);
+    font-size: var(--font-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-2)) .kui-AccordionTrigger {
+    padding: var(--space-4) var(--space-5);
+    font-size: var(--font-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-3)) .kui-AccordionTrigger {
+    padding: var(--space-5) var(--space-6);
+    font-size: var(--font-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-4)) .kui-AccordionTrigger {
+    padding: var(--space-6) var(--space-7);
+    font-size: var(--font-size-4);
+  }
+}
+@media (min-width: 1280px) {
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-1)) .kui-AccordionTrigger {
+    padding: var(--space-3) var(--space-4);
+    font-size: var(--font-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-2)) .kui-AccordionTrigger {
+    padding: var(--space-4) var(--space-5);
+    font-size: var(--font-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-3)) .kui-AccordionTrigger {
+    padding: var(--space-5) var(--space-6);
+    font-size: var(--font-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-4)) .kui-AccordionTrigger {
+    padding: var(--space-6) var(--space-7);
+    font-size: var(--font-size-4);
+  }
+}
+@media (min-width: 1640px) {
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-1)) .kui-AccordionTrigger {
+    padding: var(--space-3) var(--space-4);
+    font-size: var(--font-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-2)) .kui-AccordionTrigger {
+    padding: var(--space-4) var(--space-5);
+    font-size: var(--font-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-3)) .kui-AccordionTrigger {
+    padding: var(--space-5) var(--space-6);
+    font-size: var(--font-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-4)) .kui-AccordionTrigger {
+    padding: var(--space-6) var(--space-7);
+    font-size: var(--font-size-4);
+  }
+}
+.kui-AccordionChevron {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: var(--icon-size-2);
+  height: var(--icon-size-2);
+  -webkit-margin-start: var(--space-3);
+          margin-inline-start: var(--space-3);
+  color: var(--neutral-a11);
+}
+:where(.kui-AccordionTrigger[data-state='open']) .kui-AccordionChevron {
+  rotate: 180deg;
+}
+:where(.kui-AccordionRoot:where(.kui-r-size-1)) .kui-AccordionChevron {
+  width: var(--icon-size-1);
+  height: var(--icon-size-1);
+}
+:where(.kui-AccordionRoot:where(.kui-r-size-2)) .kui-AccordionChevron {
+  width: var(--icon-size-2);
+  height: var(--icon-size-2);
+}
+:where(.kui-AccordionRoot:where(.kui-r-size-3)) .kui-AccordionChevron {
+  width: var(--icon-size-3);
+  height: var(--icon-size-3);
+}
+:where(.kui-AccordionRoot:where(.kui-r-size-4)) .kui-AccordionChevron {
+  width: var(--icon-size-4);
+  height: var(--icon-size-4);
+}
+@media (min-width: 520px) {
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-1)) .kui-AccordionChevron {
+    width: var(--icon-size-1);
+    height: var(--icon-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-2)) .kui-AccordionChevron {
+    width: var(--icon-size-2);
+    height: var(--icon-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-3)) .kui-AccordionChevron {
+    width: var(--icon-size-3);
+    height: var(--icon-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-4)) .kui-AccordionChevron {
+    width: var(--icon-size-4);
+    height: var(--icon-size-4);
+  }
+}
+@media (min-width: 768px) {
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-1)) .kui-AccordionChevron {
+    width: var(--icon-size-1);
+    height: var(--icon-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-2)) .kui-AccordionChevron {
+    width: var(--icon-size-2);
+    height: var(--icon-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-3)) .kui-AccordionChevron {
+    width: var(--icon-size-3);
+    height: var(--icon-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-4)) .kui-AccordionChevron {
+    width: var(--icon-size-4);
+    height: var(--icon-size-4);
+  }
+}
+@media (min-width: 1024px) {
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-1)) .kui-AccordionChevron {
+    width: var(--icon-size-1);
+    height: var(--icon-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-2)) .kui-AccordionChevron {
+    width: var(--icon-size-2);
+    height: var(--icon-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-3)) .kui-AccordionChevron {
+    width: var(--icon-size-3);
+    height: var(--icon-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-4)) .kui-AccordionChevron {
+    width: var(--icon-size-4);
+    height: var(--icon-size-4);
+  }
+}
+@media (min-width: 1280px) {
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-1)) .kui-AccordionChevron {
+    width: var(--icon-size-1);
+    height: var(--icon-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-2)) .kui-AccordionChevron {
+    width: var(--icon-size-2);
+    height: var(--icon-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-3)) .kui-AccordionChevron {
+    width: var(--icon-size-3);
+    height: var(--icon-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-4)) .kui-AccordionChevron {
+    width: var(--icon-size-4);
+    height: var(--icon-size-4);
+  }
+}
+@media (min-width: 1640px) {
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-1)) .kui-AccordionChevron {
+    width: var(--icon-size-1);
+    height: var(--icon-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-2)) .kui-AccordionChevron {
+    width: var(--icon-size-2);
+    height: var(--icon-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-3)) .kui-AccordionChevron {
+    width: var(--icon-size-3);
+    height: var(--icon-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-4)) .kui-AccordionChevron {
+    width: var(--icon-size-4);
+    height: var(--icon-size-4);
+  }
+}
+:where(.kui-AccordionTrigger[data-disabled]) .kui-AccordionChevron {
+  color: inherit;
+}
 @media (hover: hover) {
   :where(.kui-AccordionTrigger:hover) {
     background-color: var(--neutral-a3);
@@ -5839,10 +6050,6 @@
             box-shadow: var(--shadow-2);
   }
 }
-:where(.kui-AccordionRoot:where(.kui-variant-raised):focus-within) {
-  outline: 2px solid var(--focus-8);
-  outline-offset: 2px;
-}
 @media (hover: hover) {
   :where(.kui-AccordionRoot:where(.kui-variant-soft)) :where(.kui-AccordionTrigger:hover) {
     background-color: var(--accent-4);
@@ -5871,22 +6078,6 @@
   outline: var(--focus-outline-width) solid var(--focus-8);
   outline-offset: var(--focus-outline-offset-inset);
 }
-:where(.kui-AccordionRoot:where(.kui-variant-soft):focus-within) {
-  outline: 2px solid var(--focus-8);
-  outline-offset: 2px;
-}
-:where(.kui-AccordionRoot:where(.kui-variant-surface):focus-within) {
-  outline: 2px solid var(--focus-8);
-  outline-offset: 2px;
-}
-:where(.kui-AccordionRoot:where(.kui-variant-outline):focus-within) {
-  outline: 2px solid var(--focus-8);
-  outline-offset: 2px;
-}
-:where(.kui-AccordionRoot:where(.kui-variant-ghost):focus-within) {
-  outline: 2px solid var(--focus-8);
-  outline-offset: 2px;
-}
 .kui-AccordionContent {
   overflow: hidden;
   font-size: var(--font-size-2);
@@ -5914,6 +6105,96 @@
   padding: 0 var(--space-7) var(--space-6);
   font-size: var(--font-size-4);
 }
+@media (min-width: 520px) {
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-1)) .kui-AccordionContentInner {
+    padding: 0 var(--space-4) var(--space-3);
+    font-size: var(--font-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-2)) .kui-AccordionContentInner {
+    padding: 0 var(--space-5) var(--space-4);
+    font-size: var(--font-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-3)) .kui-AccordionContentInner {
+    padding: 0 var(--space-6) var(--space-5);
+    font-size: var(--font-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.xs\:kui-r-size-4)) .kui-AccordionContentInner {
+    padding: 0 var(--space-7) var(--space-6);
+    font-size: var(--font-size-4);
+  }
+}
+@media (min-width: 768px) {
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-1)) .kui-AccordionContentInner {
+    padding: 0 var(--space-4) var(--space-3);
+    font-size: var(--font-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-2)) .kui-AccordionContentInner {
+    padding: 0 var(--space-5) var(--space-4);
+    font-size: var(--font-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-3)) .kui-AccordionContentInner {
+    padding: 0 var(--space-6) var(--space-5);
+    font-size: var(--font-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.sm\:kui-r-size-4)) .kui-AccordionContentInner {
+    padding: 0 var(--space-7) var(--space-6);
+    font-size: var(--font-size-4);
+  }
+}
+@media (min-width: 1024px) {
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-1)) .kui-AccordionContentInner {
+    padding: 0 var(--space-4) var(--space-3);
+    font-size: var(--font-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-2)) .kui-AccordionContentInner {
+    padding: 0 var(--space-5) var(--space-4);
+    font-size: var(--font-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-3)) .kui-AccordionContentInner {
+    padding: 0 var(--space-6) var(--space-5);
+    font-size: var(--font-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.md\:kui-r-size-4)) .kui-AccordionContentInner {
+    padding: 0 var(--space-7) var(--space-6);
+    font-size: var(--font-size-4);
+  }
+}
+@media (min-width: 1280px) {
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-1)) .kui-AccordionContentInner {
+    padding: 0 var(--space-4) var(--space-3);
+    font-size: var(--font-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-2)) .kui-AccordionContentInner {
+    padding: 0 var(--space-5) var(--space-4);
+    font-size: var(--font-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-3)) .kui-AccordionContentInner {
+    padding: 0 var(--space-6) var(--space-5);
+    font-size: var(--font-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.lg\:kui-r-size-4)) .kui-AccordionContentInner {
+    padding: 0 var(--space-7) var(--space-6);
+    font-size: var(--font-size-4);
+  }
+}
+@media (min-width: 1640px) {
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-1)) .kui-AccordionContentInner {
+    padding: 0 var(--space-4) var(--space-3);
+    font-size: var(--font-size-1);
+  }
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-2)) .kui-AccordionContentInner {
+    padding: 0 var(--space-5) var(--space-4);
+    font-size: var(--font-size-2);
+  }
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-3)) .kui-AccordionContentInner {
+    padding: 0 var(--space-6) var(--space-5);
+    font-size: var(--font-size-3);
+  }
+  :where(.kui-AccordionRoot:where(.xl\:kui-r-size-4)) .kui-AccordionContentInner {
+    padding: 0 var(--space-7) var(--space-6);
+    font-size: var(--font-size-4);
+  }
+}
 @media (hover: hover) {
   :where(.kui-AccordionRoot:where(.kui-variant-soft)[data-accent-color]) :where(.kui-AccordionTrigger:hover) {
     background-color: var(--accent-a4);
@@ -7022,11 +7303,15 @@
 .kui-AvatarBadge {
   position: absolute;
   bottom: 0;
-  right: 0;
+  inset-inline-end: 0;
   z-index: 1;
   -webkit-transform: translate(25%, 25%);
           transform: translate(25%, 25%);
 }
+:is(.kui-AvatarStatus,.kui-AvatarBadge):where(:dir(rtl)) {
+  -webkit-transform: translate(-25%, 25%);
+          transform: translate(-25%, 25%);
+}
 .kui-AvatarStatus {
   width: var(--avatar-status-size);
   height: var(--avatar-status-size);
@@ -7067,9 +7352,19 @@
   height: -moz-fit-content;
   height: fit-content;
   background-clip: padding-box;
-  will-change: border-radius;
   isolation: isolate;
 }
+.kui-Chip :where(svg) {
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+  width: var(--chip-icon-size);
+  height: var(--chip-icon-size);
+}
+.kui-Chip:where(:focus-visible) {
+  outline: var(--focus-ring-width) solid var(--focus-8);
+  outline-offset: var(--focus-ring-offset);
+}
 @media (forced-colors: active) {
   .kui-Chip {
     border: 1px solid CanvasText;
@@ -7078,6 +7373,7 @@
   }
 }
 .kui-Chip:where(.kui-r-size-1) {
+  --chip-icon-size: var(--icon-size-1);
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
@@ -7086,6 +7382,7 @@
   border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
 }
 .kui-Chip:where(.kui-r-size-2) {
+  --chip-icon-size: var(--icon-size-2);
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
@@ -7097,6 +7394,7 @@
   padding: var(--space-1) var(--space-2);
 }
 .kui-Chip:where(.kui-r-size-3) {
+  --chip-icon-size: var(--icon-size-3);
   font-size: var(--font-size-2);
   line-height: var(--line-height-2);
   letter-spacing: var(--letter-spacing-2);
@@ -7109,6 +7407,7 @@
   gap: var(--space-2);
 }
 .kui-Chip:where(.kui-r-size-4) {
+  --chip-icon-size: var(--icon-size-4);
   font-size: var(--font-size-3);
   line-height: var(--line-height-3);
   letter-spacing: var(--letter-spacing-3);
@@ -7121,6 +7420,7 @@
 }
 @media (min-width: 520px) {
   .kui-Chip:where(.xs\:kui-r-size-1) {
+    --chip-icon-size: var(--icon-size-1);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7129,6 +7429,7 @@
     border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
   }
   .kui-Chip:where(.xs\:kui-r-size-2) {
+    --chip-icon-size: var(--icon-size-2);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7140,6 +7441,7 @@
     padding: var(--space-1) var(--space-2);
   }
   .kui-Chip:where(.xs\:kui-r-size-3) {
+    --chip-icon-size: var(--icon-size-3);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
@@ -7152,6 +7454,7 @@
     gap: var(--space-2);
   }
   .kui-Chip:where(.xs\:kui-r-size-4) {
+    --chip-icon-size: var(--icon-size-4);
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
@@ -7165,6 +7468,7 @@
 }
 @media (min-width: 768px) {
   .kui-Chip:where(.sm\:kui-r-size-1) {
+    --chip-icon-size: var(--icon-size-1);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7173,6 +7477,7 @@
     border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
   }
   .kui-Chip:where(.sm\:kui-r-size-2) {
+    --chip-icon-size: var(--icon-size-2);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7184,6 +7489,7 @@
     padding: var(--space-1) var(--space-2);
   }
   .kui-Chip:where(.sm\:kui-r-size-3) {
+    --chip-icon-size: var(--icon-size-3);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
@@ -7196,6 +7502,7 @@
     gap: var(--space-2);
   }
   .kui-Chip:where(.sm\:kui-r-size-4) {
+    --chip-icon-size: var(--icon-size-4);
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
@@ -7209,6 +7516,7 @@
 }
 @media (min-width: 1024px) {
   .kui-Chip:where(.md\:kui-r-size-1) {
+    --chip-icon-size: var(--icon-size-1);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7217,6 +7525,7 @@
     border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
   }
   .kui-Chip:where(.md\:kui-r-size-2) {
+    --chip-icon-size: var(--icon-size-2);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7228,6 +7537,7 @@
     padding: var(--space-1) var(--space-2);
   }
   .kui-Chip:where(.md\:kui-r-size-3) {
+    --chip-icon-size: var(--icon-size-3);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
@@ -7240,6 +7550,7 @@
     gap: var(--space-2);
   }
   .kui-Chip:where(.md\:kui-r-size-4) {
+    --chip-icon-size: var(--icon-size-4);
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
@@ -7253,6 +7564,7 @@
 }
 @media (min-width: 1280px) {
   .kui-Chip:where(.lg\:kui-r-size-1) {
+    --chip-icon-size: var(--icon-size-1);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7261,6 +7573,7 @@
     border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
   }
   .kui-Chip:where(.lg\:kui-r-size-2) {
+    --chip-icon-size: var(--icon-size-2);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7272,6 +7585,7 @@
     padding: var(--space-1) var(--space-2);
   }
   .kui-Chip:where(.lg\:kui-r-size-3) {
+    --chip-icon-size: var(--icon-size-3);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
@@ -7284,6 +7598,7 @@
     gap: var(--space-2);
   }
   .kui-Chip:where(.lg\:kui-r-size-4) {
+    --chip-icon-size: var(--icon-size-4);
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
@@ -7297,6 +7612,7 @@
 }
 @media (min-width: 1640px) {
   .kui-Chip:where(.xl\:kui-r-size-1) {
+    --chip-icon-size: var(--icon-size-1);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7305,6 +7621,7 @@
     border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
   }
   .kui-Chip:where(.xl\:kui-r-size-2) {
+    --chip-icon-size: var(--icon-size-2);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7316,6 +7633,7 @@
     padding: var(--space-1) var(--space-2);
   }
   .kui-Chip:where(.xl\:kui-r-size-3) {
+    --chip-icon-size: var(--icon-size-3);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
@@ -7328,6 +7646,7 @@
     gap: var(--space-2);
   }
   .kui-Chip:where(.xl\:kui-r-size-4) {
+    --chip-icon-size: var(--icon-size-4);
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
@@ -7343,14 +7662,6 @@
   background-color: var(--accent-solid);
   color: var(--accent-solid-contrast);
 }
-.kui-Chip:where(.kui-variant-solid):where([data-disabled]) {
-  color: var(--neutral-a8);
-  background-color: var(--neutral-a3);
-  outline: none;
-  -webkit-filter: none;
-          filter: none;
-  cursor: default;
-}
 .kui-Chip:where(.kui-variant-surface) {
   background-color: var(--accent-2);
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
@@ -7360,19 +7671,9 @@
 .kui-Chip:where(.kui-variant-soft, .kui-variant-ghost) {
   color: var(--accent-ink);
 }
-.kui-Chip:where(.kui-variant-soft,.kui-variant-ghost):where([data-disabled]) {
-  color: var(--neutral-a8);
-  background-color: var(--neutral-a3);
-  cursor: default;
-}
 .kui-Chip:where(.kui-variant-soft) {
   background-color: var(--accent-3);
 }
-.kui-Chip:where(.kui-variant-soft):where([data-disabled]) {
-  color: var(--neutral-a8);
-  background-color: var(--neutral-a3);
-  cursor: default;
-}
 .kui-Chip:where(.kui-variant-outline) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
           box-shadow: inset 0 0 0 1px var(--accent-6);
@@ -7394,8 +7695,10 @@
 .kui-Blockquote {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  border-left: max(var(--space-2), 0.25em) solid var(--accent-a6);
-  padding-left: min(var(--space-6), max(var(--space-4), 0.5em));
+  -webkit-border-start: max(var(--space-2), 0.25em) solid var(--accent-a6);
+          border-inline-start: max(var(--space-2), 0.25em) solid var(--accent-a6);
+  -webkit-padding-start: min(var(--space-6), max(var(--space-4), 0.5em));
+          padding-inline-start: min(var(--space-6), max(var(--space-4), 0.5em));
 }
 .kui-BaseButton {
   all: unset;
@@ -7434,12 +7737,7 @@
   font-style: normal;
   text-align: center;
   isolation: isolate;
-}
-:where([dir='rtl']) .kui-BaseButton {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: row-reverse;
-          flex-direction: row-reverse;
+  --spinner-size: var(--base-button-icon-size);
 }
 @media (forced-colors: active) {
   .kui-BaseButton {
@@ -7469,6 +7767,8 @@
 }
 .kui-BaseButton :where(.kui-BaseButtonContent) {
   display: contents;
+}
+.kui-BaseButton:where(.kui-loading) :where(.kui-BaseButtonContent) {
   visibility: hidden;
 }
 .kui-BaseButton :where(svg) {
@@ -7907,6 +8207,13 @@
 .kui-BaseButton:where([data-disabled][aria-pressed],[aria-disabled='true'][aria-pressed]):where(.kui-variant-raised) {
   top: 0;
 }
+@media (forced-colors: active) {
+  .kui-BaseButton:where([data-state='on'], [aria-pressed='true']):where(:not([data-disabled], [aria-disabled='true'])) {
+    border-color: Highlight;
+    background-color: Highlight;
+    color: HighlightText;
+  }
+}
 .kui-Button:where(:not([data-icon-only])) {
   font-weight: var(--font-weight-medium);
 }
@@ -8541,13 +8848,21 @@
 .kui-Card:where(:focus-visible):where(:active:not([data-state='open']))::before {
   background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
 }
-.kui-Card:where(:has(:is([role='checkbox'],[role='radio'])[data-state='checked'],input:is([type='checkbox'],[type='radio']):checked))::before {
+.kui-Card:where(label:has(:is([role='checkbox'],[role='radio'])[data-state='checked'],input:is([type='checkbox'],[type='radio']):checked))::before {
   background-image: linear-gradient(var(--accent-a2), var(--accent-a2));
 }
-.kui-Card:where(:has(:is([role='checkbox'],[role='radio'])[data-state='checked'],input:is([type='checkbox'],[type='radio']):checked))::after {
+.kui-Card:where(label:has(:is([role='checkbox'],[role='radio'])[data-state='checked'],input:is([type='checkbox'],[type='radio']):checked))::after {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
           box-shadow: inset 0 0 0 1px var(--accent-a8);
 }
+@media (forced-colors: active) {
+  .kui-Card:where(:not(.kui-variant-ghost)) {
+    border: 1px solid CanvasText;
+  }
+  .kui-Card:where(label:has(:is([role='checkbox'], [role='radio'])[data-state='checked'], input:is([type='checkbox'], [type='radio']):checked)) {
+    border-color: Highlight;
+  }
+}
 .kui-CheckboxGroupRoot {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -8571,9 +8886,6 @@
   outline: var(--focus-ring-width, 2px) solid var(--focus-8);
   outline-offset: var(--focus-ring-offset, 2px);
 }
-.kui-CheckboxGroupItemCheckbox:where(:disabled)::before {
-  background-color: var(--neutral-a3);
-}
 .kui-CheckboxGroupItemInner {
   min-width: 0;
 }
@@ -8901,13 +9213,31 @@
 .kui-BaseCheckboxRoot:where(:disabled,[data-disabled]) {
   cursor: default;
 }
+@media (forced-colors: active) {
+  .kui-BaseCheckboxRoot::before {
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    border: 1px solid CanvasText;
+  }
+  .kui-BaseCheckboxRoot:where([data-state='checked'], [data-state='indeterminate'])::before {
+    border-color: Highlight;
+    background-color: Highlight;
+  }
+  .kui-BaseCheckboxRoot:where([data-state='checked'], [data-state='indeterminate']) :where(.kui-BaseCheckboxIndicator) {
+    color: HighlightText;
+  }
+  .kui-BaseCheckboxRoot:where(:disabled, [data-disabled])::before {
+    border-color: GrayText;
+    background-color: Canvas;
+  }
+  .kui-BaseCheckboxRoot:where(:disabled, [data-disabled]) :where(.kui-BaseCheckboxIndicator) {
+    color: GrayText;
+  }
+}
 .kui-CheckboxRoot:where(:focus-visible)::before {
   outline: var(--focus-ring-width, 2px) solid var(--focus-8);
   outline-offset: var(--focus-ring-offset, 2px);
 }
-.kui-CheckboxRoot:where(:disabled)::before {
-  background-color: var(--neutral-a3);
-}
 .kui-Code {
   font-family: var(--code-font-family);
   font-size: calc(var(--mono-scale) * 1em);
@@ -9849,8 +10179,11 @@
 .kui-BaseMenuContent:where(.kui-variant-soft) :where(.kui-BaseMenuItem[data-highlighted]) {
   background-color: var(--accent-4);
 }
-:is(.kui-BaseMenuContent:where(.kui-variant-soft) :where(.kui-BaseMenuItem[data-highlighted])) :where(.kui-Text.kui-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
-  color: var(--neutral-11) !important;
+:is(.kui-BaseMenuContent:where(.kui-variant-soft) :where(.kui-BaseMenuItem[data-highlighted])) :where(.kui-Text.kui-emphasis-medium:not([data-accent-color])) {
+  --neutral-ink-muted: var(--neutral-11);
+}
+:is(.kui-BaseMenuContent:where(.kui-variant-soft) :where(.kui-BaseMenuItem[data-highlighted])) :where(.kui-Text.kui-emphasis-medium[data-accent-color='gray']) {
+  --accent-ink-muted: var(--neutral-11);
 }
 .kui-BaseMenuContent:where(.kui-variant-soft) :where(.kui-BaseMenuItem[data-highlighted]:focus-visible) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
@@ -10071,7 +10404,8 @@
   text-align: inherit;
   border-radius: calc(var(--text-field-border-radius) - var(--text-field-border-width));
   text-indent: calc(var(--text-field-px-bare) - var(--text-field-border-width));
-  padding-right: calc(var(--text-field-px-bare) - var(--text-field-border-width));
+  -webkit-padding-end: calc(var(--text-field-px-bare) - var(--text-field-border-width));
+          padding-inline-end: calc(var(--text-field-px-bare) - var(--text-field-border-width));
 }
 .kui-TextFieldInput:where([type='number']) {
   -moz-appearance: textfield;
@@ -10096,12 +10430,15 @@
   width: var(--text-field-native-icon-size);
   height: var(--text-field-native-icon-size);
   padding: var(--space-2);
-  margin-left: 0;
-  margin-right: calc(var(--space-2) * -1);
+  -webkit-margin-start: 0;
+          margin-inline-start: 0;
+  -webkit-margin-end: calc(var(--space-2) * -1);
+          margin-inline-end: calc(var(--space-2) * -1);
   border-radius: calc(var(--text-field-border-radius) - 2px);
 }
 .kui-TextFieldInput:where(:not([type='time']))::-webkit-calendar-picker-indicator {
-  margin-left: var(--space-2);
+  -webkit-margin-start: var(--space-2);
+          margin-inline-start: var(--space-2);
 }
 @media (hover: hover) {
   .kui-TextFieldInput::-webkit-calendar-picker-indicator:where(:hover) {
@@ -10147,25 +10484,35 @@
   -webkit-box-ordinal-group: 0;
       -ms-flex-order: -1;
           order: -1;
-  margin-left: calc(var(--text-field-border-width) * -1);
-  margin-right: 0;
-  padding-left: var(--text-field-px);
-  padding-right: var(--text-field-gap);
+  -webkit-margin-start: calc(var(--text-field-border-width) * -1);
+          margin-inline-start: calc(var(--text-field-border-width) * -1);
+  -webkit-margin-end: 0;
+          margin-inline-end: 0;
+  -webkit-padding-start: var(--text-field-px);
+          padding-inline-start: var(--text-field-px);
+  -webkit-padding-end: var(--text-field-gap);
+          padding-inline-end: var(--text-field-gap);
 }
 .kui-TextFieldSlot:where(:not([data-side='right'])):where(:has( > .kui-BaseButton)) {
-  padding-left: var(--text-field-slot-inset);
+  -webkit-padding-start: var(--text-field-slot-inset);
+          padding-inline-start: var(--text-field-slot-inset);
 }
 .kui-TextFieldSlot:where([data-side='right']),:where(.kui-TextFieldSlot:not([data-side='right'])) ~ .kui-TextFieldSlot:where(:not([data-side='left'])) {
   -webkit-box-ordinal-group: 1;
       -ms-flex-order: 0;
           order: 0;
-  margin-left: 0;
-  margin-right: calc(var(--text-field-border-width) * -1);
-  padding-left: var(--text-field-gap);
-  padding-right: var(--text-field-px);
+  -webkit-margin-start: 0;
+          margin-inline-start: 0;
+  -webkit-margin-end: calc(var(--text-field-border-width) * -1);
+          margin-inline-end: calc(var(--text-field-border-width) * -1);
+  -webkit-padding-start: var(--text-field-gap);
+          padding-inline-start: var(--text-field-gap);
+  -webkit-padding-end: var(--text-field-px);
+          padding-inline-end: var(--text-field-px);
 }
 :is(.kui-TextFieldSlot:where([data-side='right']),:where(.kui-TextFieldSlot:not([data-side='right'])) ~ .kui-TextFieldSlot:where(:not([data-side='left']))):where(:has( > .kui-BaseButton)) {
-  padding-right: var(--text-field-slot-inset);
+  -webkit-padding-end: var(--text-field-slot-inset);
+          padding-inline-end: var(--text-field-slot-inset);
 }
 .kui-TextFieldSlot > :where(.kui-BaseButton) {
   --base-button-height: var(--text-field-hosted-height);
@@ -10197,18 +10544,21 @@
 }
 .kui-TextFieldInput:where([type='date'],[type='datetime-local'],[type='time'],[type='week'],[type='month']) {
   text-indent: 0;
-  padding-left: calc(var(--text-field-px-bare) - var(--text-field-border-width));
+  -webkit-padding-start: calc(var(--text-field-px-bare) - var(--text-field-border-width));
+          padding-inline-start: calc(var(--text-field-px-bare) - var(--text-field-border-width));
 }
 .kui-TextFieldInput:where(:has( ~ .kui-TextFieldSlot:not([data-side='right']))) {
   text-indent: 0;
-  padding-left: 0;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+  -webkit-padding-start: 0;
+          padding-inline-start: 0;
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
 }
 .kui-TextFieldInput:where(:has( ~ .kui-TextFieldSlot[data-side='right'], ~ .kui-TextFieldSlot:not([data-side='right']) ~ .kui-TextFieldSlot:not([data-side='left']))) {
-  padding-right: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+  -webkit-padding-end: 0;
+          padding-inline-end: 0;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
 }
 .kui-TextFieldRoot:where(.kui-r-size-1) {
   --text-field-height: var(--control-height-1);
@@ -10226,8 +10576,10 @@
   padding-bottom: 0px;
 }
 :is(.kui-TextFieldRoot:where(.kui-r-size-1) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-  padding-right: 0px;
-  margin-right: -2px;
+  -webkit-padding-end: 0px;
+          padding-inline-end: 0px;
+  -webkit-margin-end: -2px;
+          margin-inline-end: -2px;
 }
 .kui-TextFieldRoot:where(.kui-r-size-2) {
   --text-field-height: var(--control-height-2);
@@ -10245,8 +10597,10 @@
   padding-bottom: 0.5px;
 }
 :is(.kui-TextFieldRoot:where(.kui-r-size-2) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-  padding-right: 2px;
-  margin-right: 0px;
+  -webkit-padding-end: 2px;
+          padding-inline-end: 2px;
+  -webkit-margin-end: 0px;
+          margin-inline-end: 0px;
 }
 .kui-TextFieldRoot:where(.kui-r-size-3) {
   --text-field-height: var(--control-height-3);
@@ -10264,8 +10618,10 @@
   padding-bottom: 0px;
 }
 :is(.kui-TextFieldRoot:where(.kui-r-size-3) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-  padding-right: 5px;
-  margin-right: 0px;
+  -webkit-padding-end: 5px;
+          padding-inline-end: 5px;
+  -webkit-margin-end: 0px;
+          margin-inline-end: 0px;
 }
 .kui-TextFieldRoot:where(.kui-r-size-4) {
   --text-field-height: var(--control-height-4);
@@ -10283,8 +10639,10 @@
   padding-bottom: 0px;
 }
 :is(.kui-TextFieldRoot:where(.kui-r-size-4) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-  padding-right: 5px;
-  margin-right: 0px;
+  -webkit-padding-end: 5px;
+          padding-inline-end: 5px;
+  -webkit-margin-end: 0px;
+          margin-inline-end: 0px;
 }
 @media (min-width: 520px) {
   .kui-TextFieldRoot:where(.xs\:kui-r-size-1) {
@@ -10303,8 +10661,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.xs\:kui-r-size-1) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 0px;
-    margin-right: -2px;
+    -webkit-padding-end: 0px;
+            padding-inline-end: 0px;
+    -webkit-margin-end: -2px;
+            margin-inline-end: -2px;
   }
   .kui-TextFieldRoot:where(.xs\:kui-r-size-2) {
     --text-field-height: var(--control-height-2);
@@ -10322,8 +10682,10 @@
     padding-bottom: 0.5px;
   }
   :is(.kui-TextFieldRoot:where(.xs\:kui-r-size-2) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 2px;
-    margin-right: 0px;
+    -webkit-padding-end: 2px;
+            padding-inline-end: 2px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
   .kui-TextFieldRoot:where(.xs\:kui-r-size-3) {
     --text-field-height: var(--control-height-3);
@@ -10341,8 +10703,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.xs\:kui-r-size-3) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 5px;
-    margin-right: 0px;
+    -webkit-padding-end: 5px;
+            padding-inline-end: 5px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
   .kui-TextFieldRoot:where(.xs\:kui-r-size-4) {
     --text-field-height: var(--control-height-4);
@@ -10360,8 +10724,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.xs\:kui-r-size-4) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 5px;
-    margin-right: 0px;
+    -webkit-padding-end: 5px;
+            padding-inline-end: 5px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
 }
 @media (min-width: 768px) {
@@ -10381,8 +10747,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.sm\:kui-r-size-1) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 0px;
-    margin-right: -2px;
+    -webkit-padding-end: 0px;
+            padding-inline-end: 0px;
+    -webkit-margin-end: -2px;
+            margin-inline-end: -2px;
   }
   .kui-TextFieldRoot:where(.sm\:kui-r-size-2) {
     --text-field-height: var(--control-height-2);
@@ -10400,8 +10768,10 @@
     padding-bottom: 0.5px;
   }
   :is(.kui-TextFieldRoot:where(.sm\:kui-r-size-2) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 2px;
-    margin-right: 0px;
+    -webkit-padding-end: 2px;
+            padding-inline-end: 2px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
   .kui-TextFieldRoot:where(.sm\:kui-r-size-3) {
     --text-field-height: var(--control-height-3);
@@ -10419,8 +10789,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.sm\:kui-r-size-3) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 5px;
-    margin-right: 0px;
+    -webkit-padding-end: 5px;
+            padding-inline-end: 5px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
   .kui-TextFieldRoot:where(.sm\:kui-r-size-4) {
     --text-field-height: var(--control-height-4);
@@ -10438,8 +10810,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.sm\:kui-r-size-4) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 5px;
-    margin-right: 0px;
+    -webkit-padding-end: 5px;
+            padding-inline-end: 5px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
 }
 @media (min-width: 1024px) {
@@ -10459,8 +10833,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.md\:kui-r-size-1) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 0px;
-    margin-right: -2px;
+    -webkit-padding-end: 0px;
+            padding-inline-end: 0px;
+    -webkit-margin-end: -2px;
+            margin-inline-end: -2px;
   }
   .kui-TextFieldRoot:where(.md\:kui-r-size-2) {
     --text-field-height: var(--control-height-2);
@@ -10478,8 +10854,10 @@
     padding-bottom: 0.5px;
   }
   :is(.kui-TextFieldRoot:where(.md\:kui-r-size-2) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 2px;
-    margin-right: 0px;
+    -webkit-padding-end: 2px;
+            padding-inline-end: 2px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
   .kui-TextFieldRoot:where(.md\:kui-r-size-3) {
     --text-field-height: var(--control-height-3);
@@ -10497,8 +10875,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.md\:kui-r-size-3) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 5px;
-    margin-right: 0px;
+    -webkit-padding-end: 5px;
+            padding-inline-end: 5px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
   .kui-TextFieldRoot:where(.md\:kui-r-size-4) {
     --text-field-height: var(--control-height-4);
@@ -10516,8 +10896,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.md\:kui-r-size-4) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 5px;
-    margin-right: 0px;
+    -webkit-padding-end: 5px;
+            padding-inline-end: 5px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
 }
 @media (min-width: 1280px) {
@@ -10537,8 +10919,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.lg\:kui-r-size-1) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 0px;
-    margin-right: -2px;
+    -webkit-padding-end: 0px;
+            padding-inline-end: 0px;
+    -webkit-margin-end: -2px;
+            margin-inline-end: -2px;
   }
   .kui-TextFieldRoot:where(.lg\:kui-r-size-2) {
     --text-field-height: var(--control-height-2);
@@ -10556,8 +10940,10 @@
     padding-bottom: 0.5px;
   }
   :is(.kui-TextFieldRoot:where(.lg\:kui-r-size-2) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 2px;
-    margin-right: 0px;
+    -webkit-padding-end: 2px;
+            padding-inline-end: 2px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
   .kui-TextFieldRoot:where(.lg\:kui-r-size-3) {
     --text-field-height: var(--control-height-3);
@@ -10575,8 +10961,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.lg\:kui-r-size-3) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 5px;
-    margin-right: 0px;
+    -webkit-padding-end: 5px;
+            padding-inline-end: 5px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
   .kui-TextFieldRoot:where(.lg\:kui-r-size-4) {
     --text-field-height: var(--control-height-4);
@@ -10594,8 +10982,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.lg\:kui-r-size-4) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 5px;
-    margin-right: 0px;
+    -webkit-padding-end: 5px;
+            padding-inline-end: 5px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
 }
 @media (min-width: 1640px) {
@@ -10615,8 +11005,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.xl\:kui-r-size-1) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 0px;
-    margin-right: -2px;
+    -webkit-padding-end: 0px;
+            padding-inline-end: 0px;
+    -webkit-margin-end: -2px;
+            margin-inline-end: -2px;
   }
   .kui-TextFieldRoot:where(.xl\:kui-r-size-2) {
     --text-field-height: var(--control-height-2);
@@ -10634,8 +11026,10 @@
     padding-bottom: 0.5px;
   }
   :is(.kui-TextFieldRoot:where(.xl\:kui-r-size-2) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 2px;
-    margin-right: 0px;
+    -webkit-padding-end: 2px;
+            padding-inline-end: 2px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
   .kui-TextFieldRoot:where(.xl\:kui-r-size-3) {
     --text-field-height: var(--control-height-3);
@@ -10653,8 +11047,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.xl\:kui-r-size-3) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 5px;
-    margin-right: 0px;
+    -webkit-padding-end: 5px;
+            padding-inline-end: 5px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
   .kui-TextFieldRoot:where(.xl\:kui-r-size-4) {
     --text-field-height: var(--control-height-4);
@@ -10672,8 +11068,10 @@
     padding-bottom: 0px;
   }
   :is(.kui-TextFieldRoot:where(.xl\:kui-r-size-4) :where(.kui-TextFieldInput))::-webkit-textfield-decoration-container {
-    padding-right: 5px;
-    margin-right: 0px;
+    -webkit-padding-end: 5px;
+            padding-inline-end: 5px;
+    -webkit-margin-end: 0px;
+            margin-inline-end: 0px;
   }
 }
 .kui-TextFieldRoot:where(.kui-variant-outline) {
@@ -11031,6 +11429,8 @@
           box-shadow: var(--shadow-2), inset 0 0 0 1px var(--red-6), 0 0 0 2px var(--red-8);
 }
 .kui-TextFieldErrorMessage {
+  font-family: var(--default-font-family);
+  font-weight: var(--font-weight-regular);
   color: var(--red-11);
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
@@ -11049,6 +11449,14 @@
   font-size: var(--font-size-1);
   line-height: 1;
 }
+@media (forced-colors: active) {
+  .kui-TextFieldRoot {
+    border: 1px solid CanvasText;
+  }
+  .kui-TextFieldRoot:where(:has(.kui-TextFieldInput:disabled)) {
+    border-color: GrayText;
+  }
+}
 .kui-TextFieldSlot:where([data-scrub]) {
   cursor: ew-resize !important;
   -webkit-user-select: none;
@@ -11504,6 +11912,9 @@
   border-radius: var(--radius-2);
   background-color: var(--neutral-a3);
 }
+:where(.kui-Image[width][height]) {
+  height: auto;
+}
 .kui-Image:where([data-status='loaded']) {
   background-color: transparent;
 }
@@ -11549,10 +11960,10 @@
           box-sizing: border-box;
   word-spacing: var(--raised-word-spacing);
   border-radius: var(--radius-control-2);
-  font-size: var(--font-size-1);
-  line-height: var(--line-height-1);
-  letter-spacing: var(--letter-spacing-1);
-  padding: var(--space-2) var(--space-3);
+  font-size: 0.85em;
+  line-height: calc(16 / 12);
+  letter-spacing: 0;
+  padding: calc(4em / 12) calc(8em / 12);
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
@@ -12056,6 +12467,13 @@
 .kui-Link:where(:disabled,[data-disabled]) {
   cursor: var(--cursor-disabled);
 }
+.kui-Link:where(:focus-visible) {
+  border-radius: calc(0.07em * var(--radius-factor));
+  outline-color: var(--focus-8);
+  outline-width: 2px;
+  outline-style: solid;
+  outline-offset: 2px;
+}
 :where([data-accent-color]:not(.kui-theme)) .kui-Link:where([data-accent-color='']) {
   color: var(--accent-ink);
 }
@@ -12115,14 +12533,6 @@
 .kui-Link:where(:any-link,button):where(.kui-underline-always) {
   text-decoration-line: underline;
 }
-.kui-Link:where(:focus-visible) {
-  text-decoration-line: none;
-  border-radius: calc(0.07em * var(--radius-factor));
-  outline-color: var(--focus-8);
-  outline-width: 2px;
-  outline-style: solid;
-  outline-offset: 2px;
-}
 .kui-Link:where(:has(.kui-Code:not(.kui-variant-ghost):only-child)) {
   text-decoration-color: transparent;
 }
@@ -12169,6 +12579,12 @@
 .kui-NavbarActions {
   min-width: 0;
 }
+.kui-NavbarLogo {
+  grid-column: 1;
+}
+.kui-NavbarNavigation {
+  grid-column: 2;
+}
 .kui-NavbarActions {
   grid-column: 3;
 }
@@ -12194,14 +12610,11 @@
   -webkit-transform-origin: var(--radix-popover-content-transform-origin);
           transform-origin: var(--radix-popover-content-transform-origin);
 }
-.kui-PopoverContent:where([data-has-toolbar]) {
-  padding-top: var(--popover-toolbar-offset, var(--popover-content-padding));
-}
 .kui-PopoverToolbar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
+  position: sticky;
+  top: calc(-1 * var(--popover-content-padding));
+  margin-top: calc(-1 * var(--popover-content-padding));
+  margin-inline: calc(-1 * var(--popover-content-padding));
   z-index: 1;
   display: grid;
   grid-template-columns: 1fr auto 1fr;
@@ -12371,6 +12784,11 @@
     border-radius: var(--radius-surface-4);
   }
 }
+@media (forced-colors: active) {
+  .kui-PopoverContent {
+    border: 1px solid CanvasText;
+  }
+}
 .kui-ProgressRoot {
   --progress-value: 0;
   --progress-max: 100;
@@ -12393,8 +12811,12 @@
   height: var(--position-full);
   width: var(--position-full);
   border-radius: var(--progress-indicator-radius);
-  -webkit-transform: translateX(calc(-100% + max(calc(var(--progress-value) / var(--progress-max) * 100%), var(--progress-height))));
-          transform: translateX(calc(-100% + max(calc(var(--progress-value) / var(--progress-max) * 100%), var(--progress-height))));
+  --progress-direction: 1;
+  -webkit-transform: translateX(calc(var(--progress-direction) * (-100% + max(calc(var(--progress-value) / var(--progress-max) * 100%), var(--progress-height)))));
+          transform: translateX(calc(var(--progress-direction) * (-100% + max(calc(var(--progress-value) / var(--progress-max) * 100%), var(--progress-height)))));
+}
+.kui-ProgressIndicator:where(:dir(rtl)) {
+  --progress-direction: -1;
 }
 .kui-ProgressIndicator:where([data-state='indeterminate']) {
   -webkit-animation-name: kui-progress-indicator-indeterminate-grow;
@@ -12410,48 +12832,54 @@
 }
 @-webkit-keyframes kui-progress-indicator-indeterminate-grow {
   0% {
-    -webkit-transform: translateX(calc(-100% + var(--progress-scale-initial) * 100%));
-            transform: translateX(calc(-100% + var(--progress-scale-initial) * 100%));
+    -webkit-transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-initial) * 100%)));
+            transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-initial) * 100%)));
   }
   20% {
-    -webkit-transform: translateX(calc(-100% + var(--progress-scale-step-1) * 100%));
-            transform: translateX(calc(-100% + var(--progress-scale-step-1) * 100%));
+    -webkit-transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-1) * 100%)));
+            transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-1) * 100%)));
   }
   30% {
-    -webkit-transform: translateX(calc(-100% + var(--progress-scale-step-2) * 100%));
-            transform: translateX(calc(-100% + var(--progress-scale-step-2) * 100%));
+    -webkit-transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-2) * 100%)));
+            transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-2) * 100%)));
   }
   40%,
   50% {
-    -webkit-transform: translateX(calc(-100% + var(--progress-scale-step-3) * 100%));
-            transform: translateX(calc(-100% + var(--progress-scale-step-3) * 100%));
+    -webkit-transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-3) * 100%)));
+            transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-3) * 100%)));
   }
   100% {
-    -webkit-transform: translateX(calc(-100% + var(--progress-scale-final) * 100%));
-            transform: translateX(calc(-100% + var(--progress-scale-final) * 100%));
+    -webkit-transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-final) * 100%)));
+            transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-final) * 100%)));
   }
 }
 @keyframes kui-progress-indicator-indeterminate-grow {
   0% {
-    -webkit-transform: translateX(calc(-100% + var(--progress-scale-initial) * 100%));
-            transform: translateX(calc(-100% + var(--progress-scale-initial) * 100%));
+    -webkit-transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-initial) * 100%)));
+            transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-initial) * 100%)));
   }
   20% {
-    -webkit-transform: translateX(calc(-100% + var(--progress-scale-step-1) * 100%));
-            transform: translateX(calc(-100% + var(--progress-scale-step-1) * 100%));
+    -webkit-transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-1) * 100%)));
+            transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-1) * 100%)));
   }
   30% {
-    -webkit-transform: translateX(calc(-100% + var(--progress-scale-step-2) * 100%));
-            transform: translateX(calc(-100% + var(--progress-scale-step-2) * 100%));
+    -webkit-transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-2) * 100%)));
+            transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-2) * 100%)));
   }
   40%,
   50% {
-    -webkit-transform: translateX(calc(-100% + var(--progress-scale-step-3) * 100%));
-            transform: translateX(calc(-100% + var(--progress-scale-step-3) * 100%));
+    -webkit-transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-3) * 100%)));
+            transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-step-3) * 100%)));
   }
   100% {
-    -webkit-transform: translateX(calc(-100% + var(--progress-scale-final) * 100%));
-            transform: translateX(calc(-100% + var(--progress-scale-final) * 100%));
+    -webkit-transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-final) * 100%)));
+            transform: translateX(calc(var(--progress-direction) * (-100% + var(--progress-scale-final) * 100%)));
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .kui-ProgressIndicator:where([data-state='indeterminate']) {
+    -webkit-animation-duration: calc(var(--progress-duration) * 3);
+            animation-duration: calc(var(--progress-duration) * 3);
   }
 }
 .kui-ProgressRoot:where(.kui-variant-surface) {
@@ -12475,6 +12903,14 @@
 .kui-ProgressRoot:where(.kui-variant-outline) :where(.kui-ProgressIndicator) {
   background-color: var(--accent-solid);
 }
+@media (forced-colors: active) {
+  .kui-ProgressRoot {
+    border: 1px solid CanvasText;
+  }
+  .kui-ProgressIndicator {
+    background-color: Highlight;
+  }
+}
 .kui-RadioGroupRoot {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -12779,6 +13215,26 @@
   -webkit-box-shadow: inset 0 0 0 1px var(--radio-checked-active);
           box-shadow: inset 0 0 0 1px var(--radio-checked-active);
 }
+@media (forced-colors: active) {
+  .kui-BaseRadioRoot::before {
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    border: 1px solid CanvasText;
+  }
+  .kui-BaseRadioRoot:where(:checked, [data-state='checked'])::before {
+    border-color: Highlight;
+    background-color: Canvas;
+  }
+  .kui-BaseRadioRoot::after {
+    background-color: Highlight;
+  }
+  .kui-BaseRadioRoot:where(:disabled, [data-disabled])::before {
+    border-color: GrayText;
+  }
+  .kui-BaseRadioRoot:where(:disabled, [data-disabled])::after {
+    background-color: GrayText;
+  }
+}
 :where(.kui-SheetContent) {
   position: fixed !important;
   width: var(--width, 90vw);
@@ -12786,8 +13242,6 @@
   height: 100vh;
   max-height: 100vh;
   margin: 0 !important;
-  border-radius: 0 !important;
-  will-change: transform;
 }
 @supports (height: 100dvh) {
   :where(.kui-SheetContent) {
@@ -12795,23 +13249,23 @@
     max-height: 100dvh;
   }
 }
-:where(.kui-SheetContent[data-side='start']) {
+.kui-SheetContent:where([data-side='start']) {
   inset-block: 0 !important;
   inset-inline-start: 0 !important;
   margin: 0 !important;
   border-start-start-radius: 0;
   border-end-start-radius: 0;
-  padding-bottom: env(safe-area-inset-bottom, 0px);
+  padding-bottom: max(var(--dialog-content-padding), env(safe-area-inset-bottom, 0px));
 }
-:where(.kui-SheetContent[data-side='end']) {
+.kui-SheetContent:where([data-side='end']) {
   inset-block: 0 !important;
   inset-inline-end: 0 !important;
   margin: 0 !important;
   border-start-end-radius: 0;
   border-end-end-radius: 0;
-  padding-bottom: env(safe-area-inset-bottom, 0px);
+  padding-bottom: max(var(--dialog-content-padding), env(safe-area-inset-bottom, 0px));
 }
-:where(.kui-SheetContent[data-side='top']) {
+.kui-SheetContent:where([data-side='top']) {
   inset-block-start: 0 !important;
   inset-inline: 0 !important;
   width: auto;
@@ -12821,7 +13275,7 @@
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-:where(.kui-SheetContent[data-side='bottom']) {
+.kui-SheetContent:where([data-side='bottom']) {
   inset-block-end: 0 !important;
   inset-inline: 0 !important;
   width: auto;
@@ -12831,6 +13285,26 @@
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
+@property --scroll-overflow-start {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 0px;
+}
+@property --scroll-overflow-end {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 0px;
+}
+@property --scroll-overflow-x-start {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 0px;
+}
+@property --scroll-overflow-x-end {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 0px;
+}
 .kui-ScrollAreaRoot {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -12862,7 +13336,7 @@
   outline: 2px solid var(--focus-8);
   outline-offset: -2px;
 }
-.kui-ScrollAreaViewport:where(:has(.kui-ScrollAreaScrollbar[data-orientation='horizontal'])) {
+:where(.kui-ScrollAreaRoot:has(> .kui-ScrollAreaScrollbar[data-orientation='horizontal'])) > .kui-ScrollAreaViewport {
   overscroll-behavior-x: contain;
 }
 .kui-ScrollAreaViewport > * {
@@ -12928,11 +13402,20 @@
     background-color: var(--neutral-a8);
   }
 }
-:where(.kui-ScrollAreaRoot[data-fade]) > .kui-ScrollAreaViewport,
 .kui-MessageScrollerViewport:where([data-fade]) {
   -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black min(var(--scroll-overflow-start, 0px), var(--scroll-fade-start, var(--scroll-fade-size))), black calc(100% - min(var(--scroll-overflow-end, 0px), var(--scroll-fade-end, var(--scroll-fade-size)))), transparent 100%);
           mask-image: linear-gradient(to bottom, transparent 0%, black min(var(--scroll-overflow-start, 0px), var(--scroll-fade-start, var(--scroll-fade-size))), black calc(100% - min(var(--scroll-overflow-end, 0px), var(--scroll-fade-end, var(--scroll-fade-size)))), transparent 100%);
 }
+:where(.kui-ScrollAreaRoot[data-fade]) > .kui-ScrollAreaViewport {
+  --scroll-fade-x-direction: to right;
+  -webkit-mask-image: linear-gradient(var(--scroll-fade-x-direction), transparent 0%, black min(var(--scroll-overflow-x-start, 0px), var(--scroll-fade-size)), black calc(100% - min(var(--scroll-overflow-x-end, 0px), var(--scroll-fade-size))), transparent 100%), linear-gradient(to bottom, transparent 0%, black min(var(--scroll-overflow-start, 0px), var(--scroll-fade-start, var(--scroll-fade-size))), black calc(100% - min(var(--scroll-overflow-end, 0px), var(--scroll-fade-end, var(--scroll-fade-size)))), transparent 100%);
+          mask-image: linear-gradient(var(--scroll-fade-x-direction), transparent 0%, black min(var(--scroll-overflow-x-start, 0px), var(--scroll-fade-size)), black calc(100% - min(var(--scroll-overflow-x-end, 0px), var(--scroll-fade-size))), transparent 100%), linear-gradient(to bottom, transparent 0%, black min(var(--scroll-overflow-start, 0px), var(--scroll-fade-start, var(--scroll-fade-size))), black calc(100% - min(var(--scroll-overflow-end, 0px), var(--scroll-fade-end, var(--scroll-fade-size)))), transparent 100%);
+  -webkit-mask-composite: source-in, xor;
+          mask-composite: intersect;
+}
+:is(:where(.kui-ScrollAreaRoot[data-fade]) > .kui-ScrollAreaViewport):where(:dir(rtl)) {
+  --scroll-fade-x-direction: to left;
+}
 :root,
 .kui-theme {
   --scroll-fade-size: var(--space-7);
@@ -12950,6 +13433,7 @@
   text-align: center;
   isolation: isolate;
   border-radius: var(--segmented-control-border-radius);
+  height: var(--segmented-control-root-height, var(--segmented-control-height));
   background-color: var(--neutral-3);
   display: inline-grid;
   vertical-align: top;
@@ -12986,34 +13470,18 @@
           user-select: none;
 }
 .kui-SegmentedControlItem:where(:first-child) {
-  border-top-left-radius: inherit;
-  border-bottom-left-radius: inherit;
+  border-start-start-radius: inherit;
+  border-end-start-radius: inherit;
 }
 .kui-SegmentedControlItem:where(:nth-last-child(2)) {
-  border-top-right-radius: inherit;
-  border-bottom-right-radius: inherit;
+  border-start-end-radius: inherit;
+  border-end-end-radius: inherit;
 }
 .kui-SegmentedControlItem:where(:focus-visible) {
   border-radius: inherit;
   outline: var(--focus-ring-width, 2px) solid var(--focus-8);
   outline-offset: var(--focus-outline-offset-inset);
 }
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem:first-child {
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
-  border-bottom-left-radius: 0;
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem:nth-last-child(2) {
-  border-bottom-left-radius: inherit;
-  border-bottom-right-radius: inherit;
-  border-top-right-radius: 0;
-}
 .kui-SegmentedControlItemLabel {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -13063,8 +13531,7 @@
 .kui-SegmentedControlItemSeparator {
   z-index: -1;
   padding-block: calc(var(--space-2) * 0.75);
-  margin-left: calc(-1 * var(--border-width-standard) * 0.5);
-  margin-right: calc(-1 * var(--border-width-standard) * 0.5);
+  margin-inline: calc(-1 * var(--border-width-standard) * 0.5);
   width: var(--border-width-standard);
   background-color: var(--neutral-a4);
   background-clip: content-box;
@@ -13072,24 +13539,21 @@
 :where(.kui-SegmentedControlItem:first-child) .kui-SegmentedControlItemSeparator,:where(.kui-SegmentedControlItem:where([data-state='on'],:focus-visible)) .kui-SegmentedControlItemSeparator,:where(.kui-SegmentedControlItem:where([data-state='on'],:focus-visible)) + * .kui-SegmentedControlItemSeparator {
   opacity: 0;
 }
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItemSeparator {
-  padding-block: 0;
-  padding-inline: calc(var(--space-2) * 0.75);
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: calc(-1 * var(--border-width-standard) * 0.5);
-  margin-bottom: calc(-1 * var(--border-width-standard) * 0.5);
-  width: auto;
-  height: var(--border-width-standard);
-}
 .kui-SegmentedControlIndicator {
   display: none;
   position: absolute;
   z-index: -1;
   top: 0;
-  left: 0;
+  inset-inline-start: 0;
   height: 100%;
   pointer-events: none;
+  --segmented-control-direction: 1;
+  width: calc(100% / var(--segmented-control-count, 1));
+  -webkit-transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+          transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+}
+.kui-SegmentedControlIndicator:where(:dir(rtl)) {
+  --segmented-control-direction: -1;
 }
 .kui-SegmentedControlIndicator::before {
   inset: var(--border-width-standard);
@@ -13103,158 +13567,14 @@
 :where(.kui-SegmentedControlItem[data-state='on']) ~ .kui-SegmentedControlIndicator {
   display: block;
 }
-:where(.kui-SegmentedControlItem[disabled]) ~ .kui-SegmentedControlIndicator {
+:where(.kui-SegmentedControlItem[data-state='on'][disabled]) ~ .kui-SegmentedControlIndicator {
   --segmented-control-indicator-background-color: var(--neutral-a3);
 }
-:is(:where(.kui-SegmentedControlItem[disabled]) ~ .kui-SegmentedControlIndicator)::before {
+:is(:where(.kui-SegmentedControlItem[data-state='on'][disabled]) ~ .kui-SegmentedControlIndicator)::before {
   inset: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.kui-SegmentedControlIndicator:where(:nth-child(2)) {
-  width: calc(100% / 1);
-}
-.kui-SegmentedControlIndicator:where(:nth-child(3)) {
-  width: calc(100% / 2);
-}
-.kui-SegmentedControlIndicator:where(:nth-child(4)) {
-  width: calc(100% / 3);
-}
-.kui-SegmentedControlIndicator:where(:nth-child(5)) {
-  width: calc(100% / 4);
-}
-.kui-SegmentedControlIndicator:where(:nth-child(6)) {
-  width: calc(100% / 5);
-}
-.kui-SegmentedControlIndicator:where(:nth-child(7)) {
-  width: calc(100% / 6);
-}
-.kui-SegmentedControlIndicator:where(:nth-child(8)) {
-  width: calc(100% / 7);
-}
-.kui-SegmentedControlIndicator:where(:nth-child(9)) {
-  width: calc(100% / 8);
-}
-.kui-SegmentedControlIndicator:where(:nth-child(10)) {
-  width: calc(100% / 9);
-}
-.kui-SegmentedControlIndicator:where(:nth-child(11)) {
-  width: calc(100% / 10);
-}
-:where(.kui-SegmentedControlItem[data-state='on']:nth-child(1)) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateX(0%);
-          transform: translateX(0%);
-}
-:where(.kui-SegmentedControlItem[data-state='on']:nth-child(2)) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateX(100%);
-          transform: translateX(100%);
-}
-:where(.kui-SegmentedControlItem[data-state='on']:nth-child(3)) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateX(200%);
-          transform: translateX(200%);
-}
-:where(.kui-SegmentedControlItem[data-state='on']:nth-child(4)) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateX(300%);
-          transform: translateX(300%);
-}
-:where(.kui-SegmentedControlItem[data-state='on']:nth-child(5)) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateX(400%);
-          transform: translateX(400%);
-}
-:where(.kui-SegmentedControlItem[data-state='on']:nth-child(6)) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateX(500%);
-          transform: translateX(500%);
-}
-:where(.kui-SegmentedControlItem[data-state='on']:nth-child(7)) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateX(600%);
-          transform: translateX(600%);
-}
-:where(.kui-SegmentedControlItem[data-state='on']:nth-child(8)) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateX(700%);
-          transform: translateX(700%);
-}
-:where(.kui-SegmentedControlItem[data-state='on']:nth-child(9)) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateX(800%);
-          transform: translateX(800%);
-}
-:where(.kui-SegmentedControlItem[data-state='on']:nth-child(10)) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateX(900%);
-          transform: translateX(900%);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator {
-  width: 100%;
-  height: unset;
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator:nth-child(2) {
-  height: calc(100% / 1);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator:nth-child(3) {
-  height: calc(100% / 2);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator:nth-child(4) {
-  height: calc(100% / 3);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator:nth-child(5) {
-  height: calc(100% / 4);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator:nth-child(6) {
-  height: calc(100% / 5);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator:nth-child(7) {
-  height: calc(100% / 6);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator:nth-child(8) {
-  height: calc(100% / 7);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator:nth-child(9) {
-  height: calc(100% / 8);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator:nth-child(10) {
-  height: calc(100% / 9);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator:nth-child(11) {
-  height: calc(100% / 10);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-state='on']:nth-child(1) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateY(0%);
-          transform: translateY(0%);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-state='on']:nth-child(2) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateY(100%);
-          transform: translateY(100%);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-state='on']:nth-child(3) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateY(200%);
-          transform: translateY(200%);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-state='on']:nth-child(4) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateY(300%);
-          transform: translateY(300%);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-state='on']:nth-child(5) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateY(400%);
-          transform: translateY(400%);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-state='on']:nth-child(6) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateY(500%);
-          transform: translateY(500%);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-state='on']:nth-child(7) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateY(600%);
-          transform: translateY(600%);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-state='on']:nth-child(8) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateY(700%);
-          transform: translateY(700%);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-state='on']:nth-child(9) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateY(800%);
-          transform: translateY(800%);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-state='on']:nth-child(10) ~ .kui-SegmentedControlIndicator {
-  -webkit-transform: translateY(900%);
-          transform: translateY(900%);
-}
 .kui-SegmentedControlItemLabel,
 .kui-SegmentedControlItemLabelInactive,
 .kui-SegmentedControlItemLabelActive {
@@ -13271,30 +13591,10 @@
           justify-content: center;
   gap: inherit;
 }
-.kui-SegmentedControlRoot:where(.kui-r-orientation-vertical) {
-  grid-auto-flow: row;
-  grid-auto-columns: unset;
-  grid-auto-rows: 1fr;
-  min-width: unset;
-  min-height: -webkit-max-content;
-  min-height: -moz-max-content;
-  min-height: max-content;
-}
-.kui-SegmentedControlRoot:where(.kui-r-orientation-vertical):has([data-icon-only]) {
-  grid-auto-columns: unset;
-  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
-}
 .kui-SegmentedControlRoot:where(.kui-r-size-1) {
   --segmented-control-border-radius: var(--radius-control-1);
   --segmented-control-height: var(--control-height-1);
-  height: var(--segmented-control-height);
-}
-.kui-SegmentedControlRoot:where(.kui-r-size-1):where(.kui-r-orientation-vertical) {
-  height: auto;
-  width: auto;
-}
-.kui-SegmentedControlRoot:where(.kui-r-size-1):where(.kui-r-orientation-vertical):where(:has([data-icon-only])) {
-  width: var(--segmented-control-height);
+  --segmented-control-vertical-py: var(--space-2);
 }
 .kui-SegmentedControlRoot:where(.kui-r-size-1) :where(.kui-SegmentedControlItemLabel) {
   font-size: var(--font-size-1);
@@ -13309,14 +13609,7 @@
 .kui-SegmentedControlRoot:where(.kui-r-size-2) {
   --segmented-control-border-radius: var(--radius-control-2);
   --segmented-control-height: var(--control-height-2);
-  height: var(--segmented-control-height);
-}
-.kui-SegmentedControlRoot:where(.kui-r-size-2):where(.kui-r-orientation-vertical) {
-  height: auto;
-  width: auto;
-}
-.kui-SegmentedControlRoot:where(.kui-r-size-2):where(.kui-r-orientation-vertical):where(:has([data-icon-only])) {
-  width: var(--segmented-control-height);
+  --segmented-control-vertical-py: var(--space-3);
 }
 .kui-SegmentedControlRoot:where(.kui-r-size-2) :where(.kui-SegmentedControlItemLabel) {
   font-size: var(--font-size-2);
@@ -13331,14 +13624,7 @@
 .kui-SegmentedControlRoot:where(.kui-r-size-3) {
   --segmented-control-border-radius: var(--radius-control-3);
   --segmented-control-height: var(--control-height-3);
-  height: var(--segmented-control-height);
-}
-.kui-SegmentedControlRoot:where(.kui-r-size-3):where(.kui-r-orientation-vertical) {
-  height: auto;
-  width: auto;
-}
-.kui-SegmentedControlRoot:where(.kui-r-size-3):where(.kui-r-orientation-vertical):where(:has([data-icon-only])) {
-  width: var(--segmented-control-height);
+  --segmented-control-vertical-py: var(--space-3);
 }
 .kui-SegmentedControlRoot:where(.kui-r-size-3) :where(.kui-SegmentedControlItemLabel) {
   font-size: var(--font-size-3);
@@ -13353,14 +13639,7 @@
 .kui-SegmentedControlRoot:where(.kui-r-size-4) {
   --segmented-control-border-radius: var(--radius-control-4);
   --segmented-control-height: var(--control-height-4);
-  height: var(--segmented-control-height);
-}
-.kui-SegmentedControlRoot:where(.kui-r-size-4):where(.kui-r-orientation-vertical) {
-  height: auto;
-  width: auto;
-}
-.kui-SegmentedControlRoot:where(.kui-r-size-4):where(.kui-r-orientation-vertical):where(:has([data-icon-only])) {
-  width: var(--segmented-control-height);
+  --segmented-control-vertical-py: var(--space-4);
 }
 .kui-SegmentedControlRoot:where(.kui-r-size-4) :where(.kui-SegmentedControlItemLabel) {
   font-size: var(--font-size-4);
@@ -13373,30 +13652,10 @@
   height: var(--icon-size-4);
 }
 @media (min-width: 520px) {
-  .kui-SegmentedControlRoot:where(.xs\:kui-r-orientation-vertical) {
-    grid-auto-flow: row;
-    grid-auto-columns: unset;
-    grid-auto-rows: 1fr;
-    min-width: unset;
-    min-height: -webkit-max-content;
-    min-height: -moz-max-content;
-    min-height: max-content;
-  }
-  .kui-SegmentedControlRoot:where(.xs\:kui-r-orientation-vertical):has([data-icon-only]) {
-    grid-auto-columns: unset;
-    grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
-  }
   .kui-SegmentedControlRoot:where(.xs\:kui-r-size-1) {
     --segmented-control-border-radius: var(--radius-control-1);
     --segmented-control-height: var(--control-height-1);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.xs\:kui-r-size-1):where(.xs\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.xs\:kui-r-size-1):where(.xs\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-2);
   }
   .kui-SegmentedControlRoot:where(.xs\:kui-r-size-1) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-1);
@@ -13411,14 +13670,7 @@
   .kui-SegmentedControlRoot:where(.xs\:kui-r-size-2) {
     --segmented-control-border-radius: var(--radius-control-2);
     --segmented-control-height: var(--control-height-2);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.xs\:kui-r-size-2):where(.xs\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.xs\:kui-r-size-2):where(.xs\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-3);
   }
   .kui-SegmentedControlRoot:where(.xs\:kui-r-size-2) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-2);
@@ -13433,14 +13685,7 @@
   .kui-SegmentedControlRoot:where(.xs\:kui-r-size-3) {
     --segmented-control-border-radius: var(--radius-control-3);
     --segmented-control-height: var(--control-height-3);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.xs\:kui-r-size-3):where(.xs\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.xs\:kui-r-size-3):where(.xs\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-3);
   }
   .kui-SegmentedControlRoot:where(.xs\:kui-r-size-3) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-3);
@@ -13455,14 +13700,7 @@
   .kui-SegmentedControlRoot:where(.xs\:kui-r-size-4) {
     --segmented-control-border-radius: var(--radius-control-4);
     --segmented-control-height: var(--control-height-4);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.xs\:kui-r-size-4):where(.xs\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.xs\:kui-r-size-4):where(.xs\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-4);
   }
   .kui-SegmentedControlRoot:where(.xs\:kui-r-size-4) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-4);
@@ -13476,30 +13714,10 @@
   }
 }
 @media (min-width: 768px) {
-  .kui-SegmentedControlRoot:where(.sm\:kui-r-orientation-vertical) {
-    grid-auto-flow: row;
-    grid-auto-columns: unset;
-    grid-auto-rows: 1fr;
-    min-width: unset;
-    min-height: -webkit-max-content;
-    min-height: -moz-max-content;
-    min-height: max-content;
-  }
-  .kui-SegmentedControlRoot:where(.sm\:kui-r-orientation-vertical):has([data-icon-only]) {
-    grid-auto-columns: unset;
-    grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
-  }
   .kui-SegmentedControlRoot:where(.sm\:kui-r-size-1) {
     --segmented-control-border-radius: var(--radius-control-1);
     --segmented-control-height: var(--control-height-1);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.sm\:kui-r-size-1):where(.sm\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.sm\:kui-r-size-1):where(.sm\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-2);
   }
   .kui-SegmentedControlRoot:where(.sm\:kui-r-size-1) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-1);
@@ -13514,14 +13732,7 @@
   .kui-SegmentedControlRoot:where(.sm\:kui-r-size-2) {
     --segmented-control-border-radius: var(--radius-control-2);
     --segmented-control-height: var(--control-height-2);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.sm\:kui-r-size-2):where(.sm\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.sm\:kui-r-size-2):where(.sm\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-3);
   }
   .kui-SegmentedControlRoot:where(.sm\:kui-r-size-2) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-2);
@@ -13536,14 +13747,7 @@
   .kui-SegmentedControlRoot:where(.sm\:kui-r-size-3) {
     --segmented-control-border-radius: var(--radius-control-3);
     --segmented-control-height: var(--control-height-3);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.sm\:kui-r-size-3):where(.sm\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.sm\:kui-r-size-3):where(.sm\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-3);
   }
   .kui-SegmentedControlRoot:where(.sm\:kui-r-size-3) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-3);
@@ -13558,14 +13762,7 @@
   .kui-SegmentedControlRoot:where(.sm\:kui-r-size-4) {
     --segmented-control-border-radius: var(--radius-control-4);
     --segmented-control-height: var(--control-height-4);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.sm\:kui-r-size-4):where(.sm\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.sm\:kui-r-size-4):where(.sm\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-4);
   }
   .kui-SegmentedControlRoot:where(.sm\:kui-r-size-4) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-4);
@@ -13579,30 +13776,10 @@
   }
 }
 @media (min-width: 1024px) {
-  .kui-SegmentedControlRoot:where(.md\:kui-r-orientation-vertical) {
-    grid-auto-flow: row;
-    grid-auto-columns: unset;
-    grid-auto-rows: 1fr;
-    min-width: unset;
-    min-height: -webkit-max-content;
-    min-height: -moz-max-content;
-    min-height: max-content;
-  }
-  .kui-SegmentedControlRoot:where(.md\:kui-r-orientation-vertical):has([data-icon-only]) {
-    grid-auto-columns: unset;
-    grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
-  }
   .kui-SegmentedControlRoot:where(.md\:kui-r-size-1) {
     --segmented-control-border-radius: var(--radius-control-1);
     --segmented-control-height: var(--control-height-1);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.md\:kui-r-size-1):where(.md\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.md\:kui-r-size-1):where(.md\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-2);
   }
   .kui-SegmentedControlRoot:where(.md\:kui-r-size-1) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-1);
@@ -13617,14 +13794,7 @@
   .kui-SegmentedControlRoot:where(.md\:kui-r-size-2) {
     --segmented-control-border-radius: var(--radius-control-2);
     --segmented-control-height: var(--control-height-2);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.md\:kui-r-size-2):where(.md\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.md\:kui-r-size-2):where(.md\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-3);
   }
   .kui-SegmentedControlRoot:where(.md\:kui-r-size-2) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-2);
@@ -13639,14 +13809,7 @@
   .kui-SegmentedControlRoot:where(.md\:kui-r-size-3) {
     --segmented-control-border-radius: var(--radius-control-3);
     --segmented-control-height: var(--control-height-3);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.md\:kui-r-size-3):where(.md\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.md\:kui-r-size-3):where(.md\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-3);
   }
   .kui-SegmentedControlRoot:where(.md\:kui-r-size-3) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-3);
@@ -13661,14 +13824,7 @@
   .kui-SegmentedControlRoot:where(.md\:kui-r-size-4) {
     --segmented-control-border-radius: var(--radius-control-4);
     --segmented-control-height: var(--control-height-4);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.md\:kui-r-size-4):where(.md\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.md\:kui-r-size-4):where(.md\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-4);
   }
   .kui-SegmentedControlRoot:where(.md\:kui-r-size-4) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-4);
@@ -13682,30 +13838,10 @@
   }
 }
 @media (min-width: 1280px) {
-  .kui-SegmentedControlRoot:where(.lg\:kui-r-orientation-vertical) {
-    grid-auto-flow: row;
-    grid-auto-columns: unset;
-    grid-auto-rows: 1fr;
-    min-width: unset;
-    min-height: -webkit-max-content;
-    min-height: -moz-max-content;
-    min-height: max-content;
-  }
-  .kui-SegmentedControlRoot:where(.lg\:kui-r-orientation-vertical):has([data-icon-only]) {
-    grid-auto-columns: unset;
-    grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
-  }
   .kui-SegmentedControlRoot:where(.lg\:kui-r-size-1) {
     --segmented-control-border-radius: var(--radius-control-1);
     --segmented-control-height: var(--control-height-1);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.lg\:kui-r-size-1):where(.lg\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.lg\:kui-r-size-1):where(.lg\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-2);
   }
   .kui-SegmentedControlRoot:where(.lg\:kui-r-size-1) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-1);
@@ -13720,14 +13856,7 @@
   .kui-SegmentedControlRoot:where(.lg\:kui-r-size-2) {
     --segmented-control-border-radius: var(--radius-control-2);
     --segmented-control-height: var(--control-height-2);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.lg\:kui-r-size-2):where(.lg\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.lg\:kui-r-size-2):where(.lg\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-3);
   }
   .kui-SegmentedControlRoot:where(.lg\:kui-r-size-2) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-2);
@@ -13742,14 +13871,7 @@
   .kui-SegmentedControlRoot:where(.lg\:kui-r-size-3) {
     --segmented-control-border-radius: var(--radius-control-3);
     --segmented-control-height: var(--control-height-3);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.lg\:kui-r-size-3):where(.lg\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.lg\:kui-r-size-3):where(.lg\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-3);
   }
   .kui-SegmentedControlRoot:where(.lg\:kui-r-size-3) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-3);
@@ -13764,14 +13886,7 @@
   .kui-SegmentedControlRoot:where(.lg\:kui-r-size-4) {
     --segmented-control-border-radius: var(--radius-control-4);
     --segmented-control-height: var(--control-height-4);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.lg\:kui-r-size-4):where(.lg\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.lg\:kui-r-size-4):where(.lg\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-4);
   }
   .kui-SegmentedControlRoot:where(.lg\:kui-r-size-4) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-4);
@@ -13785,30 +13900,10 @@
   }
 }
 @media (min-width: 1640px) {
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-orientation-vertical) {
-    grid-auto-flow: row;
-    grid-auto-columns: unset;
-    grid-auto-rows: 1fr;
-    min-width: unset;
-    min-height: -webkit-max-content;
-    min-height: -moz-max-content;
-    min-height: max-content;
-  }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-orientation-vertical):has([data-icon-only]) {
-    grid-auto-columns: unset;
-    grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
-  }
   .kui-SegmentedControlRoot:where(.xl\:kui-r-size-1) {
     --segmented-control-border-radius: var(--radius-control-1);
     --segmented-control-height: var(--control-height-1);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-1):where(.xl\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-1):where(.xl\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-2);
   }
   .kui-SegmentedControlRoot:where(.xl\:kui-r-size-1) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-1);
@@ -13823,14 +13918,7 @@
   .kui-SegmentedControlRoot:where(.xl\:kui-r-size-2) {
     --segmented-control-border-radius: var(--radius-control-2);
     --segmented-control-height: var(--control-height-2);
-    height: var(--segmented-control-height);
-  }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-2):where(.xl\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-2):where(.xl\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-3);
   }
   .kui-SegmentedControlRoot:where(.xl\:kui-r-size-2) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-2);
@@ -13845,89 +13933,767 @@
   .kui-SegmentedControlRoot:where(.xl\:kui-r-size-3) {
     --segmented-control-border-radius: var(--radius-control-3);
     --segmented-control-height: var(--control-height-3);
-    height: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-3);
+  }
+  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-3) :where(.kui-SegmentedControlItemLabel) {
+    font-size: var(--font-size-3);
+    letter-spacing: var(--letter-spacing-3);
+    padding-inline: var(--control-px-3);
+    gap: var(--control-gap-3);
+  }
+  :is(.kui-SegmentedControlRoot:where(.xl\:kui-r-size-3) :where(.kui-SegmentedControlItemLabel)) :where(svg) {
+    width: var(--icon-size-3);
+    height: var(--icon-size-3);
+  }
+  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-4) {
+    --segmented-control-border-radius: var(--radius-control-4);
+    --segmented-control-height: var(--control-height-4);
+    --segmented-control-vertical-py: var(--space-4);
+  }
+  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-4) :where(.kui-SegmentedControlItemLabel) {
+    font-size: var(--font-size-4);
+    letter-spacing: var(--letter-spacing-4);
+    padding-inline: var(--control-px-4);
+    gap: var(--control-gap-4);
+  }
+  :is(.kui-SegmentedControlRoot:where(.xl\:kui-r-size-4) :where(.kui-SegmentedControlItemLabel)) :where(svg) {
+    width: var(--icon-size-4);
+    height: var(--icon-size-4);
+  }
+}
+.kui-SegmentedControlItem:where([data-icon-only]) {
+  min-width: var(--segmented-control-height);
+}
+.kui-SegmentedControlItem:where([data-icon-only]) :where(.kui-SegmentedControlItemLabel) {
+  padding-inline: 0;
+}
+.kui-SegmentedControlRoot:where(.kui-r-orientation-horizontal) {
+  grid-auto-flow: column;
+  grid-auto-columns: 1fr;
+  grid-auto-rows: auto;
+  min-width: -webkit-max-content;
+  min-width: -moz-max-content;
+  min-width: max-content;
+  min-height: auto;
+  --segmented-control-root-height: var(--segmented-control-height);
+}
+.kui-SegmentedControlRoot:where(.kui-r-orientation-horizontal):has([data-icon-only]) {
+  grid-auto-columns: minmax(var(--segmented-control-height), 1fr);
+  grid-auto-rows: auto;
+  --segmented-control-root-width: auto;
+}
+.kui-SegmentedControlRoot:where(.kui-r-orientation-vertical) {
+  grid-auto-flow: row;
+  grid-auto-columns: auto;
+  grid-auto-rows: 1fr;
+  min-width: auto;
+  min-height: -webkit-max-content;
+  min-height: -moz-max-content;
+  min-height: max-content;
+  --segmented-control-root-height: auto;
+}
+.kui-SegmentedControlRoot:where(.kui-r-orientation-vertical):has([data-icon-only]) {
+  grid-auto-columns: auto;
+  grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
+  --segmented-control-root-width: var(--segmented-control-height);
+  width: var(--segmented-control-root-width);
+}
+:where(.kui-r-orientation-horizontal) .kui-SegmentedControlItem {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+:where(.kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child) {
+  border-start-start-radius: inherit;
+  border-end-start-radius: inherit;
+}
+:where(.kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+  border-start-end-radius: 0;
+}
+:where(.kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+  border-start-end-radius: inherit;
+  border-end-end-radius: inherit;
+}
+:where(.kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+  border-end-start-radius: 0;
+}
+:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child) {
+  border-start-start-radius: inherit;
+  border-start-end-radius: inherit;
+}
+:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+  border-end-start-radius: 0;
+}
+:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+  border-end-start-radius: inherit;
+  border-end-end-radius: inherit;
+}
+:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+  border-start-end-radius: 0;
+}
+:where(.kui-r-orientation-horizontal) .kui-SegmentedControlItemSeparator {
+  padding-block: calc(var(--space-2) * 0.75);
+  padding-inline: 0;
+  margin-block: 0;
+  margin-inline: calc(-1 * var(--border-width-standard) * 0.5);
+  width: var(--border-width-standard);
+  height: auto;
+}
+:where(.kui-r-orientation-vertical) .kui-SegmentedControlItemSeparator {
+  padding-block: 0;
+  padding-inline: calc(var(--space-2) * 0.75);
+  margin-block: calc(-1 * var(--border-width-standard) * 0.5);
+  margin-inline: 0;
+  width: auto;
+  height: var(--border-width-standard);
+}
+:where(.kui-r-orientation-horizontal) .kui-SegmentedControlIndicator {
+  width: calc(100% / var(--segmented-control-count, 1));
+  height: 100%;
+  -webkit-transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+          transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+}
+:where(.kui-r-orientation-vertical) .kui-SegmentedControlIndicator {
+  width: 100%;
+  height: calc(100% / var(--segmented-control-count, 1));
+  -webkit-transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
+          transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
+}
+:where(.kui-r-orientation-horizontal) .kui-SegmentedControlItem[data-icon-only] {
+  min-width: var(--segmented-control-height);
+  min-height: auto;
+}
+:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] {
+  min-width: auto;
+  min-height: var(--segmented-control-height);
+}
+:where(.kui-r-orientation-horizontal) .kui-SegmentedControlItemLabel {
+  padding-block: 0;
+}
+:where(.kui-r-orientation-vertical) .kui-SegmentedControlItemLabel {
+  padding-block: var(--segmented-control-vertical-py);
+}
+:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] .kui-SegmentedControlItemLabel {
+  padding-block: 0;
+}
+@media (min-width: 520px) {
+  .kui-SegmentedControlRoot:where(.xs\:kui-r-orientation-horizontal) {
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr;
+    grid-auto-rows: auto;
+    min-width: -webkit-max-content;
+    min-width: -moz-max-content;
+    min-width: max-content;
+    min-height: auto;
+    --segmented-control-root-height: var(--segmented-control-height);
+  }
+  .kui-SegmentedControlRoot:where(.xs\:kui-r-orientation-horizontal):has([data-icon-only]) {
+    grid-auto-columns: minmax(var(--segmented-control-height), 1fr);
+    grid-auto-rows: auto;
+    --segmented-control-root-width: auto;
+  }
+  .kui-SegmentedControlRoot:where(.xs\:kui-r-orientation-vertical) {
+    grid-auto-flow: row;
+    grid-auto-columns: auto;
+    grid-auto-rows: 1fr;
+    min-width: auto;
+    min-height: -webkit-max-content;
+    min-height: -moz-max-content;
+    min-height: max-content;
+    --segmented-control-root-height: auto;
+  }
+  .kui-SegmentedControlRoot:where(.xs\:kui-r-orientation-vertical):has([data-icon-only]) {
+    grid-auto-columns: auto;
+    grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
+    --segmented-control-root-width: var(--segmented-control-height);
+    width: var(--segmented-control-root-width);
+  }
+  :where(.xs\:kui-r-orientation-horizontal) .kui-SegmentedControlItem {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
+  :where(.xs\:kui-r-orientation-vertical) .kui-SegmentedControlItem {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+  }
+  :where(.xs\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child) {
+    border-start-start-radius: inherit;
+    border-end-start-radius: inherit;
+  }
+  :where(.xs\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+    border-start-end-radius: 0;
+  }
+  :where(.xs\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+    border-start-end-radius: inherit;
+    border-end-end-radius: inherit;
+  }
+  :where(.xs\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+    border-end-start-radius: 0;
+  }
+  :where(.xs\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child) {
+    border-start-start-radius: inherit;
+    border-start-end-radius: inherit;
+  }
+  :where(.xs\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+    border-end-start-radius: 0;
+  }
+  :where(.xs\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+    border-end-start-radius: inherit;
+    border-end-end-radius: inherit;
+  }
+  :where(.xs\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+    border-start-end-radius: 0;
+  }
+  :where(.xs\:kui-r-orientation-horizontal) .kui-SegmentedControlItemSeparator {
+    padding-block: calc(var(--space-2) * 0.75);
+    padding-inline: 0;
+    margin-block: 0;
+    margin-inline: calc(-1 * var(--border-width-standard) * 0.5);
+    width: var(--border-width-standard);
+    height: auto;
+  }
+  :where(.xs\:kui-r-orientation-vertical) .kui-SegmentedControlItemSeparator {
+    padding-block: 0;
+    padding-inline: calc(var(--space-2) * 0.75);
+    margin-block: calc(-1 * var(--border-width-standard) * 0.5);
+    margin-inline: 0;
+    width: auto;
+    height: var(--border-width-standard);
+  }
+  :where(.xs\:kui-r-orientation-horizontal) .kui-SegmentedControlIndicator {
+    width: calc(100% / var(--segmented-control-count, 1));
+    height: 100%;
+    -webkit-transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+            transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+  }
+  :where(.xs\:kui-r-orientation-vertical) .kui-SegmentedControlIndicator {
+    width: 100%;
+    height: calc(100% / var(--segmented-control-count, 1));
+    -webkit-transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
+            transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
+  }
+  :where(.xs\:kui-r-orientation-horizontal) .kui-SegmentedControlItem[data-icon-only] {
+    min-width: var(--segmented-control-height);
+    min-height: auto;
+  }
+  :where(.xs\:kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] {
+    min-width: auto;
+    min-height: var(--segmented-control-height);
+  }
+  :where(.xs\:kui-r-orientation-horizontal) .kui-SegmentedControlItemLabel {
+    padding-block: 0;
+  }
+  :where(.xs\:kui-r-orientation-vertical) .kui-SegmentedControlItemLabel {
+    padding-block: var(--segmented-control-vertical-py);
+  }
+  :where(.xs\:kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] .kui-SegmentedControlItemLabel {
+    padding-block: 0;
+  }
+}
+@media (min-width: 768px) {
+  .kui-SegmentedControlRoot:where(.sm\:kui-r-orientation-horizontal) {
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr;
+    grid-auto-rows: auto;
+    min-width: -webkit-max-content;
+    min-width: -moz-max-content;
+    min-width: max-content;
+    min-height: auto;
+    --segmented-control-root-height: var(--segmented-control-height);
+  }
+  .kui-SegmentedControlRoot:where(.sm\:kui-r-orientation-horizontal):has([data-icon-only]) {
+    grid-auto-columns: minmax(var(--segmented-control-height), 1fr);
+    grid-auto-rows: auto;
+    --segmented-control-root-width: auto;
+  }
+  .kui-SegmentedControlRoot:where(.sm\:kui-r-orientation-vertical) {
+    grid-auto-flow: row;
+    grid-auto-columns: auto;
+    grid-auto-rows: 1fr;
+    min-width: auto;
+    min-height: -webkit-max-content;
+    min-height: -moz-max-content;
+    min-height: max-content;
+    --segmented-control-root-height: auto;
+  }
+  .kui-SegmentedControlRoot:where(.sm\:kui-r-orientation-vertical):has([data-icon-only]) {
+    grid-auto-columns: auto;
+    grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
+    --segmented-control-root-width: var(--segmented-control-height);
+    width: var(--segmented-control-root-width);
+  }
+  :where(.sm\:kui-r-orientation-horizontal) .kui-SegmentedControlItem {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
+  :where(.sm\:kui-r-orientation-vertical) .kui-SegmentedControlItem {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+  }
+  :where(.sm\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child) {
+    border-start-start-radius: inherit;
+    border-end-start-radius: inherit;
+  }
+  :where(.sm\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+    border-start-end-radius: 0;
+  }
+  :where(.sm\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+    border-start-end-radius: inherit;
+    border-end-end-radius: inherit;
+  }
+  :where(.sm\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+    border-end-start-radius: 0;
+  }
+  :where(.sm\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child) {
+    border-start-start-radius: inherit;
+    border-start-end-radius: inherit;
+  }
+  :where(.sm\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+    border-end-start-radius: 0;
+  }
+  :where(.sm\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+    border-end-start-radius: inherit;
+    border-end-end-radius: inherit;
+  }
+  :where(.sm\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+    border-start-end-radius: 0;
+  }
+  :where(.sm\:kui-r-orientation-horizontal) .kui-SegmentedControlItemSeparator {
+    padding-block: calc(var(--space-2) * 0.75);
+    padding-inline: 0;
+    margin-block: 0;
+    margin-inline: calc(-1 * var(--border-width-standard) * 0.5);
+    width: var(--border-width-standard);
+    height: auto;
+  }
+  :where(.sm\:kui-r-orientation-vertical) .kui-SegmentedControlItemSeparator {
+    padding-block: 0;
+    padding-inline: calc(var(--space-2) * 0.75);
+    margin-block: calc(-1 * var(--border-width-standard) * 0.5);
+    margin-inline: 0;
+    width: auto;
+    height: var(--border-width-standard);
+  }
+  :where(.sm\:kui-r-orientation-horizontal) .kui-SegmentedControlIndicator {
+    width: calc(100% / var(--segmented-control-count, 1));
+    height: 100%;
+    -webkit-transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+            transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+  }
+  :where(.sm\:kui-r-orientation-vertical) .kui-SegmentedControlIndicator {
+    width: 100%;
+    height: calc(100% / var(--segmented-control-count, 1));
+    -webkit-transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
+            transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
+  }
+  :where(.sm\:kui-r-orientation-horizontal) .kui-SegmentedControlItem[data-icon-only] {
+    min-width: var(--segmented-control-height);
+    min-height: auto;
+  }
+  :where(.sm\:kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] {
+    min-width: auto;
+    min-height: var(--segmented-control-height);
+  }
+  :where(.sm\:kui-r-orientation-horizontal) .kui-SegmentedControlItemLabel {
+    padding-block: 0;
+  }
+  :where(.sm\:kui-r-orientation-vertical) .kui-SegmentedControlItemLabel {
+    padding-block: var(--segmented-control-vertical-py);
+  }
+  :where(.sm\:kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] .kui-SegmentedControlItemLabel {
+    padding-block: 0;
+  }
+}
+@media (min-width: 1024px) {
+  .kui-SegmentedControlRoot:where(.md\:kui-r-orientation-horizontal) {
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr;
+    grid-auto-rows: auto;
+    min-width: -webkit-max-content;
+    min-width: -moz-max-content;
+    min-width: max-content;
+    min-height: auto;
+    --segmented-control-root-height: var(--segmented-control-height);
+  }
+  .kui-SegmentedControlRoot:where(.md\:kui-r-orientation-horizontal):has([data-icon-only]) {
+    grid-auto-columns: minmax(var(--segmented-control-height), 1fr);
+    grid-auto-rows: auto;
+    --segmented-control-root-width: auto;
+  }
+  .kui-SegmentedControlRoot:where(.md\:kui-r-orientation-vertical) {
+    grid-auto-flow: row;
+    grid-auto-columns: auto;
+    grid-auto-rows: 1fr;
+    min-width: auto;
+    min-height: -webkit-max-content;
+    min-height: -moz-max-content;
+    min-height: max-content;
+    --segmented-control-root-height: auto;
+  }
+  .kui-SegmentedControlRoot:where(.md\:kui-r-orientation-vertical):has([data-icon-only]) {
+    grid-auto-columns: auto;
+    grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
+    --segmented-control-root-width: var(--segmented-control-height);
+    width: var(--segmented-control-root-width);
+  }
+  :where(.md\:kui-r-orientation-horizontal) .kui-SegmentedControlItem {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
+  :where(.md\:kui-r-orientation-vertical) .kui-SegmentedControlItem {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+  }
+  :where(.md\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child) {
+    border-start-start-radius: inherit;
+    border-end-start-radius: inherit;
+  }
+  :where(.md\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+    border-start-end-radius: 0;
+  }
+  :where(.md\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+    border-start-end-radius: inherit;
+    border-end-end-radius: inherit;
+  }
+  :where(.md\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+    border-end-start-radius: 0;
+  }
+  :where(.md\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child) {
+    border-start-start-radius: inherit;
+    border-start-end-radius: inherit;
+  }
+  :where(.md\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+    border-end-start-radius: 0;
+  }
+  :where(.md\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+    border-end-start-radius: inherit;
+    border-end-end-radius: inherit;
+  }
+  :where(.md\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+    border-start-end-radius: 0;
+  }
+  :where(.md\:kui-r-orientation-horizontal) .kui-SegmentedControlItemSeparator {
+    padding-block: calc(var(--space-2) * 0.75);
+    padding-inline: 0;
+    margin-block: 0;
+    margin-inline: calc(-1 * var(--border-width-standard) * 0.5);
+    width: var(--border-width-standard);
+    height: auto;
+  }
+  :where(.md\:kui-r-orientation-vertical) .kui-SegmentedControlItemSeparator {
+    padding-block: 0;
+    padding-inline: calc(var(--space-2) * 0.75);
+    margin-block: calc(-1 * var(--border-width-standard) * 0.5);
+    margin-inline: 0;
+    width: auto;
+    height: var(--border-width-standard);
+  }
+  :where(.md\:kui-r-orientation-horizontal) .kui-SegmentedControlIndicator {
+    width: calc(100% / var(--segmented-control-count, 1));
+    height: 100%;
+    -webkit-transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+            transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+  }
+  :where(.md\:kui-r-orientation-vertical) .kui-SegmentedControlIndicator {
+    width: 100%;
+    height: calc(100% / var(--segmented-control-count, 1));
+    -webkit-transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
+            transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
+  }
+  :where(.md\:kui-r-orientation-horizontal) .kui-SegmentedControlItem[data-icon-only] {
+    min-width: var(--segmented-control-height);
+    min-height: auto;
+  }
+  :where(.md\:kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] {
+    min-width: auto;
+    min-height: var(--segmented-control-height);
+  }
+  :where(.md\:kui-r-orientation-horizontal) .kui-SegmentedControlItemLabel {
+    padding-block: 0;
+  }
+  :where(.md\:kui-r-orientation-vertical) .kui-SegmentedControlItemLabel {
+    padding-block: var(--segmented-control-vertical-py);
+  }
+  :where(.md\:kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] .kui-SegmentedControlItemLabel {
+    padding-block: 0;
+  }
+}
+@media (min-width: 1280px) {
+  .kui-SegmentedControlRoot:where(.lg\:kui-r-orientation-horizontal) {
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr;
+    grid-auto-rows: auto;
+    min-width: -webkit-max-content;
+    min-width: -moz-max-content;
+    min-width: max-content;
+    min-height: auto;
+    --segmented-control-root-height: var(--segmented-control-height);
+  }
+  .kui-SegmentedControlRoot:where(.lg\:kui-r-orientation-horizontal):has([data-icon-only]) {
+    grid-auto-columns: minmax(var(--segmented-control-height), 1fr);
+    grid-auto-rows: auto;
+    --segmented-control-root-width: auto;
+  }
+  .kui-SegmentedControlRoot:where(.lg\:kui-r-orientation-vertical) {
+    grid-auto-flow: row;
+    grid-auto-columns: auto;
+    grid-auto-rows: 1fr;
+    min-width: auto;
+    min-height: -webkit-max-content;
+    min-height: -moz-max-content;
+    min-height: max-content;
+    --segmented-control-root-height: auto;
+  }
+  .kui-SegmentedControlRoot:where(.lg\:kui-r-orientation-vertical):has([data-icon-only]) {
+    grid-auto-columns: auto;
+    grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
+    --segmented-control-root-width: var(--segmented-control-height);
+    width: var(--segmented-control-root-width);
+  }
+  :where(.lg\:kui-r-orientation-horizontal) .kui-SegmentedControlItem {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
+  :where(.lg\:kui-r-orientation-vertical) .kui-SegmentedControlItem {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+  }
+  :where(.lg\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child) {
+    border-start-start-radius: inherit;
+    border-end-start-radius: inherit;
+  }
+  :where(.lg\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+    border-start-end-radius: 0;
+  }
+  :where(.lg\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+    border-start-end-radius: inherit;
+    border-end-end-radius: inherit;
+  }
+  :where(.lg\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+    border-end-start-radius: 0;
+  }
+  :where(.lg\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child) {
+    border-start-start-radius: inherit;
+    border-start-end-radius: inherit;
+  }
+  :where(.lg\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+    border-end-start-radius: 0;
+  }
+  :where(.lg\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+    border-end-start-radius: inherit;
+    border-end-end-radius: inherit;
+  }
+  :where(.lg\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+    border-start-end-radius: 0;
+  }
+  :where(.lg\:kui-r-orientation-horizontal) .kui-SegmentedControlItemSeparator {
+    padding-block: calc(var(--space-2) * 0.75);
+    padding-inline: 0;
+    margin-block: 0;
+    margin-inline: calc(-1 * var(--border-width-standard) * 0.5);
+    width: var(--border-width-standard);
+    height: auto;
+  }
+  :where(.lg\:kui-r-orientation-vertical) .kui-SegmentedControlItemSeparator {
+    padding-block: 0;
+    padding-inline: calc(var(--space-2) * 0.75);
+    margin-block: calc(-1 * var(--border-width-standard) * 0.5);
+    margin-inline: 0;
+    width: auto;
+    height: var(--border-width-standard);
+  }
+  :where(.lg\:kui-r-orientation-horizontal) .kui-SegmentedControlIndicator {
+    width: calc(100% / var(--segmented-control-count, 1));
+    height: 100%;
+    -webkit-transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+            transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+  }
+  :where(.lg\:kui-r-orientation-vertical) .kui-SegmentedControlIndicator {
+    width: 100%;
+    height: calc(100% / var(--segmented-control-count, 1));
+    -webkit-transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
+            transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
+  }
+  :where(.lg\:kui-r-orientation-horizontal) .kui-SegmentedControlItem[data-icon-only] {
+    min-width: var(--segmented-control-height);
+    min-height: auto;
+  }
+  :where(.lg\:kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] {
+    min-width: auto;
+    min-height: var(--segmented-control-height);
+  }
+  :where(.lg\:kui-r-orientation-horizontal) .kui-SegmentedControlItemLabel {
+    padding-block: 0;
+  }
+  :where(.lg\:kui-r-orientation-vertical) .kui-SegmentedControlItemLabel {
+    padding-block: var(--segmented-control-vertical-py);
+  }
+  :where(.lg\:kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] .kui-SegmentedControlItemLabel {
+    padding-block: 0;
+  }
+}
+@media (min-width: 1640px) {
+  .kui-SegmentedControlRoot:where(.xl\:kui-r-orientation-horizontal) {
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr;
+    grid-auto-rows: auto;
+    min-width: -webkit-max-content;
+    min-width: -moz-max-content;
+    min-width: max-content;
+    min-height: auto;
+    --segmented-control-root-height: var(--segmented-control-height);
+  }
+  .kui-SegmentedControlRoot:where(.xl\:kui-r-orientation-horizontal):has([data-icon-only]) {
+    grid-auto-columns: minmax(var(--segmented-control-height), 1fr);
+    grid-auto-rows: auto;
+    --segmented-control-root-width: auto;
+  }
+  .kui-SegmentedControlRoot:where(.xl\:kui-r-orientation-vertical) {
+    grid-auto-flow: row;
+    grid-auto-columns: auto;
+    grid-auto-rows: 1fr;
+    min-width: auto;
+    min-height: -webkit-max-content;
+    min-height: -moz-max-content;
+    min-height: max-content;
+    --segmented-control-root-height: auto;
+  }
+  .kui-SegmentedControlRoot:where(.xl\:kui-r-orientation-vertical):has([data-icon-only]) {
+    grid-auto-columns: auto;
+    grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
+    --segmented-control-root-width: var(--segmented-control-height);
+    width: var(--segmented-control-root-width);
+  }
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlItem {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
+  :where(.xl\:kui-r-orientation-vertical) .kui-SegmentedControlItem {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+  }
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child) {
+    border-start-start-radius: inherit;
+    border-end-start-radius: inherit;
   }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-3):where(.xl\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+    border-start-end-radius: 0;
   }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-3):where(.xl\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+    border-start-end-radius: inherit;
+    border-end-end-radius: inherit;
   }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-3) :where(.kui-SegmentedControlItemLabel) {
-    font-size: var(--font-size-3);
-    letter-spacing: var(--letter-spacing-3);
-    padding-inline: var(--control-px-3);
-    gap: var(--control-gap-3);
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+    border-end-start-radius: 0;
   }
-  :is(.kui-SegmentedControlRoot:where(.xl\:kui-r-size-3) :where(.kui-SegmentedControlItemLabel)) :where(svg) {
-    width: var(--icon-size-3);
-    height: var(--icon-size-3);
+  :where(.xl\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child) {
+    border-start-start-radius: inherit;
+    border-start-end-radius: inherit;
   }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-4) {
-    --segmented-control-border-radius: var(--radius-control-4);
-    --segmented-control-height: var(--control-height-4);
-    height: var(--segmented-control-height);
+  :where(.xl\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+    border-end-start-radius: 0;
+  }
+  :where(.xl\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+    border-end-start-radius: inherit;
+    border-end-end-radius: inherit;
   }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-4):where(.xl\:kui-r-orientation-vertical) {
+  :where(.xl\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+    border-start-end-radius: 0;
+  }
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlItemSeparator {
+    padding-block: calc(var(--space-2) * 0.75);
+    padding-inline: 0;
+    margin-block: 0;
+    margin-inline: calc(-1 * var(--border-width-standard) * 0.5);
+    width: var(--border-width-standard);
     height: auto;
+  }
+  :where(.xl\:kui-r-orientation-vertical) .kui-SegmentedControlItemSeparator {
+    padding-block: 0;
+    padding-inline: calc(var(--space-2) * 0.75);
+    margin-block: calc(-1 * var(--border-width-standard) * 0.5);
+    margin-inline: 0;
     width: auto;
+    height: var(--border-width-standard);
   }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-4):where(.xl\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlIndicator {
+    width: calc(100% / var(--segmented-control-count, 1));
+    height: 100%;
+    -webkit-transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
+            transform: translateX(calc(var(--segmented-control-index, 0) * 100% * var(--segmented-control-direction)));
   }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-4) :where(.kui-SegmentedControlItemLabel) {
-    font-size: var(--font-size-4);
-    letter-spacing: var(--letter-spacing-4);
-    padding-inline: var(--control-px-4);
-    gap: var(--control-gap-4);
+  :where(.xl\:kui-r-orientation-vertical) .kui-SegmentedControlIndicator {
+    width: 100%;
+    height: calc(100% / var(--segmented-control-count, 1));
+    -webkit-transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
+            transform: translateY(calc(var(--segmented-control-index, 0) * 100%));
   }
-  :is(.kui-SegmentedControlRoot:where(.xl\:kui-r-size-4) :where(.kui-SegmentedControlItemLabel)) :where(svg) {
-    width: var(--icon-size-4);
-    height: var(--icon-size-4);
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlItem[data-icon-only] {
+    min-width: var(--segmented-control-height);
+    min-height: auto;
+  }
+  :where(.xl\:kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] {
+    min-width: auto;
+    min-height: var(--segmented-control-height);
+  }
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlItemLabel {
+    padding-block: 0;
+  }
+  :where(.xl\:kui-r-orientation-vertical) .kui-SegmentedControlItemLabel {
+    padding-block: var(--segmented-control-vertical-py);
+  }
+  :where(.xl\:kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] .kui-SegmentedControlItemLabel {
+    padding-block: 0;
   }
 }
-.kui-SegmentedControlItem:where([data-icon-only]) {
-  min-width: var(--segmented-control-height);
-}
-.kui-SegmentedControlItem:where([data-icon-only]) :where(.kui-SegmentedControlItemLabel) {
-  padding-inline: 0;
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] {
-  min-width: unset;
-  min-height: var(--segmented-control-height);
-}
-:where(.kui-r-orientation-vertical) .kui-SegmentedControlItem[data-icon-only] .kui-SegmentedControlItemLabel {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.kui-SegmentedControlRoot:where(.kui-r-orientation-vertical):where(.kui-r-size-1):has([data-icon-only]) {
-  width: var(--control-height-1);
-}
-.kui-SegmentedControlRoot:where(.kui-r-orientation-vertical):where(.kui-r-size-2):has([data-icon-only]) {
-  width: var(--control-height-2);
-}
-.kui-SegmentedControlRoot:where(.kui-r-orientation-vertical):where(.kui-r-size-3):has([data-icon-only]) {
-  width: var(--control-height-3);
-}
-.kui-SegmentedControlRoot:where(.kui-r-orientation-vertical):where(.kui-r-size-4):has([data-icon-only]) {
-  width: var(--control-height-4);
-}
-:where(.kui-r-orientation-vertical):where(.kui-r-size-1) .kui-SegmentedControlItemLabel {
-  padding-top: var(--space-2);
-  padding-bottom: var(--space-2);
-}
-:where(.kui-r-orientation-vertical):where(.kui-r-size-2) .kui-SegmentedControlItemLabel {
-  padding-top: var(--space-3);
-  padding-bottom: var(--space-3);
-}
-:where(.kui-r-orientation-vertical):where(.kui-r-size-3) .kui-SegmentedControlItemLabel {
-  padding-top: var(--space-3);
-  padding-bottom: var(--space-3);
-}
-:where(.kui-r-orientation-vertical):where(.kui-r-size-4) .kui-SegmentedControlItemLabel {
-  padding-top: var(--space-4);
-  padding-bottom: var(--space-4);
+@media (forced-colors: active) {
+  .kui-SegmentedControlRoot {
+    border: 1px solid CanvasText;
+  }
+  .kui-SegmentedControlItemSeparator {
+    background-color: CanvasText;
+  }
+  .kui-SegmentedControlIndicator::before {
+    background-color: Highlight;
+  }
+  .kui-SegmentedControlItem:where([data-state='on']) {
+    color: HighlightText;
+  }
+  .kui-SegmentedControlRoot:where([data-disabled]),
+  .kui-SegmentedControlItem:where([disabled]) {
+    border-color: GrayText;
+    color: GrayText;
+  }
+  :where(.kui-SegmentedControlItem[data-state='on'][disabled]) ~ .kui-SegmentedControlIndicator::before {
+    background-color: GrayText;
+  }
 }
 .kui-SelectTrigger:where(:not([data-placeholder])) :where(.kui-SelectTriggerInner) {
   font-weight: var(--font-weight-medium);
@@ -13944,7 +14710,8 @@
 .kui-SelectIcon {
   -ms-flex-negative: 0;
       flex-shrink: 0;
-  margin-left: auto;
+  -webkit-margin-start: auto;
+          margin-inline-start: auto;
   width: var(--trigger-icon-size-default);
   height: var(--trigger-icon-size-default);
 }
@@ -13970,7 +14737,8 @@
           box-sizing: border-box;
 }
 :where(.kui-SelectContent:has(.kui-ScrollAreaScrollbar[data-orientation='vertical'])) .kui-SelectViewport {
-  padding-right: var(--space-4);
+  -webkit-padding-end: var(--space-4);
+          padding-inline-end: var(--space-4);
 }
 .kui-SelectItem:where(.kui-SelectItemRich) {
   -webkit-box-align: start;
@@ -14010,8 +14778,10 @@
           box-sizing: border-box;
   min-height: var(--select-trigger-height);
   gap: var(--select-trigger-gap);
-  padding-left: calc(var(--select-trigger-px) + min(var(--radius-full, 0px), var(--select-trigger-px-pill) - var(--select-trigger-px)));
-  padding-right: var(--select-trigger-px);
+  -webkit-padding-start: calc(var(--select-trigger-px) + min(var(--radius-full, 0px), var(--select-trigger-px-pill) - var(--select-trigger-px)));
+          padding-inline-start: calc(var(--select-trigger-px) + min(var(--radius-full, 0px), var(--select-trigger-px-pill) - var(--select-trigger-px)));
+  -webkit-padding-end: var(--select-trigger-px);
+          padding-inline-end: var(--select-trigger-px);
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -14584,65 +15354,19 @@
   outline-color: var(--red-8);
 }
 .kui-SelectLoadingIcon {
-  -webkit-animation: kui-spin 1s linear infinite;
-          animation: kui-spin 1s linear infinite;
-}
-.kui-SelectLoadingIconCircle {
-  -webkit-animation: kui-dash 1.5s ease-in-out infinite;
-          animation: kui-dash 1.5s ease-in-out infinite;
-}
-@-webkit-keyframes kui-spin {
-  from {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-@keyframes kui-spin {
-  from {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes kui-dash {
-  0% {
-    stroke-dasharray: 1, 150;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -35;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -124;
-  }
+  display: block;
 }
-@keyframes kui-dash {
-  0% {
-    stroke-dasharray: 1, 150;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -35;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -124;
-  }
+.kui-SelectLoadingIcon > .kui-Spinner {
+  width: 100%;
+  height: 100%;
 }
 @media (forced-colors: active) {
-  .kui-SelectTrigger:where([aria-invalid='true']) {
+  .kui-SelectTrigger {
     border: 1px solid CanvasText;
   }
+  .kui-SelectTrigger:where(:disabled, [data-disabled]) {
+    border-color: GrayText;
+  }
 }
 .kui-SelectItem:where([data-accent-color]) {
   color: var(--accent-ink);
@@ -14682,59 +15406,89 @@
 .kui-Separator:where(.kui-r-orientation-horizontal) {
   width: var(--separator-size);
   height: 1px;
+  min-height: 1px;
 }
 .kui-Separator:where(.kui-r-orientation-vertical) {
   width: 1px;
-  height: var(--separator-size);
+  min-width: 1px;
+  height: auto;
+  min-height: var(--separator-size);
+  -ms-flex-item-align: stretch;
+      align-self: stretch;
 }
 @media (min-width: 520px) {
   .kui-Separator:where(.xs\:kui-r-orientation-horizontal) {
     width: var(--separator-size);
     height: 1px;
+    min-height: 1px;
   }
   .kui-Separator:where(.xs\:kui-r-orientation-vertical) {
     width: 1px;
-    height: var(--separator-size);
+    min-width: 1px;
+    height: auto;
+    min-height: var(--separator-size);
+    -ms-flex-item-align: stretch;
+        align-self: stretch;
   }
 }
 @media (min-width: 768px) {
   .kui-Separator:where(.sm\:kui-r-orientation-horizontal) {
     width: var(--separator-size);
     height: 1px;
+    min-height: 1px;
   }
   .kui-Separator:where(.sm\:kui-r-orientation-vertical) {
     width: 1px;
-    height: var(--separator-size);
+    min-width: 1px;
+    height: auto;
+    min-height: var(--separator-size);
+    -ms-flex-item-align: stretch;
+        align-self: stretch;
   }
 }
 @media (min-width: 1024px) {
   .kui-Separator:where(.md\:kui-r-orientation-horizontal) {
     width: var(--separator-size);
     height: 1px;
+    min-height: 1px;
   }
   .kui-Separator:where(.md\:kui-r-orientation-vertical) {
     width: 1px;
-    height: var(--separator-size);
+    min-width: 1px;
+    height: auto;
+    min-height: var(--separator-size);
+    -ms-flex-item-align: stretch;
+        align-self: stretch;
   }
 }
 @media (min-width: 1280px) {
   .kui-Separator:where(.lg\:kui-r-orientation-horizontal) {
     width: var(--separator-size);
     height: 1px;
+    min-height: 1px;
   }
   .kui-Separator:where(.lg\:kui-r-orientation-vertical) {
     width: 1px;
-    height: var(--separator-size);
+    min-width: 1px;
+    height: auto;
+    min-height: var(--separator-size);
+    -ms-flex-item-align: stretch;
+        align-self: stretch;
   }
 }
 @media (min-width: 1640px) {
   .kui-Separator:where(.xl\:kui-r-orientation-horizontal) {
     width: var(--separator-size);
     height: 1px;
+    min-height: 1px;
   }
   .kui-Separator:where(.xl\:kui-r-orientation-vertical) {
     width: 1px;
-    height: var(--separator-size);
+    min-width: 1px;
+    height: auto;
+    min-height: var(--separator-size);
+    -ms-flex-item-align: stretch;
+        align-self: stretch;
   }
 }
 .kui-SidebarHeader {
@@ -14989,6 +15743,11 @@
   margin-top: 1px;
   margin-bottom: 1px;
 }
+:where(.kui-SidebarMenuSubList) {
+  list-style: none;
+  margin-block: 0;
+  padding: 0;
+}
 :where(.kui-ShellRailContent .kui-ShellPaneChrome) {
   --sidebar-base-padding: var(--space-3) !important;
 }
@@ -15169,23 +15928,6 @@
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
-:where(.kui-ShellRailContent .kui-SidebarMenuSubContent .kui-SidebarMenuButton > *) {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: 100%;
-  min-width: 0;
-}
 :where(.kui-ShellRailContent .kui-SidebarMenuButton) :where(svg) {
   display: block;
 }
@@ -15271,36 +16013,6 @@
 :where(.kui-ShellRailContent .kui-BaseMenuSubTriggerIcon) {
   display: none !important;
 }
-:where(.kui-ShellRailContent .kui-SidebarMenuSubList),
-:where(.kui-ShellRailContent .kui-BaseMenuSubList) {
-  padding-left: 0 !important;
-  margin-left: 0 !important;
-  border-left: 0 !important;
-  border-top: 0 !important;
-  border-bottom: 0 !important;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-}
-:where(.kui-ShellRailContent .kui-SidebarMenuSubList::before),
-:where(.kui-ShellRailContent .kui-BaseMenuSubList::before) {
-  content: none !important;
-  display: none !important;
-}
-:where(.kui-ShellRailContent .kui-SidebarMenuSubContent) {
-  padding-left: 0 !important;
-  margin-left: 0 !important;
-  border-left: 0 !important;
-  border-top: 1px solid var(--neutral-a6) !important;
-  border-bottom: 1px solid var(--neutral-a6) !important;
-  margin-top: var(--space-3) !important;
-  margin-bottom: var(--space-3) !important;
-}
-:where(.kui-ShellRailContent .kui-SidebarMenuSubContent .kui-SidebarMenuButton) {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-}
 .kui-SidebarMenuLabel {
   min-width: 0;
   overflow: hidden;
@@ -15347,124 +16059,6 @@
       -ms-flex: 1;
           flex: 1;
 }
-.kui-SidebarHeader:where(.kui-flex-row) {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-}
-.kui-SidebarHeader:where(.kui-flex-col) {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.kui-SidebarHeader:where(.kui-items-center) {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.kui-SidebarHeader:where(.kui-items-start) {
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-}
-.kui-SidebarHeader:where(.kui-items-end) {
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-}
-.kui-SidebarHeader:where(.kui-justify-between) {
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.kui-SidebarHeader:where(.kui-justify-center) {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.kui-SidebarHeader:where(.kui-justify-start) {
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-}
-.kui-SidebarHeader:where(.kui-justify-end) {
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-}
-.kui-SidebarHeader:where(.kui-gap-1) {
-  gap: var(--space-2);
-}
-.kui-SidebarHeader:where(.kui-gap-2) {
-  gap: var(--space-3);
-}
-.kui-SidebarHeader:where(.kui-gap-3) {
-  gap: var(--space-4);
-}
-.kui-SidebarHeader:where(.kui-gap-4) {
-  gap: var(--space-5);
-}
-.kui-SidebarFooter:where(.kui-flex-row) {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-}
-.kui-SidebarFooter:where(.kui-flex-col) {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.kui-SidebarFooter:where(.kui-items-center) {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.kui-SidebarFooter:where(.kui-items-start) {
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-}
-.kui-SidebarFooter:where(.kui-items-end) {
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-}
-.kui-SidebarFooter:where(.kui-justify-between) {
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.kui-SidebarFooter:where(.kui-justify-center) {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.kui-SidebarFooter:where(.kui-justify-start) {
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-}
-.kui-SidebarFooter:where(.kui-justify-end) {
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-}
-.kui-SidebarFooter:where(.kui-gap-1) {
-  gap: var(--space-2);
-}
-.kui-SidebarFooter:where(.kui-gap-2) {
-  gap: var(--space-3);
-}
-.kui-SidebarFooter:where(.kui-gap-3) {
-  gap: var(--space-4);
-}
-.kui-SidebarFooter:where(.kui-gap-4) {
-  gap: var(--space-5);
-}
 .kui-SidebarHeader :where(.kui-SidebarMenuButton),
 .kui-SidebarFooter :where(.kui-SidebarMenuButton) {
   display: -webkit-box;
@@ -16403,6 +16997,7 @@
   --kui-shell-col: initial;
   --kui-shell-surface: initial;
   --kui-shell-shadow: initial;
+  --kui-shell-edge: 0px;
   --kui-shell-cap: initial;
   --kui-shell-offset: initial;
   --kui-shell-handle: initial;
@@ -16501,6 +17096,16 @@
           flex: 1;
   min-height: 0;
 }
+.kui-ShellContent:has(> .kui-ShellScroll) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  overflow: hidden;
+}
 .kui-ShellPaneHeader[data-float],
 .kui-ShellPaneFooter[data-float] {
   position: absolute;
@@ -16520,75 +17125,161 @@
 .kui-ShellPaneFooter[data-float] {
   bottom: 0;
 }
-:where(:has(> .kui-ShellPaneHeader[data-float], > .kui-ShellPaneFooter[data-float])) {
+:where(.kui-ShellRailContent:has(> .kui-ShellPaneHeader[data-float], > .kui-ShellPaneFooter[data-float])),
+:where(.kui-ShellPanelContent:has(> .kui-ShellPaneHeader[data-float], > .kui-ShellPaneFooter[data-float])),
+:where(.kui-ShellSidebarContent:has(> .kui-ShellPaneHeader[data-float], > .kui-ShellPaneFooter[data-float])),
+:where(.kui-ShellInspectorContent:has(> .kui-ShellPaneHeader[data-float], > .kui-ShellPaneFooter[data-float])),
+:where(.kui-ShellBottomContent:has(> .kui-ShellPaneHeader[data-float], > .kui-ShellPaneFooter[data-float])),
+:where(.kui-ShellContent:has(> .kui-ShellPaneHeader[data-float], > .kui-ShellPaneFooter[data-float])) {
   position: relative;
 }
-:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-1)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-1)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-1)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-1)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-1)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-1)),
+.kui-ShellContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-1)) {
   --kui-pane-row-start: var(--control-height-1);
   --kui-pane-pad-start: var(--surface-p-1);
 }
-:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-2)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-2)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-2)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-2)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-2)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-2)),
+.kui-ShellContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-2)) {
   --kui-pane-row-start: var(--control-height-2);
   --kui-pane-pad-start: var(--surface-p-2);
 }
-:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-3)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-3)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-3)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-3)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-3)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-3)),
+.kui-ShellContent:has(> .kui-ShellPaneHeader[data-float]:where(.kui-r-size-3)) {
   --kui-pane-row-start: var(--control-height-3);
   --kui-pane-pad-start: var(--surface-p-3);
 }
-:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-1)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-1)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-1)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-1)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-1)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-1)),
+.kui-ShellContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-1)) {
   --kui-pane-row-end: var(--control-height-1);
   --kui-pane-pad-end: var(--surface-p-1);
 }
-:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-2)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-2)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-2)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-2)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-2)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-2)),
+.kui-ShellContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-2)) {
   --kui-pane-row-end: var(--control-height-2);
   --kui-pane-pad-end: var(--surface-p-2);
 }
-:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-3)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-3)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-3)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-3)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-3)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-3)),
+.kui-ShellContent:has(> .kui-ShellPaneFooter[data-float]:where(.kui-r-size-3)) {
   --kui-pane-row-end: var(--control-height-3);
   --kui-pane-pad-end: var(--surface-p-3);
 }
-:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-1)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-1)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-1)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-1)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-1)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-1)),
+.kui-ShellContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-1)) {
   --kui-pane-band-start: var(--control-height-1);
 }
-:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-2)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-2)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-2)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-2)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-2)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-2)),
+.kui-ShellContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-2)) {
   --kui-pane-band-start: var(--control-height-2);
 }
-:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-3)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-3)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-3)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-3)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-3)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-3)),
+.kui-ShellContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-3)) {
   --kui-pane-band-start: var(--control-height-3);
 }
-:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-4)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-4)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-4)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-4)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-4)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-4)),
+.kui-ShellContent:has(> .kui-ShellPaneHeader[data-float] > .kui-Toolbar:where(.kui-r-size-4)) {
   --kui-pane-band-start: var(--control-height-4);
 }
-:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-1)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-1)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-1)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-1)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-1)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-1)),
+.kui-ShellContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-1)) {
   --kui-pane-band-end: var(--control-height-1);
 }
-:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-2)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-2)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-2)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-2)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-2)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-2)),
+.kui-ShellContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-2)) {
   --kui-pane-band-end: var(--control-height-2);
 }
-:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-3)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-3)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-3)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-3)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-3)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-3)),
+.kui-ShellContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-3)) {
   --kui-pane-band-end: var(--control-height-3);
 }
-:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-4)) {
+.kui-ShellRailContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-4)),
+.kui-ShellPanelContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-4)),
+.kui-ShellSidebarContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-4)),
+.kui-ShellInspectorContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-4)),
+.kui-ShellBottomContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-4)),
+.kui-ShellContent:has(> .kui-ShellPaneFooter[data-float] > .kui-Toolbar:where(.kui-r-size-4)) {
   --kui-pane-band-end: var(--control-height-4);
 }
-.kui-ShellRailContent:has(> .kui-ShellPaneHeader[data-float]),
-.kui-ShellRailContent :has(> .kui-ShellPaneHeader[data-float]) {
+.kui-ShellRailContent:has(> .kui-ShellPaneHeader[data-float]) {
   --kui-pane-pad-start: var(--space-3);
 }
-.kui-ShellRailContent:has(> .kui-ShellPaneFooter[data-float]),
-.kui-ShellRailContent :has(> .kui-ShellPaneFooter[data-float]) {
+.kui-ShellRailContent:has(> .kui-ShellPaneFooter[data-float]) {
   --kui-pane-pad-end: var(--space-3);
 }
-:has(> .kui-ShellPaneHeader[data-float]) > .kui-ShellScroll {
+.kui-ShellRailContent:has(> .kui-ShellPaneHeader[data-float]) > .kui-ShellScroll,
+.kui-ShellPanelContent:has(> .kui-ShellPaneHeader[data-float]) > .kui-ShellScroll,
+.kui-ShellSidebarContent:has(> .kui-ShellPaneHeader[data-float]) > .kui-ShellScroll,
+.kui-ShellInspectorContent:has(> .kui-ShellPaneHeader[data-float]) > .kui-ShellScroll,
+.kui-ShellBottomContent:has(> .kui-ShellPaneHeader[data-float]) > .kui-ShellScroll,
+.kui-ShellContent:has(> .kui-ShellPaneHeader[data-float]) > .kui-ShellScroll {
   --kui-pane-inset-start: calc(max(var(--kui-pane-row-start), var(--kui-pane-band-start, 0px)) + 2 * var(--kui-pane-pad-start));
   --scroll-fade-start: var(--kui-pane-inset-start);
   --scrollarea-scrollbar-vertical-margin-top: calc(var(--space-2) + var(--kui-pane-inset-start));
 }
-:has(> .kui-ShellPaneFooter[data-float]) > .kui-ShellScroll {
+.kui-ShellRailContent:has(> .kui-ShellPaneFooter[data-float]) > .kui-ShellScroll,
+.kui-ShellPanelContent:has(> .kui-ShellPaneFooter[data-float]) > .kui-ShellScroll,
+.kui-ShellSidebarContent:has(> .kui-ShellPaneFooter[data-float]) > .kui-ShellScroll,
+.kui-ShellInspectorContent:has(> .kui-ShellPaneFooter[data-float]) > .kui-ShellScroll,
+.kui-ShellBottomContent:has(> .kui-ShellPaneFooter[data-float]) > .kui-ShellScroll,
+.kui-ShellContent:has(> .kui-ShellPaneFooter[data-float]) > .kui-ShellScroll {
   --kui-pane-inset-end: calc(max(var(--kui-pane-row-end), var(--kui-pane-band-end, 0px)) + 2 * var(--kui-pane-pad-end));
   --scroll-fade-end: var(--kui-pane-inset-end);
   --scrollarea-scrollbar-vertical-margin-bottom: calc(var(--space-2) + var(--kui-pane-inset-end));
 }
+.kui-ShellScroll > .kui-ScrollAreaViewport {
+  scroll-padding-block: var(--kui-pane-inset-start, 0px) var(--kui-pane-inset-end, 0px);
+}
 .kui-ShellScroll > .kui-ScrollAreaViewport > * {
   padding-top: var(--kui-pane-inset-start, 0px);
   padding-bottom: var(--kui-pane-inset-end, 0px);
@@ -16604,6 +17295,7 @@
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
   --kui-shell-shadow: var(--shadow-5);
+  --kui-shell-edge: 1px;
   --kui-shell-cap: calc(100% - var(--space-9) - var(--kui-shell-start, 0px));
   --kui-shell-offset: var(--shell-rail-offset, 0px);
   --kui-shell-handle: none;
@@ -16616,6 +17308,7 @@
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
   --kui-shell-shadow: var(--shadow-4);
+  --kui-shell-edge: 1px;
   --kui-shell-cap: initial;
   --kui-shell-offset: var(--shell-rail-offset, 0px);
   --kui-shell-handle: initial;
@@ -16631,6 +17324,7 @@
   --kui-shell-col: initial;
   --kui-shell-surface: initial;
   --kui-shell-shadow: initial;
+  --kui-shell-edge: 0px;
   --kui-shell-cap: initial;
   --kui-shell-offset: initial;
   --kui-shell-handle: initial;
@@ -16643,6 +17337,7 @@
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
   --kui-shell-shadow: var(--shadow-5);
+  --kui-shell-edge: 1px;
   --kui-shell-cap: calc(100% - var(--space-9) - var(--kui-shell-start, 0px));
   --kui-shell-offset: var(--shell-rail-offset, 0px);
   --kui-shell-handle: none;
@@ -16655,6 +17350,7 @@
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
   --kui-shell-shadow: var(--shadow-4);
+  --kui-shell-edge: 1px;
   --kui-shell-cap: initial;
   --kui-shell-offset: var(--shell-rail-offset, 0px);
   --kui-shell-handle: initial;
@@ -16679,6 +17375,7 @@
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
     --kui-shell-shadow: initial;
+    --kui-shell-edge: 0px;
     --kui-shell-cap: initial;
     --kui-shell-offset: initial;
     --kui-shell-handle: initial;
@@ -16691,6 +17388,7 @@
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
     --kui-shell-shadow: var(--shadow-5);
+    --kui-shell-edge: 1px;
     --kui-shell-cap: calc(100% - var(--space-9) - var(--kui-shell-start, 0px));
     --kui-shell-offset: var(--shell-rail-offset, 0px);
     --kui-shell-handle: none;
@@ -16703,6 +17401,7 @@
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
     --kui-shell-shadow: var(--shadow-4);
+    --kui-shell-edge: 1px;
     --kui-shell-cap: initial;
     --kui-shell-offset: var(--shell-rail-offset, 0px);
     --kui-shell-handle: initial;
@@ -16728,6 +17427,7 @@
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
     --kui-shell-shadow: initial;
+    --kui-shell-edge: 0px;
     --kui-shell-cap: initial;
     --kui-shell-offset: initial;
     --kui-shell-handle: initial;
@@ -16740,6 +17440,7 @@
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
     --kui-shell-shadow: var(--shadow-5);
+    --kui-shell-edge: 1px;
     --kui-shell-cap: calc(100% - var(--space-9) - var(--kui-shell-start, 0px));
     --kui-shell-offset: var(--shell-rail-offset, 0px);
     --kui-shell-handle: none;
@@ -16752,6 +17453,7 @@
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
     --kui-shell-shadow: var(--shadow-4);
+    --kui-shell-edge: 1px;
     --kui-shell-cap: initial;
     --kui-shell-offset: var(--shell-rail-offset, 0px);
     --kui-shell-handle: initial;
@@ -16777,6 +17479,7 @@
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
     --kui-shell-shadow: initial;
+    --kui-shell-edge: 0px;
     --kui-shell-cap: initial;
     --kui-shell-offset: initial;
     --kui-shell-handle: initial;
@@ -16789,6 +17492,7 @@
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
     --kui-shell-shadow: var(--shadow-5);
+    --kui-shell-edge: 1px;
     --kui-shell-cap: calc(100% - var(--space-9) - var(--kui-shell-start, 0px));
     --kui-shell-offset: var(--shell-rail-offset, 0px);
     --kui-shell-handle: none;
@@ -16801,6 +17505,7 @@
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
     --kui-shell-shadow: var(--shadow-4);
+    --kui-shell-edge: 1px;
     --kui-shell-cap: initial;
     --kui-shell-offset: var(--shell-rail-offset, 0px);
     --kui-shell-handle: initial;
@@ -16826,6 +17531,7 @@
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
     --kui-shell-shadow: initial;
+    --kui-shell-edge: 0px;
     --kui-shell-cap: initial;
     --kui-shell-offset: initial;
     --kui-shell-handle: initial;
@@ -16838,6 +17544,7 @@
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
     --kui-shell-shadow: var(--shadow-5);
+    --kui-shell-edge: 1px;
     --kui-shell-cap: calc(100% - var(--space-9) - var(--kui-shell-start, 0px));
     --kui-shell-offset: var(--shell-rail-offset, 0px);
     --kui-shell-handle: none;
@@ -16850,6 +17557,7 @@
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
     --kui-shell-shadow: var(--shadow-4);
+    --kui-shell-edge: 1px;
     --kui-shell-cap: initial;
     --kui-shell-offset: var(--shell-rail-offset, 0px);
     --kui-shell-handle: initial;
@@ -16875,6 +17583,7 @@
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
     --kui-shell-shadow: initial;
+    --kui-shell-edge: 0px;
     --kui-shell-cap: initial;
     --kui-shell-offset: initial;
     --kui-shell-handle: initial;
@@ -16887,6 +17596,7 @@
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
     --kui-shell-shadow: var(--shadow-5);
+    --kui-shell-edge: 1px;
     --kui-shell-cap: calc(100% - var(--space-9) - var(--kui-shell-start, 0px));
     --kui-shell-offset: var(--shell-rail-offset, 0px);
     --kui-shell-handle: none;
@@ -16899,6 +17609,7 @@
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
     --kui-shell-shadow: var(--shadow-4);
+    --kui-shell-edge: 1px;
     --kui-shell-cap: initial;
     --kui-shell-offset: var(--shell-rail-offset, 0px);
     --kui-shell-handle: initial;
@@ -16923,6 +17634,7 @@
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
   --kui-shell-shadow: var(--shadow-4);
+  --kui-shell-edge: 1px;
   --kui-shell-offset: var(--shell-rail-offset, 0px);
   --kui-shell-handle: none;
   display: -webkit-box;
@@ -17077,6 +17789,17 @@
 .kui-ShellResizer:focus-visible::before {
   background-color: var(--focus-8);
 }
+@media (forced-colors: active) {
+  .kui-ShellResizer:focus-visible::before {
+    background-color: Highlight;
+    forced-color-adjust: none;
+  }
+  .kui-ShellPane,
+  .kui-ShellPane:focus {
+    outline: var(--kui-shell-edge, 0px) solid CanvasText;
+    outline-offset: calc(-1 * var(--kui-shell-edge, 0px));
+  }
+}
 .kui-SliderRoot {
   --slider-thumb-width: var(--space-4);
   --slider-thumb-height: var(--space-3);
@@ -17162,8 +17885,8 @@
   inset: calc(var(--slider-thumb-inset-factor) * var(--slider-thumb-overshoot-base, var(--slider-track-size)) * -1);
   background-color: var(--accent-solid-thumb);
   border-radius: var(--slider-thumb-radius);
-  -webkit-box-shadow: var(--shadow-2);
-          box-shadow: var(--shadow-2);
+  -webkit-box-shadow: var(--slider-thumb-box-shadow, var(--shadow-2));
+          box-shadow: var(--slider-thumb-box-shadow, var(--shadow-2));
   cursor: pointer;
 }
 .kui-SliderThumb:where(:focus-visible)::after {
@@ -17393,9 +18116,6 @@
 .kui-SliderRoot:where(.kui-variant-soft) :where(.kui-SliderRange) {
   background-color: var(--accent-solid);
 }
-.kui-SliderRoot:where(.kui-variant-soft) :where(.kui-SliderThumb) {
-  --slider-thumb-box-shadow: var(--shadow-3);
-}
 .kui-SliderRoot:where(.kui-variant-outline) :where(.kui-SliderTrack) {
   -webkit-box-shadow: inset 0 0 0 1px var(--neutral-6);
           box-shadow: inset 0 0 0 1px var(--neutral-6);
@@ -17403,39 +18123,62 @@
 .kui-SliderRoot:where(.kui-variant-outline) :where(.kui-SliderRange) {
   background-color: var(--accent-solid);
 }
-.kui-SliderRoot:where(.kui-variant-outline) :where(.kui-SliderThumb) {
-  --slider-thumb-box-shadow: var(--shadow-3);
-}
 .kui-SliderRoot:where([data-disabled]) {
   cursor: default;
 }
 .kui-SliderTrack:where([data-disabled]) {
-  background-color: var(--neutral-a3) !important;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  background-color: var(--neutral-a3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .kui-SliderRange:where([data-disabled]) {
-  background-color: var(--accent-a3) !important;
+  background-color: var(--accent-a3);
 }
 .kui-SliderThumb:where([data-disabled]) {
   cursor: default;
 }
 .kui-SliderThumb:where([data-disabled])::after {
   cursor: default;
-  background-color: var(--neutral-3) !important;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  background-color: var(--neutral-3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .kui-SliderContainer {
+  --slider-ticks-size: 44px;
   position: relative;
 }
+.kui-SliderContainer:where([data-orientation='vertical']) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  height: -moz-available;
+  height: -webkit-fill-available;
+  height: stretch;
+}
+.kui-SliderContainer:where([data-has-ticks][data-orientation='horizontal']) {
+  padding-bottom: calc(var(--space-3) + var(--slider-ticks-size));
+}
+.kui-SliderContainer:where([data-has-ticks][data-orientation='vertical']) {
+  padding-right: calc(var(--space-3) + var(--slider-ticks-size));
+}
 .kui-SliderTicks {
   position: absolute;
-  top: calc(100% + var(--space-3));
+  pointer-events: auto;
+}
+.kui-SliderTicks:where([data-orientation='horizontal']) {
+  bottom: 0;
   left: 0;
   right: 0;
-  pointer-events: auto;
-  height: 44px;
+  height: var(--slider-ticks-size);
+}
+.kui-SliderTicks:where([data-orientation='vertical']) {
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: var(--slider-ticks-size);
 }
 .kui-SliderTick {
   position: absolute;
@@ -17463,19 +18206,31 @@
   z-index: 1;
   pointer-events: auto;
 }
+:where(.kui-SliderTicks[data-orientation='vertical']) .kui-SliderTick {
+  left: 0;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+.kui-SliderTick:where(:disabled) {
+  cursor: default;
+}
 @media (hover: hover) {
-  .kui-SliderTick:where(:hover) :where(.kui-SliderTickMark) {
+  .kui-SliderTick:where(:hover:not(:disabled)) :where(.kui-SliderTickMark) {
     background-color: var(--neutral-12) !important;
   }
-  .kui-SliderTick:where(:hover) :where(.kui-SliderTickLabel) {
+  .kui-SliderTick:where(:hover:not(:disabled)) :where(.kui-SliderTickLabel) {
     color: var(--neutral-12) !important;
     font-weight: var(--font-weight-medium);
   }
 }
-.kui-SliderTick:where(:active) :where(.kui-SliderTickMark) {
+.kui-SliderTick:where(:active:not(:disabled)) :where(.kui-SliderTickMark) {
   background-color: var(--neutral-12) !important;
 }
-.kui-SliderTick:where(:active) :where(.kui-SliderTickLabel) {
+.kui-SliderTick:where(:active:not(:disabled)) :where(.kui-SliderTickLabel) {
   color: var(--neutral-12) !important;
   font-weight: var(--font-weight-medium);
 }
@@ -17489,6 +18244,10 @@
   background-color: var(--neutral-6);
   border-radius: 1px;
 }
+:where(.kui-SliderTicks[data-orientation='vertical']) .kui-SliderTickMark {
+  width: var(--space-3);
+  height: 1px;
+}
 .kui-SliderTickLabel {
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
@@ -17500,11 +18259,41 @@
   max-width: 60px;
   text-align: center;
 }
+@media (forced-colors: active) {
+  .kui-SliderTrack {
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    border: 1px solid CanvasText;
+  }
+  .kui-SliderRange {
+    background-color: Highlight;
+  }
+  .kui-SliderThumb::after {
+    border: 1px solid CanvasText;
+    background-color: Highlight;
+  }
+  .kui-SliderTickMark {
+    background-color: CanvasText;
+  }
+  .kui-SliderTrack:where([data-disabled]) {
+    border-color: GrayText;
+  }
+  .kui-SliderRange:where([data-disabled]) {
+    background-color: GrayText;
+  }
+  .kui-SliderThumb:where([data-disabled])::after {
+    border-color: GrayText;
+    background-color: GrayText;
+  }
+  .kui-SliderTick:where(:disabled) :where(.kui-SliderTickMark) {
+    background-color: GrayText;
+  }
+}
 .kui-Spinner {
   display: block;
   position: relative;
-  width: var(--space-5);
-  height: var(--space-5);
+  width: var(--spinner-size, var(--space-5));
+  height: var(--spinner-size, var(--space-5));
   contain: paint;
   overflow-clip-margin: 4px;
 }
@@ -17588,6 +18377,11 @@
             animation-duration: calc(var(--spinner-animation-duration) * 3);
   }
 }
+@media (forced-colors: active) {
+  .kui-SpinnerLeaf::before {
+    background-color: CanvasText;
+  }
+}
 .kui-SpinnerHiddenChildren {
   display: contents;
   visibility: hidden;
@@ -17627,7 +18421,7 @@
 .kui-SwitchThumb {
   background-color: white;
   position: absolute;
-  left: var(--switch-thumb-inset);
+  inset-inline-start: var(--switch-thumb-inset);
   width: var(--switch-thumb-size);
   height: var(--switch-thumb-size);
   border-radius: 9999px;
@@ -17639,6 +18433,9 @@
   -webkit-transform: translateX(var(--switch-thumb-translate-x));
           transform: translateX(var(--switch-thumb-translate-x));
 }
+.kui-SwitchThumb:where(:dir(rtl)) {
+  --switch-thumb-translate-x: calc((var(--switch-width) - var(--switch-height)) * -1);
+}
 .kui-SwitchRoot:where(.kui-r-size-1) {
   --switch-height: var(--mark-2, calc(20px * var(--scale)));
   --switch-width: var(--switch-w-1, calc(34px * var(--scale)));
@@ -17797,25 +18594,49 @@
 }
 .kui-SwitchRoot:where([data-disabled])::before {
   cursor: default;
-  background-color: var(--neutral-a3) !important;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
-  outline: none !important;
+  background-color: var(--neutral-a3);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  outline: none;
 }
 .kui-SwitchThumb:where([data-disabled]) {
   cursor: default;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
-  outline: none !important;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  outline: none;
 }
 .kui-SwitchRoot:where([data-disabled][data-state='checked'])::before {
-  background-color: var(--accent-a3) !important;
+  background-color: var(--accent-a3);
+}
+@media (forced-colors: active) {
+  .kui-SwitchRoot::before {
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    border: 1px solid CanvasText;
+  }
+  .kui-SwitchThumb {
+    background-color: CanvasText;
+  }
+  .kui-SwitchRoot:where([data-state='checked'])::before {
+    border-color: Highlight;
+    background-color: Highlight;
+  }
+  .kui-SwitchThumb:where([data-state='checked']) {
+    background-color: HighlightText;
+  }
+  .kui-SwitchRoot:where([data-disabled])::before {
+    border-color: GrayText;
+    background-color: Canvas;
+  }
+  .kui-SwitchThumb:where([data-disabled]) {
+    background-color: GrayText;
+  }
 }
 .kui-TableRootTable {
   --table-row-background-color: transparent;
   --table-row-box-shadow: inset 0 -1px var(--neutral-a5);
   width: 100%;
-  text-align: left;
+  text-align: start;
   vertical-align: top;
   border-collapse: collapse;
   border-radius: calc(var(--table-border-radius) - 1px);
@@ -17843,6 +18664,9 @@
   vertical-align: inherit;
   padding: var(--table-cell-py) var(--table-cell-px);
 }
+:where(.kui-TableCell) {
+  text-align: inherit;
+}
 .kui-TableColumnHeaderCell {
   font-weight: 600;
 }
@@ -18175,6 +18999,9 @@
 .kui-BaseTabListTriggerInner {
   position: absolute;
 }
+.kui-BaseTabListTriggerInner:where(:only-child) {
+  position: static;
+}
 :where(.kui-BaseTabListTrigger[data-state='inactive']) .kui-BaseTabListTriggerInner {
   letter-spacing: var(--tab-inactive-letter-spacing);
   word-spacing: var(--tab-inactive-word-spacing);
@@ -18683,6 +19510,41 @@
   outline: var(--focus-ring-width, 2px) solid var(--focus-8);
   outline-offset: var(--focus-ring-offset, 2px);
 }
+.kui-TabsRoot:where([data-orientation='vertical']) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.kui-TabsList:where([data-orientation='vertical']) {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-box-shadow: inset calc(-1 * var(--border-width-standard)) 0 0 0 var(--neutral-a5);
+          box-shadow: inset calc(-1 * var(--border-width-standard)) 0 0 0 var(--neutral-a5);
+}
+.kui-TabsList:where([data-orientation='vertical']):where(:dir(rtl)) {
+  -webkit-box-shadow: inset var(--border-width-standard) 0 0 0 var(--neutral-a5);
+          box-shadow: inset var(--border-width-standard) 0 0 0 var(--neutral-a5);
+}
+:where(.kui-TabsList:where([data-orientation='vertical'])) .kui-TabsTrigger {
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+}
+:where(.kui-TabsList:where([data-orientation='vertical'])) .kui-TabsTrigger:where([data-state='active'])::before {
+  top: 0;
+  bottom: 0;
+  left: auto;
+  right: auto;
+  inset-inline-end: 0;
+  width: var(--focus-ring-width, 2px);
+  height: auto;
+}
 .kui-TextAreaRoot:where(:focus-within) {
   outline: 2px solid var(--v-focus-color, var(--focus-8));
   outline-offset: -1px;
@@ -18735,13 +19597,13 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  gap: var(--space-2);
   box-sizing: border-box;
   font-family: var(--default-font-family);
   font-weight: var(--font-weight-regular);
   font-style: normal;
   text-align: start;
   overflow: hidden;
+  resize: vertical;
   isolation: isolate;
 }
 .kui-TextAreaInput {
@@ -19310,6 +20172,9 @@
           box-shadow: var(--shadow-2), inset 0 0 0 1px var(--red-6), 0 0 0 2px var(--red-8);
 }
 .kui-TextAreaErrorMessage {
+  font-family: var(--default-font-family);
+  font-weight: var(--font-weight-regular);
+  padding-top: var(--space-2);
   color: var(--red-11);
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
@@ -19327,6 +20192,14 @@
   font-size: var(--font-size-1);
   line-height: 1;
 }
+@media (forced-colors: active) {
+  .kui-TextAreaRoot {
+    border: 1px solid CanvasText;
+  }
+  .kui-TextAreaRoot:where(:has(.kui-TextAreaInput:disabled)) {
+    border-color: GrayText;
+  }
+}
 .kui-Toolbar {
   --toolbar-group-inset: calc(var(--space-2) / 2);
   display: -webkit-box;
@@ -19412,6 +20285,40 @@
   --base-button-height: calc(var(--toolbar-control-height) - 2 * var(--toolbar-group-inset));
   border-radius: max(0px, calc(var(--toolbar-radius) - var(--toolbar-group-inset)));
 }
+.kui-ToolbarOverflow {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  gap: var(--toolbar-gap);
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 0%;
+          flex: 1 1 0%;
+  min-width: 0;
+  pointer-events: none;
+}
+.kui-ToolbarOverflow > * {
+  pointer-events: auto;
+}
+.kui-ToolbarOverflowSeat {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+}
+.kui-ToolbarOverflowSeat:where(:empty) {
+  display: none;
+}
 .kui-ToolbarSeparator {
   -ms-flex-negative: 0;
       flex-shrink: 0;
@@ -19446,7 +20353,7 @@
   border-radius: var(--radius-surface-1);
   z-index: 300;
   -webkit-transform-origin: var(--radix-tooltip-content-transform-origin);
-          transform-origin: var(--radix-tooltip-content-transform-origin)
+          transform-origin: var(--radix-tooltip-content-transform-origin);
 }
 .kui-TooltipText {
   color: var(--neutral-1);
@@ -19459,6 +20366,11 @@
 .kui-TooltipArrow {
   fill: var(--neutral-12);
 }
+@media (forced-colors: active) {
+  .kui-TooltipContent {
+    border: 1px solid CanvasText;
+  }
+}
 .kui-VirtualMenuRoot {
   overflow: auto;
   position: relative;
@@ -19486,6 +20398,72 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+.kui-VirtualMenuRoot:where(.kui-r-size-1, .kui-r-size-2, .kui-r-size-3, .kui-r-size-4) {
+  --base-menu-item-height: max(24px, calc(var(--base-menu-line-height) + 2 * var(--base-menu-item-padding-y)));
+  --base-menu-item-padding-x: calc(var(--base-menu-item-px) + min(var(--radius-full, 0px), var(--base-menu-item-px-pill) - var(--base-menu-item-px)));
+  --base-menu-item-padding-left: var(--base-menu-item-padding-x);
+  --base-menu-item-padding-right: var(--base-menu-item-padding-x);
+  --base-menu-content-padding: 0px;
+}
+.kui-VirtualMenuRoot:where(.kui-r-size-1,.kui-r-size-2,.kui-r-size-3,.kui-r-size-4) :where(.kui-BaseMenuItem[data-highlighted]) {
+  background-color: var(--accent-4);
+}
+@media (prefers-contrast: more) {
+  .kui-VirtualMenuRoot:where(.kui-r-size-1,.kui-r-size-2,.kui-r-size-3,.kui-r-size-4) :where(.kui-BaseMenuItem[data-highlighted]) {
+    background-color: var(--accent-solid);
+    color: var(--accent-solid-contrast);
+  }
+}
+@media (forced-colors: active) {
+  .kui-VirtualMenuRoot:where(.kui-r-size-1,.kui-r-size-2,.kui-r-size-3,.kui-r-size-4) :where(.kui-BaseMenuItem[data-highlighted]) {
+    background-color: Highlight;
+    color: HighlightText;
+  }
+}
+.kui-VirtualMenuRoot:where(.kui-r-size-1) {
+  --base-menu-item-padding-y: var(--row-inset-1);
+  --base-menu-item-px: var(--control-px-1);
+  --base-menu-item-px-pill: var(--control-px-pill-1);
+  --base-menu-item-gap: var(--control-gap-1);
+  --base-menu-item-radius: var(--radius-row-1);
+  --base-menu-icon-size: var(--icon-size-1);
+  --base-menu-font-size: var(--font-size-1);
+  --base-menu-line-height: var(--line-height-1);
+  --base-menu-letter-spacing: var(--letter-spacing-1);
+}
+.kui-VirtualMenuRoot:where(.kui-r-size-2) {
+  --base-menu-item-padding-y: var(--row-inset-2);
+  --base-menu-item-px: var(--control-px-2);
+  --base-menu-item-px-pill: var(--control-px-pill-2);
+  --base-menu-item-gap: var(--control-gap-2);
+  --base-menu-item-radius: var(--radius-row-2);
+  --base-menu-icon-size: var(--icon-size-2);
+  --base-menu-font-size: var(--font-size-2);
+  --base-menu-line-height: var(--line-height-2);
+  --base-menu-letter-spacing: var(--letter-spacing-2);
+}
+.kui-VirtualMenuRoot:where(.kui-r-size-3) {
+  --base-menu-item-padding-y: var(--row-inset-3);
+  --base-menu-item-px: var(--control-px-3);
+  --base-menu-item-px-pill: var(--control-px-pill-3);
+  --base-menu-item-gap: var(--control-gap-3);
+  --base-menu-item-radius: var(--radius-row-3);
+  --base-menu-icon-size: var(--icon-size-3);
+  --base-menu-font-size: var(--font-size-3);
+  --base-menu-line-height: var(--line-height-3);
+  --base-menu-letter-spacing: var(--letter-spacing-3);
+}
+.kui-VirtualMenuRoot:where(.kui-r-size-4) {
+  --base-menu-item-padding-y: var(--row-inset-4);
+  --base-menu-item-px: var(--control-px-4);
+  --base-menu-item-px-pill: var(--control-px-pill-4);
+  --base-menu-item-gap: var(--control-gap-4);
+  --base-menu-item-radius: var(--radius-row-4);
+  --base-menu-icon-size: var(--icon-size-4);
+  --base-menu-font-size: var(--font-size-4);
+  --base-menu-line-height: var(--line-height-4);
+  --base-menu-letter-spacing: var(--letter-spacing-4);
+}
 .kui-ChatbarField {
   position: relative;
   width: 100%;
@@ -19601,7 +20579,8 @@
           box-sizing: border-box;
   max-width: 240px;
   padding: var(--chatbar-item-padding);
-  padding-right: calc(var(--chatbar-item-padding) + var(--space-2));
+  -webkit-padding-end: calc(var(--chatbar-item-padding) + var(--space-2));
+          padding-inline-end: calc(var(--chatbar-item-padding) + var(--space-2));
   border: 1px solid var(--neutral-a5);
   border-radius: calc(var(--chatbar-item-lead-radius) + var(--chatbar-item-padding));
   background-color: var(--color-surface);
@@ -19656,7 +20635,8 @@
   --base-button-height: var(--chatbar-item-lead);
   -ms-flex-negative: 0;
       flex-shrink: 0;
-  margin-left: calc(var(--space-2) * -1);
+  -webkit-margin-start: calc(var(--space-2) * -1);
+          margin-inline-start: calc(var(--space-2) * -1);
 }
 .kui-ChatbarRoot:where(.kui-r-size-1) {
   --chatbar-item-lead: var(--space-5);
@@ -20205,6 +21185,18 @@
   -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
           box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
 }
+@media (forced-colors: active) {
+  .kui-ChatbarBox {
+    border: 1px solid CanvasText;
+  }
+  .kui-ChatbarBox:where(.kui-variant-raised):where(:focus-within) {
+    outline: 2px solid Highlight;
+    outline-offset: -1px;
+  }
+  .kui-ChatbarRoot:where([data-disabled]) .kui-ChatbarBox {
+    border-color: GrayText;
+  }
+}
 .kui-ChatbarRoot:where([data-disabled],[data-readonly]) .kui-ChatbarBox {
   --v-selection-color: var(--neutral-a5);
   --v-focus-color: var(--neutral-8);
@@ -20313,7 +21305,8 @@
   gap: var(--space-3);
   -ms-flex-negative: 0;
       flex-shrink: 0;
-  margin-left: auto;
+  -webkit-margin-start: auto;
+          margin-inline-start: auto;
 }
 .kui-ChatbarNotices {
   display: -webkit-box;
@@ -27448,8 +28441,8 @@
     margin-right: var(--margin-right-override, var(--margin-right));
   }
   .sm\:kui-r-mx {
-    --margin-left: var(--ml-md);
-    --margin-right: var(--mr-md)
+    --margin-left: var(--ml-sm);
+    --margin-right: var(--mr-sm)
   }
   .sm\:kui-r-mx-0 {
     --margin-left: 0px;
@@ -34297,6 +35290,12 @@
 .kui-r-ta-right {
   text-align: right;
 }
+.kui-r-ta-start {
+  text-align: start;
+}
+.kui-r-ta-end {
+  text-align: end;
+}
 @media (min-width: 520px) {
   .xs\:kui-r-ta-left {
     text-align: left;
@@ -34307,6 +35306,12 @@
   .xs\:kui-r-ta-right {
     text-align: right;
   }
+  .xs\:kui-r-ta-start {
+    text-align: start;
+  }
+  .xs\:kui-r-ta-end {
+    text-align: end;
+  }
 }
 @media (min-width: 768px) {
   .sm\:kui-r-ta-left {
@@ -34318,6 +35323,12 @@
   .sm\:kui-r-ta-right {
     text-align: right;
   }
+  .sm\:kui-r-ta-start {
+    text-align: start;
+  }
+  .sm\:kui-r-ta-end {
+    text-align: end;
+  }
 }
 @media (min-width: 1024px) {
   .md\:kui-r-ta-left {
@@ -34329,6 +35340,12 @@
   .md\:kui-r-ta-right {
     text-align: right;
   }
+  .md\:kui-r-ta-start {
+    text-align: start;
+  }
+  .md\:kui-r-ta-end {
+    text-align: end;
+  }
 }
 @media (min-width: 1280px) {
   .lg\:kui-r-ta-left {
@@ -34340,6 +35357,12 @@
   .lg\:kui-r-ta-right {
     text-align: right;
   }
+  .lg\:kui-r-ta-start {
+    text-align: start;
+  }
+  .lg\:kui-r-ta-end {
+    text-align: end;
+  }
 }
 @media (min-width: 1640px) {
   .xl\:kui-r-ta-left {
@@ -34351,6 +35374,12 @@
   .xl\:kui-r-ta-right {
     text-align: right;
   }
+  .xl\:kui-r-ta-start {
+    text-align: start;
+  }
+  .xl\:kui-r-ta-end {
+    text-align: end;
+  }
 }
 .kui-r-tw-wrap {
   white-space: normal;
@@ -34451,6 +35480,11 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.kui-truncate:where(span, code, a, label) {
+  display: inline-block;
+  max-width: 100%;
+  vertical-align: bottom;
+}
 .kui-r-va-baseline {
   vertical-align: baseline;
 }