@womp/kookie-ui 0.24.0 → 0.25.1

package/styles.css

@@ -3377,6 +3377,7 @@
   --color-page: white;
   --color-overlay: var(--black-a6);
   --color-surface: white;
+  --color-ground: var(--neutral-1, var(--gray-1));
   --color-text: var(--neutral-12);
   --neutral-1: var(--gray-1);
   --neutral-2: var(--gray-2);
@@ -3457,6 +3458,7 @@
   --color-page: var(--neutral-1, var(--gray-1));
   --color-overlay: var(--black-a8);
   --color-surface: var(--neutral-2, var(--gray-2));
+  --color-ground: var(--neutral-1, var(--gray-1));
   --solid-chroma-hover-filter: none;
   --solid-chroma-active-filter: brightness(0.88) contrast(1.03);
   --solid-chroma-open-filter: brightness(0.95) contrast(1.02);
@@ -5824,6 +5826,96 @@
   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;
@@ -5840,6 +5932,10 @@
   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);
@@ -5848,6 +5944,96 @@
   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;
 }
@@ -5866,10 +6052,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);
@@ -5898,22 +6080,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);
@@ -5941,6 +6107,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);
@@ -7049,11 +7305,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);
@@ -7094,7 +7354,6 @@
   height: -moz-fit-content;
   height: fit-content;
   background-clip: padding-box;
-  will-change: border-radius;
   isolation: isolate;
 }
 .kui-Chip :where(svg) {
@@ -7438,8 +7697,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;
@@ -7478,12 +7739,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 {
@@ -7513,6 +7769,8 @@
 }
 .kui-BaseButton :where(.kui-BaseButtonContent) {
   display: contents;
+}
+.kui-BaseButton:where(.kui-loading) :where(.kui-BaseButtonContent) {
   visibility: hidden;
 }
 .kui-BaseButton :where(svg) {
@@ -7951,6 +8209,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);
 }
@@ -8585,13 +8850,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;
@@ -8615,9 +8888,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;
 }
@@ -8945,13 +9215,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);
@@ -9893,8 +10181,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);
@@ -10115,7 +10406,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;
@@ -10140,12 +10432,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) {
@@ -10191,25 +10486,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);
@@ -10241,18 +10546,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);
@@ -10270,8 +10578,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);
@@ -10289,8 +10599,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);
@@ -10308,8 +10620,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);
@@ -10327,8 +10641,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) {
@@ -10347,8 +10663,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);
@@ -10366,8 +10684,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);
@@ -10385,8 +10705,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);
@@ -10404,8 +10726,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) {
@@ -10425,8 +10749,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);
@@ -10444,8 +10770,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);
@@ -10463,8 +10791,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);
@@ -10482,8 +10812,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) {
@@ -10503,8 +10835,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);
@@ -10522,8 +10856,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);
@@ -10541,8 +10877,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);
@@ -10560,8 +10898,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) {
@@ -10581,8 +10921,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);
@@ -10600,8 +10942,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);
@@ -10619,8 +10963,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);
@@ -10638,8 +10984,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) {
@@ -10659,8 +11007,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);
@@ -10678,8 +11028,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);
@@ -10697,8 +11049,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);
@@ -10716,8 +11070,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) {
@@ -11075,6 +11431,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);
@@ -11093,6 +11451,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;
@@ -11548,6 +11914,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;
 }
@@ -11593,10 +11962,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;
@@ -12100,10 +12469,17 @@
 .kui-Link:where(:disabled,[data-disabled]) {
   cursor: var(--cursor-disabled);
 }
-:where([data-accent-color]:not(.kui-theme)) .kui-Link:where([data-accent-color='']) {
-  color: var(--accent-ink);
-}
-@supports (color: color-mix(in oklab, white, black)) {
+.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);
+}
+@supports (color: color-mix(in oklab, white, black)) {
   .kui-Link:where(:-moz-any-link,button) {
     text-decoration-color: color-mix(in oklab, var(--accent-a5), var(--neutral-a6));
   }
@@ -12159,14 +12535,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;
 }
@@ -12213,6 +12581,12 @@
 .kui-NavbarActions {
   min-width: 0;
 }
+.kui-NavbarLogo {
+  grid-column: 1;
+}
+.kui-NavbarNavigation {
+  grid-column: 2;
+}
 .kui-NavbarActions {
   grid-column: 3;
 }
@@ -12238,14 +12612,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;
@@ -12259,6 +12630,7 @@
   background-color: var(--color-surface);
 }
 .kui-PopoverToolbarSection {
+  grid-row: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -12268,6 +12640,7 @@
   gap: var(--space-3);
 }
 .kui-PopoverToolbarLeft {
+  grid-column: 1;
   justify-self: start;
 }
 .kui-PopoverToolbarCenter {
@@ -12277,6 +12650,7 @@
   text-align: center;
 }
 .kui-PopoverToolbarRight {
+  grid-column: 3;
   justify-self: end;
 }
 .kui-PopoverToolbarTitle {
@@ -12415,6 +12789,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;
@@ -12437,8 +12816,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;
@@ -12454,48 +12837,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) {
@@ -12519,6 +12908,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;
@@ -12823,17 +13220,36 @@
   -webkit-box-shadow: inset 0 0 0 1px var(--radio-checked-active);
           box-shadow: inset 0 0 0 1px var(--radio-checked-active);
 }
-:where(.kui-SheetContent) {
+@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;
+  }
+}
+.kui-SheetContent {
   position: fixed !important;
   width: var(--width, 90vw);
   max-width: min(var(--overlay-w), 100vw);
   height: 100vh;
   max-height: 100vh;
   margin: 0 !important;
-  will-change: transform;
 }
 @supports (height: 100dvh) {
-  :where(.kui-SheetContent) {
+  .kui-SheetContent {
     height: 100dvh;
     max-height: 100dvh;
   }
@@ -12844,7 +13260,7 @@
   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));
 }
 .kui-SheetContent:where([data-side='end']) {
   inset-block: 0 !important;
@@ -12852,7 +13268,7 @@
   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));
 }
 .kui-SheetContent:where([data-side='top']) {
   inset-block-start: 0 !important;
@@ -12874,6 +13290,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;
@@ -12905,7 +13341,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 > * {
@@ -13002,6 +13438,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;
@@ -13038,34 +13475,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;
@@ -13115,8 +13536,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;
@@ -13124,27 +13544,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%));
-          transform: translateX(calc(var(--segmented-control-index, 0) * 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-SegmentedControlIndicator:where(:dir(rtl)) {
+  --segmented-control-direction: -1;
 }
 .kui-SegmentedControlIndicator::before {
   inset: var(--border-width-standard);
@@ -13166,12 +13580,6 @@
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-: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%));
-}
 .kui-SegmentedControlItemLabel,
 .kui-SegmentedControlItemLabelInactive,
 .kui-SegmentedControlItemLabelActive {
@@ -13188,30 +13596,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);
@@ -13226,14 +13614,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);
@@ -13248,14 +13629,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);
@@ -13270,14 +13644,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);
@@ -13290,30 +13657,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);
@@ -13328,14 +13675,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);
@@ -13350,14 +13690,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);
@@ -13372,14 +13705,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);
@@ -13393,30 +13719,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);
@@ -13431,14 +13737,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);
@@ -13453,14 +13752,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);
@@ -13475,14 +13767,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);
@@ -13496,30 +13781,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);
@@ -13534,14 +13799,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);
@@ -13556,14 +13814,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);
@@ -13578,14 +13829,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);
@@ -13599,30 +13843,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);
@@ -13637,14 +13861,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);
@@ -13659,14 +13876,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);
@@ -13681,14 +13891,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);
@@ -13702,30 +13905,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);
@@ -13740,14 +13923,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);
@@ -13762,14 +13938,7 @@
   .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);
-  }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-3):where(.xl\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-3):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-3) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-3);
@@ -13784,14 +13953,7 @@
   .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);
-  }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-4):where(.xl\:kui-r-orientation-vertical) {
-    height: auto;
-    width: auto;
-  }
-  .kui-SegmentedControlRoot:where(.xl\:kui-r-size-4):where(.xl\:kui-r-orientation-vertical):where(:has([data-icon-only])) {
-    width: var(--segmented-control-height);
+    --segmented-control-vertical-py: var(--space-4);
   }
   .kui-SegmentedControlRoot:where(.xl\:kui-r-size-4) :where(.kui-SegmentedControlItemLabel) {
     font-size: var(--font-size-4);
@@ -13810,41 +13972,733 @@
 .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-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-vertical):where(.kui-r-size-3):has([data-icon-only]) {
-  width: var(--control-height-3);
+.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):where(.kui-r-size-4):has([data-icon-only]) {
-  width: var(--control-height-4);
+.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;
 }
-:where(.kui-r-orientation-vertical):where(.kui-r-size-1) .kui-SegmentedControlItemLabel {
-  padding-top: var(--space-2);
-  padding-bottom: var(--space-2);
+.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-vertical):where(.kui-r-size-2) .kui-SegmentedControlItemLabel {
-  padding-top: var(--space-3);
-  padding-bottom: var(--space-3);
+: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):where(.kui-r-size-3) .kui-SegmentedControlItemLabel {
-  padding-top: var(--space-3);
-  padding-bottom: var(--space-3);
+: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):where(.kui-r-size-4) .kui-SegmentedControlItemLabel {
-  padding-top: var(--space-4);
-  padding-bottom: var(--space-4);
+: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;
+  }
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:first-child:not(:nth-last-child(2))) {
+    border-start-end-radius: 0;
+  }
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2)) {
+    border-start-end-radius: inherit;
+    border-end-end-radius: inherit;
+  }
+  :where(.xl\:kui-r-orientation-horizontal) .kui-SegmentedControlItem:where(:nth-last-child(2):not(:first-child)) {
+    border-end-start-radius: 0;
+  }
+  :where(.xl\:kui-r-orientation-vertical) .kui-SegmentedControlItem:where(:first-child) {
+    border-start-start-radius: inherit;
+    border-start-end-radius: inherit;
+  }
+  :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;
+  }
+  :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);
+  }
+  :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)));
+  }
+  :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%));
+  }
+  :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;
+  }
+}
+@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);
@@ -13861,7 +14715,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);
 }
@@ -13887,7 +14742,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;
@@ -13927,8 +14783,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;
@@ -14501,65 +15359,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);
@@ -14599,59 +15411,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 {
@@ -15091,23 +15933,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;
 }
@@ -15193,36 +16018,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;
@@ -15240,152 +16035,34 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  gap: var(--space-3);
-  padding: var(--sidebar-base-padding);
-  min-height: var(--sidebar-item-height);
-}
-.kui-SidebarHeader:where(.kui-SidebarHeader--container) :where(.kui-SidebarMenuButton) {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-}
-.kui-SidebarFooter:where(.kui-SidebarFooter--container) {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  gap: var(--space-3);
-  padding: var(--sidebar-base-padding);
-  min-height: var(--sidebar-item-height);
-}
-.kui-SidebarFooter:where(.kui-SidebarFooter--container) :where(.kui-SidebarMenuButton) {
-  -webkit-box-flex: 1;
-      -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);
+  gap: var(--space-3);
+  padding: var(--sidebar-base-padding);
+  min-height: var(--sidebar-item-height);
 }
-.kui-SidebarHeader:where(.kui-gap-4) {
-  gap: var(--space-5);
+.kui-SidebarHeader:where(.kui-SidebarHeader--container) :where(.kui-SidebarMenuButton) {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
 }
-.kui-SidebarFooter:where(.kui-flex-row) {
+.kui-SidebarFooter:where(.kui-SidebarFooter--container) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   -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);
+  padding: var(--sidebar-base-padding);
+  min-height: var(--sidebar-item-height);
 }
-.kui-SidebarFooter:where(.kui-gap-3) {
-  gap: var(--space-4);
-}
-.kui-SidebarFooter:where(.kui-gap-4) {
-  gap: var(--space-5);
+.kui-SidebarFooter:where(.kui-SidebarFooter--container) :where(.kui-SidebarMenuButton) {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
 }
 .kui-SidebarHeader :where(.kui-SidebarMenuButton),
 .kui-SidebarFooter :where(.kui-SidebarMenuButton) {
@@ -16325,6 +17002,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;
@@ -16452,71 +17130,154 @@
 .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));
@@ -16539,6 +17300,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;
@@ -16551,6 +17313,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;
@@ -16566,6 +17329,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;
@@ -16578,6 +17342,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;
@@ -16590,6 +17355,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;
@@ -16614,6 +17380,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;
@@ -16626,6 +17393,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;
@@ -16638,6 +17406,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;
@@ -16663,6 +17432,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;
@@ -16675,6 +17445,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;
@@ -16687,6 +17458,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;
@@ -16712,6 +17484,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;
@@ -16724,6 +17497,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;
@@ -16736,6 +17510,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;
@@ -16761,6 +17536,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;
@@ -16773,6 +17549,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;
@@ -16785,6 +17562,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;
@@ -16810,6 +17588,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;
@@ -16822,6 +17601,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;
@@ -16834,6 +17614,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;
@@ -16858,6 +17639,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;
@@ -17012,6 +17794,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);
@@ -17097,8 +17890,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 {
@@ -17328,9 +18121,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);
@@ -17338,39 +18128,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;
@@ -17398,19 +18211,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);
 }
@@ -17424,6 +18249,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);
@@ -17435,11 +18264,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;
 }
@@ -17523,6 +18382,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;
@@ -17562,7 +18426,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;
@@ -17574,6 +18438,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)));
@@ -17732,25 +18599,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);
@@ -17778,6 +18669,9 @@
   vertical-align: inherit;
   padding: var(--table-cell-py) var(--table-cell-px);
 }
+:where(.kui-TableCell) {
+  text-align: inherit;
+}
 .kui-TableColumnHeaderCell {
   font-weight: 600;
 }
@@ -18110,6 +19004,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);
@@ -18705,7 +19602,6 @@
   -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);
@@ -19281,6 +20177,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);
@@ -19298,6 +20197,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;
@@ -19451,7 +20358,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);
@@ -19464,6 +20371,11 @@
 .kui-TooltipArrow {
   fill: var(--neutral-12);
 }
+@media (forced-colors: active) {
+  .kui-TooltipContent {
+    border: 1px solid CanvasText;
+  }
+}
 .kui-VirtualMenuRoot {
   overflow: auto;
   position: relative;
@@ -19491,6 +20403,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%;
@@ -19606,7 +20584,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);
@@ -19661,7 +20640,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);
@@ -20210,6 +21190,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);
@@ -20318,7 +21310,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;
@@ -27453,8 +28446,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;
@@ -34302,6 +35295,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;
@@ -34312,6 +35311,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 {
@@ -34323,6 +35328,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 {
@@ -34334,6 +35345,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 {
@@ -34345,6 +35362,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 {
@@ -34356,6 +35379,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;