@seed-design/css 2.8.3 → 3.0.0

package/all.layered.css

@@ -2,12 +2,16 @@
   :root {
     --seed-safe-area-top: 0px;
     --seed-safe-area-bottom: 0px;
+    --seed-safe-area-left: 0px;
+    --seed-safe-area-right: 0px;
   }
 
   @supports (left: constant(safe-area-inset-left)) {
     :root {
       --seed-safe-area-top: constant(safe-area-inset-top);
       --seed-safe-area-bottom: constant(safe-area-inset-bottom);
+      --seed-safe-area-left: constant(safe-area-inset-left);
+      --seed-safe-area-right: constant(safe-area-inset-right);
     }
   }
 
@@ -15,6 +19,8 @@
     :root {
       --seed-safe-area-top: env(safe-area-inset-top);
       --seed-safe-area-bottom: env(safe-area-inset-bottom);
+      --seed-safe-area-left: env(safe-area-inset-left);
+      --seed-safe-area-right: env(safe-area-inset-right);
     }
   }
 
@@ -397,6 +403,7 @@
     --seed-dynamic-scale-basis: max(var(--seed-element-height), var(--seed-element-width) / 4, 24);
     --seed-dynamic-scale: calc((var(--seed-dynamic-scale-basis) - 2) / var(--seed-dynamic-scale-basis));
     --seed-feedback-scale: var(--seed-dynamic-scale, 1);
+    --seed-content-scale: 1;
     scale: 1;
   }
 
@@ -406,6 +413,30 @@
     }
   }
 
+  .seed-content-scale {
+    display: inherit;
+    flex-direction: inherit;
+    flex-wrap: inherit;
+    align-items: inherit;
+    align-content: inherit;
+    justify-content: inherit;
+    justify-items: inherit;
+    gap: inherit;
+    grid-template-columns: inherit;
+    grid-template-rows: inherit;
+    grid-template-areas: inherit;
+    grid-auto-flow: inherit;
+    grid-auto-columns: inherit;
+    grid-auto-rows: inherit;
+    min-width: 0;
+    min-height: 0;
+    scale: var(--seed-content-scale);
+    transition: var(--seed-feedback-scale-transition);
+    flex: auto;
+    grid-area: 1 / 1 / -1 / -1;
+    place-self: stretch stretch;
+  }
+
   :root, [data-seed-color-mode="system"] {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
@@ -656,6 +687,12 @@
     --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-00);
     --seed-color-fg-neutral-muted: var(--seed-color-palette-gray-800);
     --seed-color-fg-neutral-subtle: var(--seed-color-palette-gray-700);
+    --seed-color-fg-on-brand-solid: var(--seed-color-palette-static-white);
+    --seed-color-fg-on-critical-solid: var(--seed-color-palette-static-white);
+    --seed-color-fg-on-informative-solid: var(--seed-color-palette-static-white);
+    --seed-color-fg-on-neutral-solid: var(--seed-color-palette-gray-00);
+    --seed-color-fg-on-positive-solid: var(--seed-color-palette-static-white);
+    --seed-color-fg-on-warning-solid: var(--seed-color-palette-static-black-alpha-900);
     --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
     --seed-color-fg-positive: var(--seed-color-palette-green-700);
     --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
@@ -677,15 +714,17 @@
     --seed-color-bg-layer-basement: var(--seed-color-palette-gray-200);
     --seed-color-bg-layer-default: var(--seed-color-palette-gray-00);
     --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-100);
-    --seed-color-bg-layer-fill: var(--seed-color-palette-gray-100);
     --seed-color-bg-layer-floating: var(--seed-color-palette-gray-00);
     --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-100);
     --seed-color-bg-magic-weak: #f9f2ee;
     --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-900);
     --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
-    --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-1000);
+    --seed-color-bg-neutral-muted: var(--seed-color-palette-gray-100);
+    --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-900);
+    --seed-color-bg-neutral-solid-pressed: var(--seed-color-palette-gray-800);
     --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-800);
     --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-900);
+    --seed-color-bg-neutral-subtle: var(--seed-color-palette-gray-00);
     --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-200);
     --seed-color-bg-neutral-weak-alpha: var(--seed-color-palette-static-black-alpha-200);
     --seed-color-bg-neutral-weak-alpha-pressed: var(--seed-color-palette-static-black-alpha-300);
@@ -868,6 +907,12 @@
     --seed-color-fg-neutral-inverted: var(--seed-color-palette-gray-100);
     --seed-color-fg-neutral-muted: var(--seed-color-palette-gray-800);
     --seed-color-fg-neutral-subtle: var(--seed-color-palette-gray-700);
+    --seed-color-fg-on-brand-solid: var(--seed-color-palette-static-white);
+    --seed-color-fg-on-critical-solid: var(--seed-color-palette-static-white);
+    --seed-color-fg-on-informative-solid: var(--seed-color-palette-static-white);
+    --seed-color-fg-on-neutral-solid: var(--seed-color-palette-gray-100);
+    --seed-color-fg-on-positive-solid: var(--seed-color-palette-static-white);
+    --seed-color-fg-on-warning-solid: var(--seed-color-palette-static-black-alpha-900);
     --seed-color-fg-placeholder: var(--seed-color-palette-gray-600);
     --seed-color-fg-positive: var(--seed-color-palette-green-700);
     --seed-color-fg-positive-contrast: var(--seed-color-palette-green-900);
@@ -889,15 +934,17 @@
     --seed-color-bg-layer-basement: var(--seed-color-palette-gray-00);
     --seed-color-bg-layer-default: var(--seed-color-palette-gray-100);
     --seed-color-bg-layer-default-pressed: var(--seed-color-palette-gray-300);
-    --seed-color-bg-layer-fill: var(--seed-color-palette-gray-200);
     --seed-color-bg-layer-floating: var(--seed-color-palette-gray-200);
     --seed-color-bg-layer-floating-pressed: var(--seed-color-palette-gray-300);
     --seed-color-bg-magic-weak: #201f1f;
     --seed-color-bg-neutral-inverted: var(--seed-color-palette-gray-1000);
     --seed-color-bg-neutral-inverted-pressed: var(--seed-color-palette-gray-800);
-    --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-300);
+    --seed-color-bg-neutral-muted: var(--seed-color-palette-gray-200);
+    --seed-color-bg-neutral-solid: var(--seed-color-palette-gray-1000);
+    --seed-color-bg-neutral-solid-pressed: var(--seed-color-palette-gray-800);
     --seed-color-bg-neutral-solid-muted: var(--seed-color-palette-gray-400);
     --seed-color-bg-neutral-solid-muted-pressed: var(--seed-color-palette-gray-500);
+    --seed-color-bg-neutral-subtle: var(--seed-color-palette-gray-100);
     --seed-color-bg-neutral-weak: var(--seed-color-palette-gray-300);
     --seed-color-bg-neutral-weak-alpha: var(--seed-color-palette-static-white-alpha-200);
     --seed-color-bg-neutral-weak-alpha-pressed: var(--seed-color-palette-static-white-alpha-300);
@@ -1276,6 +1323,10 @@
     cursor: not-allowed;
   }
 
+  .seed-accordion__trigger:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+    --seed-content-scale: var(--seed-feedback-scale);
+  }
+
   .seed-accordion__prefix {
     --seed-icon-color: var(--seed-color-fg-neutral);
     flex-shrink: 0;
@@ -1614,13 +1665,13 @@
 
   .seed-action-button--variant_brandSolid {
     background: var(--seed-color-bg-brand-solid);
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-brand-solid);
     font-weight: var(--seed-font-weight-bold);
-    --seed-prefix-icon-color: var(--seed-color-palette-static-white);
-    --seed-suffix-icon-color: var(--seed-color-palette-static-white);
-    --seed-icon-color: var(--seed-color-palette-static-white);
+    --seed-prefix-icon-color: var(--seed-color-fg-on-brand-solid);
+    --seed-suffix-icon-color: var(--seed-color-fg-on-brand-solid);
+    --seed-icon-color: var(--seed-color-fg-on-brand-solid);
     --track-color: var(--seed-color-palette-static-white-alpha-300);
-    --range-color: var(--seed-color-palette-static-white);
+    --range-color: var(--seed-color-fg-on-brand-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -1648,25 +1699,25 @@
   }
 
   .seed-action-button--variant_neutralSolid {
-    background: var(--seed-color-bg-neutral-inverted);
-    color: var(--seed-color-fg-neutral-inverted);
+    background: var(--seed-color-bg-neutral-solid);
+    color: var(--seed-color-fg-on-neutral-solid);
     font-weight: var(--seed-font-weight-bold);
-    --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted);
-    --seed-suffix-icon-color: var(--seed-color-fg-neutral-inverted);
-    --seed-icon-color: var(--seed-color-fg-neutral-inverted);
+    --seed-prefix-icon-color: var(--seed-color-fg-on-neutral-solid);
+    --seed-suffix-icon-color: var(--seed-color-fg-on-neutral-solid);
+    --seed-icon-color: var(--seed-color-fg-on-neutral-solid);
     --track-color: var(--seed-color-palette-static-white-alpha-300);
-    --range-color: var(--seed-color-palette-static-white);
+    --range-color: var(--seed-color-fg-on-neutral-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
     .seed-action-button--variant_neutralSolid:is(:hover, [data-hover]) {
-      background: var(--seed-color-bg-neutral-inverted-pressed);
+      background: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   @media not all and (hover: hover) and (pointer: fine) {
     .seed-action-button--variant_neutralSolid:is(:active, [data-active]) {
-      background: var(--seed-color-bg-neutral-inverted-pressed);
+      background: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
@@ -1679,7 +1730,7 @@
   }
 
   .seed-action-button--variant_neutralSolid[data-loading] {
-    background: var(--seed-color-bg-neutral-inverted-pressed);
+    background: var(--seed-color-bg-neutral-solid-pressed);
   }
 
   .seed-action-button--variant_neutralWeak {
@@ -1719,13 +1770,13 @@
 
   .seed-action-button--variant_criticalSolid {
     background: var(--seed-color-bg-critical-solid);
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-critical-solid);
     font-weight: var(--seed-font-weight-bold);
-    --seed-prefix-icon-color: var(--seed-color-palette-static-white);
-    --seed-suffix-icon-color: var(--seed-color-palette-static-white);
-    --seed-icon-color: var(--seed-color-palette-static-white);
+    --seed-prefix-icon-color: var(--seed-color-fg-on-critical-solid);
+    --seed-suffix-icon-color: var(--seed-color-fg-on-critical-solid);
+    --seed-icon-color: var(--seed-color-fg-on-critical-solid);
     --track-color: var(--seed-color-palette-static-white-alpha-300);
-    --range-color: var(--seed-color-palette-static-white);
+    --range-color: var(--seed-color-fg-on-critical-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -1979,257 +2030,117 @@
     --seed-box-padding-bottom: var(--seed-dimension-x3_5);
   }
 
-  .seed-action-chip {
-    box-sizing: border-box;
-    cursor: pointer;
-    text-transform: none;
-    text-align: start;
-    white-space: nowrap;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-family: inherit;
-    line-height: 1;
-    font-weight: var(--seed-font-weight-medium);
-    border-radius: var(--seed-radius-full);
-    background: var(--seed-color-bg-neutral-weak);
-    color: var(--seed-color-fg-neutral);
-    --seed-prefix-icon-color: var(--seed-color-fg-neutral);
-    --seed-suffix-icon-color: var(--seed-color-fg-neutral-subtle);
-    --seed-icon-color: var(--seed-color-fg-neutral);
-    --seed-count-font-weight: var(--seed-font-weight-medium);
-    --seed-count-color: var(--seed-color-fg-neutral-muted);
-    border: none;
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    display: inline-flex;
-  }
-
-  .seed-action-chip:is(:active, [data-active]) {
-    background: var(--seed-color-bg-neutral-weak-pressed);
-  }
-
-  .seed-action-chip:is(:focus, [data-focus]) {
-    outline: none;
-  }
-
-  .seed-action-chip:is(:disabled, [disabled], [data-disabled]) {
-    background: var(--seed-color-bg-disabled);
-    color: var(--seed-color-fg-disabled);
-    cursor: not-allowed;
-    --seed-prefix-icon-color: var(--seed-color-fg-disabled);
-    --seed-suffix-icon-color: var(--seed-color-fg-disabled);
-    --seed-icon-color: var(--seed-color-fg-disabled);
-  }
-
-  .seed-action-chip--size_medium {
-    min-height: var(--seed-dimension-x9);
-    padding-block: var(--seed-dimension-x2);
-    gap: var(--seed-dimension-x1);
-    font-size: var(--seed-font-size-t4);
-    line-height: var(--seed-line-height-t4);
-    --seed-count-font-size: var(--seed-font-size-t4);
-    --seed-prefix-icon-size: var(--seed-dimension-x4);
-    --seed-suffix-icon-size: var(--seed-dimension-x3_5);
-    --seed-icon-size: var(--seed-dimension-x4);
-  }
-
-  .seed-action-chip--size_small {
-    min-height: var(--seed-dimension-x8);
-    padding-block: var(--seed-dimension-x1_5);
-    gap: var(--seed-dimension-x1);
-    font-size: var(--seed-font-size-t4);
-    line-height: var(--seed-line-height-t4);
-    --seed-count-font-size: var(--seed-font-size-t4);
-    --seed-prefix-icon-size: var(--seed-dimension-x4);
-    --seed-suffix-icon-size: var(--seed-dimension-x3_5);
-    --seed-icon-size: var(--seed-dimension-x4);
-  }
-
-  .seed-action-chip--size_medium-layout_withText {
-    padding-inline: var(--seed-dimension-x3_5);
-  }
-
-  .seed-action-chip--size_medium-layout_iconOnly {
-    min-width: var(--seed-dimension-x9);
-  }
-
-  .seed-action-chip--size_small-layout_withText {
-    padding-inline: var(--seed-dimension-x3);
-  }
-
-  .seed-action-chip--size_small-layout_iconOnly {
-    min-width: var(--seed-dimension-x8);
-  }
-
-  .seed-action-sheet__positioner {
+  .seed-alert-dialog__positioner {
     overscroll-behavior-y: none;
-    --sheet-z-index: 2;
-    z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
+    --dialog-z-index: 2;
+    z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
     justify-content: center;
-    align-items: flex-end;
+    align-items: center;
     display: flex;
     position: fixed;
     inset: 0;
   }
 
-  .seed-action-sheet__backdrop {
+  .seed-alert-dialog__backdrop {
     background: var(--seed-color-bg-overlay);
-    z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
+    z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
     position: fixed;
     inset: 0;
   }
 
-  .seed-action-sheet__backdrop:not(:is([data-state="open"], [data-open])) {
-    animation: seed-exit;
-    animation-timing-function: var(--seed-timing-function-exit);
-    animation-duration: var(--seed-duration-d2);
-    --seed-exit-translate-x: 0;
-    --seed-exit-translate-y: 0;
-    --seed-exit-opacity: 0;
-    --seed-exit-scale: 1;
-    animation-fill-mode: forwards;
-  }
-
-  .seed-action-sheet__backdrop:is([data-state="open"], [data-open]) {
-    animation: seed-enter;
-    animation-timing-function: var(--seed-timing-function-enter);
-    animation-duration: var(--seed-duration-d2);
-    --seed-enter-translate-x: 0;
-    --seed-enter-translate-y: 0;
-    --seed-enter-opacity: 0;
-    --seed-enter-scale: 1;
-  }
-
-  .seed-action-sheet__content {
+  .seed-alert-dialog__content {
     box-sizing: border-box;
     word-break: break-all;
-    z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
+    z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
     background: var(--seed-color-bg-layer-floating);
-    border-top-left-radius: var(--seed-radius-r5);
-    border-top-right-radius: var(--seed-radius-r5);
+    max-width: 272px;
+    margin: auto var(--seed-dimension-x8);
+    border-radius: var(--seed-radius-r5);
+    outline: none;
     flex-direction: column;
     flex: 1;
     display: flex;
     position: relative;
-    overflow: hidden;
-  }
-
-  .seed-action-sheet__content:not(:is([data-state="open"], [data-open])) {
-    animation: seed-exit;
-    animation-timing-function: var(--seed-timing-function-exit);
-    animation-duration: var(--seed-duration-d4);
-    --seed-exit-translate-x: 0;
-    --seed-exit-translate-y: 100%;
-    --seed-exit-opacity: 1;
-    --seed-exit-scale: 1;
-    animation-fill-mode: forwards;
   }
 
-  .seed-action-sheet__content:is([data-state="open"], [data-open]) {
-    animation: seed-enter;
-    animation-timing-function: var(--seed-timing-function-enter-expressive);
-    animation-duration: var(--seed-duration-d6);
-    --seed-enter-translate-x: 0;
-    --seed-enter-translate-y: 100%;
-    --seed-enter-opacity: 1;
-    --seed-enter-scale: 1;
+  .seed-alert-dialog__content:is(:focus, [data-focus]) {
+    outline: none;
   }
 
-  .seed-action-sheet__header {
-    padding-inline: var(--seed-dimension-spacing-x-global-gutter);
-    padding-block: var(--seed-dimension-x3_5);
-    align-items: center;
-    gap: var(--seed-dimension-x1);
+  .seed-alert-dialog__header {
+    padding-inline: var(--seed-dimension-x5);
+    padding-top: var(--seed-dimension-x5);
+    gap: var(--seed-dimension-x1_5);
     flex-direction: column;
     display: flex;
-    position: relative;
-  }
-
-  .seed-action-sheet__header:after {
-    content: "";
-    left: var(--seed-dimension-spacing-x-global-gutter);
-    right: var(--seed-dimension-spacing-x-global-gutter);
-    background: var(--seed-color-stroke-neutral-muted);
-    height: 1px;
-    display: block;
-    position: absolute;
-    bottom: 0;
   }
 
-  .seed-action-sheet__title {
-    color: var(--seed-color-fg-neutral-muted);
-    font-size: var(--seed-font-size-t4);
-    line-height: var(--seed-line-height-t4);
+  .seed-alert-dialog__title {
+    color: var(--seed-color-fg-neutral);
+    font-size: var(--seed-font-size-t7);
+    line-height: var(--seed-line-height-t7);
     font-weight: var(--seed-font-weight-bold);
+    margin: 0;
   }
 
-  .seed-action-sheet__description {
-    color: var(--seed-color-fg-neutral-muted);
-    font-size: var(--seed-font-size-t3);
-    line-height: var(--seed-line-height-t3);
-    font-weight: var(--seed-font-weight-regular);
-  }
-
-  .seed-action-sheet__list {
-    flex-direction: column;
-    align-items: stretch;
-    display: flex;
-  }
-
-  .seed-action-sheet__closeButton {
-    background-color: var(--seed-color-bg-layer-floating);
-    min-height: 50px;
-    padding-inline: var(--seed-dimension-spacing-x-global-gutter);
-    padding-block: var(--seed-dimension-x3_5);
+  .seed-alert-dialog__description {
     color: var(--seed-color-fg-neutral);
     font-size: var(--seed-font-size-t5);
     line-height: var(--seed-line-height-t5);
-    font-weight: var(--seed-font-weight-bold);
-    justify-content: center;
-    align-items: center;
-    display: flex;
-  }
-
-  .seed-action-sheet__closeButton:is(:active, [data-active]) {
-    background-color: var(--seed-color-bg-layer-floating-pressed);
+    font-weight: var(--seed-font-weight-regular);
+    white-space: pre-wrap;
+    margin: 0;
   }
 
-  .seed-action-sheet-item {
-    background-color: var(--seed-color-bg-layer-floating);
-    min-height: 50px;
-    padding-inline: var(--seed-dimension-spacing-x-global-gutter);
-    padding-block: var(--seed-dimension-x3_5);
-    font-size: var(--seed-font-size-t5);
-    line-height: var(--seed-line-height-t5);
-    font-weight: var(--seed-font-weight-regular);
-    justify-content: center;
-    align-items: center;
+  .seed-alert-dialog__footer {
+    padding-inline: var(--seed-dimension-x5);
+    padding-top: var(--seed-dimension-x4);
+    padding-bottom: var(--seed-dimension-x5);
+    flex-direction: column;
+    align-items: stretch;
     display: flex;
-    position: relative;
   }
 
-  .seed-action-sheet-item:is(:active, [data-active]) {
-    background-color: var(--seed-color-bg-layer-floating-pressed);
+  .seed-alert-dialog__backdrop--skipAnimation_false:is([data-state="open"], [data-open]) {
+    animation: seed-enter;
+    animation-timing-function: var(--seed-timing-function-enter);
+    animation-duration: var(--seed-duration-d2);
+    --seed-enter-translate-x: 0;
+    --seed-enter-translate-y: 0;
+    --seed-enter-opacity: 0;
+    --seed-enter-scale: 1;
   }
 
-  .seed-action-sheet-item:after {
-    content: "";
-    left: var(--seed-dimension-spacing-x-global-gutter);
-    right: var(--seed-dimension-spacing-x-global-gutter);
-    background: var(--seed-color-stroke-neutral-muted);
-    height: 1px;
-    display: block;
-    position: absolute;
-    bottom: 0;
+  .seed-alert-dialog__backdrop--skipAnimation_false:not(:is([data-state="open"], [data-open])) {
+    animation: seed-exit;
+    animation-timing-function: var(--seed-timing-function-exit);
+    animation-duration: var(--seed-duration-d2);
+    --seed-exit-translate-x: 0;
+    --seed-exit-translate-y: 0;
+    --seed-exit-opacity: 0;
+    --seed-exit-scale: 1;
+    animation-fill-mode: forwards;
   }
 
-  .seed-action-sheet-item--tone_neutral {
-    color: var(--seed-color-fg-neutral);
+  .seed-alert-dialog__content--skipAnimation_false:is([data-state="open"], [data-open]) {
+    animation: seed-enter;
+    animation-timing-function: var(--seed-timing-function-enter-expressive);
+    animation-duration: var(--seed-duration-d4);
+    --seed-enter-translate-x: 0;
+    --seed-enter-translate-y: 0;
+    --seed-enter-opacity: 0;
+    --seed-enter-scale: 1.3;
   }
 
-  .seed-action-sheet-item--tone_critical {
-    color: var(--seed-color-fg-critical);
+  .seed-alert-dialog__content--skipAnimation_false:not(:is([data-state="open"], [data-open])) {
+    animation: seed-exit;
+    animation-timing-function: var(--seed-timing-function-exit);
+    animation-duration: var(--seed-duration-d2);
+    --seed-exit-translate-x: 0;
+    --seed-exit-translate-y: 0;
+    --seed-exit-opacity: 0;
+    --seed-exit-scale: 1;
+    animation-fill-mode: forwards;
   }
 
   .seed-aspect-ratio {
@@ -2312,8 +2223,9 @@
   }
 
   .seed-app-bar__root--theme_cupertino {
-    height: calc(44px + var(--seed-safe-area-top));
-    padding-inline: var(--seed-dimension-x4);
+    height: calc(56px + var(--seed-safe-area-top));
+    padding-left: calc(var(--seed-dimension-x4) + var(--seed-safe-area-left));
+    padding-right: calc(var(--seed-dimension-x4) + var(--seed-safe-area-right));
     padding-top: var(--seed-safe-area-top);
   }
 
@@ -2337,7 +2249,8 @@
 
   .seed-app-bar__root--theme_android {
     height: calc(56px + var(--seed-safe-area-top));
-    padding-inline: var(--seed-dimension-x4);
+    padding-left: calc(var(--seed-dimension-x4) + var(--seed-safe-area-left));
+    padding-right: calc(var(--seed-dimension-x4) + var(--seed-safe-area-right));
     padding-top: var(--seed-safe-area-top);
   }
 
@@ -2411,7 +2324,8 @@
     text-align: center;
     top: var(--seed-safe-area-top);
     bottom: 0;
-    padding-inline: var(--centered-title-padding-x, 0);
+    padding-left: calc(var(--seed-safe-area-left) + max(calc(var(--seed-dimension-x4) + var(--app-bar-area-extent, calc(var(--centered-title-padding-x, 0px) - var(--seed-safe-area-left) - var(--seed-dimension-x4)))), 0px));
+    padding-right: calc(var(--seed-safe-area-right) + max(calc(var(--seed-dimension-x4) + var(--app-bar-area-extent, calc(var(--centered-title-padding-x, 0px) - var(--seed-safe-area-right) - var(--seed-dimension-x4)))), 0px));
     pointer-events: none;
     justify-content: center;
     align-items: center;
@@ -2461,9 +2375,11 @@
   .seed-app-screen__layer {
     z-index: var(--z-index-layer);
     box-sizing: border-box;
-    -webkit-overflow-scrolling: touch;
     width: 100%;
     height: 100%;
+    padding-left: var(--seed-safe-area-left);
+    padding-right: var(--seed-safe-area-right);
+    -webkit-overflow-scrolling: touch;
     position: absolute;
     inset-inline: 0;
     overflow-y: scroll;
@@ -2489,11 +2405,7 @@
     inset-inline: 0;
   }
 
-  .seed-app-screen__root--theme_cupertino {
-    --app-bar-height: 44px;
-  }
-
-  .seed-app-screen__root--theme_android {
+  .seed-app-screen__root--theme_cupertino, .seed-app-screen__root--theme_android {
     --app-bar-height: 56px;
   }
 
@@ -2560,6 +2472,8 @@
     content: "";
     inset-inline: 0;
     margin-bottom: calc(-1 * (66px + 400px + var(--seed-safe-area-top)));
+    margin-left: calc(-1 * var(--seed-safe-area-left));
+    margin-right: calc(-1 * var(--seed-safe-area-right));
     height: calc(66px + 400px + var(--seed-safe-area-top));
     pointer-events: none;
     z-index: 1;
@@ -2958,36 +2872,91 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     align-items: center;
+    min-width: 0;
     text-decoration: none;
     display: inline-flex;
+    overflow: hidden;
+  }
+
+  .seed-badge__prefix {
+    color: inherit;
+    --seed-icon-size: 100%;
+    --seed-icon-color: currentColor;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
   }
 
   .seed-badge__label {
     text-overflow: ellipsis;
     white-space: nowrap;
+    flex-shrink: 1;
+    min-width: 0;
     overflow: hidden;
   }
 
-  .seed-badge__root--size_medium {
-    max-width: clamp(calc(108px * var(--seed-font-size-limit-min)), 7.5rem, calc(108px * var(--seed-font-size-limit-max)));
+  .seed-badge__action {
+    border-radius: inherit;
+    color: inherit;
+    cursor: pointer;
+    --seed-icon-size: 100%;
+    --seed-icon-color: currentColor;
+    background-color: #0000;
+    border: none;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+    font-family: inherit;
+    display: inline-flex;
+  }
+
+  .seed-badge__action:is(:active, [data-active]) {
+    scale: var(--seed-feedback-scale);
+  }
+
+  .seed-badge__action {
+    transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+    outline: var(--seed-dimension-x0_5) solid transparent;
+    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+  }
+
+  .seed-badge__action:is(:focus-visible, [data-focus-visible]) {
+    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+  }
+
+  .seed-badge__root--size_medium {
     min-height: var(--seed-dimension-x5);
     padding-inline: var(--seed-dimension-x1_5);
     padding-block: var(--seed-dimension-x0_5);
     border-radius: var(--seed-radius-r1);
+    gap: var(--seed-dimension-x0_5);
     font-size: var(--seed-font-size-t1);
     line-height: var(--seed-line-height-t1);
   }
 
+  .seed-badge__prefix--size_medium, .seed-badge__action--size_medium {
+    width: var(--seed-dimension-x3);
+    height: var(--seed-dimension-x3);
+  }
+
   .seed-badge__root--size_large {
-    max-width: clamp(calc(120px * var(--seed-font-size-limit-min)), 6.75rem, calc(120px * var(--seed-font-size-limit-max)));
     min-height: var(--seed-dimension-x6);
     padding-inline: var(--seed-dimension-x2);
     padding-block: var(--seed-dimension-x1);
     border-radius: var(--seed-radius-r1_5);
+    gap: var(--seed-dimension-x0_5);
     font-size: var(--seed-font-size-t2);
     line-height: var(--seed-line-height-t2);
   }
 
+  .seed-badge__prefix--size_large, .seed-badge__action--size_large {
+    width: var(--seed-dimension-x3_5);
+    height: var(--seed-dimension-x3_5);
+  }
+
   .seed-badge__root--variant_weak {
     font-weight: var(--seed-font-weight-medium);
   }
@@ -3003,7 +2972,7 @@
 
   .seed-badge__root--tone_neutral-variant_solid {
     background-color: var(--seed-color-palette-gray-800);
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
   }
 
   .seed-badge__root--tone_neutral-variant_outline {
@@ -3018,7 +2987,7 @@
 
   .seed-badge__root--tone_brand-variant_solid {
     background-color: var(--seed-color-bg-brand-solid);
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-brand-solid);
   }
 
   .seed-badge__root--tone_brand-variant_outline {
@@ -3033,7 +3002,7 @@
 
   .seed-badge__root--tone_informative-variant_solid {
     background-color: var(--seed-color-bg-informative-solid);
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-informative-solid);
   }
 
   .seed-badge__root--tone_informative-variant_outline {
@@ -3048,7 +3017,7 @@
 
   .seed-badge__root--tone_positive-variant_solid {
     background-color: var(--seed-color-bg-positive-solid);
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-positive-solid);
   }
 
   .seed-badge__root--tone_positive-variant_outline {
@@ -3063,7 +3032,7 @@
 
   .seed-badge__root--tone_warning-variant_solid {
     background-color: var(--seed-color-bg-warning-solid);
-    color: var(--seed-color-palette-static-black-alpha-900);
+    color: var(--seed-color-fg-on-warning-solid);
   }
 
   .seed-badge__root--tone_warning-variant_outline {
@@ -3078,7 +3047,7 @@
 
   .seed-badge__root--tone_critical-variant_solid {
     background-color: var(--seed-color-bg-critical-solid);
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-critical-solid);
   }
 
   .seed-badge__root--tone_critical-variant_outline {
@@ -3826,23 +3795,23 @@
   }
 
   .seed-checkmark__root--variant_square-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
-    background: var(--seed-color-bg-neutral-inverted);
+    background: var(--seed-color-bg-neutral-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
     .seed-checkmark__root--variant_square-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:hover, [data-hover]) {
-      background: var(--seed-color-bg-neutral-inverted-pressed);
+      background: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   @media not all and (hover: hover) and (pointer: fine) {
     .seed-checkmark__root--variant_square-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
-      background: var(--seed-color-bg-neutral-inverted-pressed);
+      background: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   .seed-checkmark__icon--variant_square-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
   }
 
   .seed-checkmark__root--variant_square-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
@@ -3862,7 +3831,7 @@
   }
 
   .seed-checkmark__icon--variant_square-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-brand-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -3990,8 +3959,8 @@
 
   .seed-chip__root--variant_solid:is(:checked, [data-checked]) {
     box-shadow: none;
-    background: var(--seed-color-bg-neutral-inverted);
-    --seed-icon-color: var(--seed-color-fg-neutral-inverted);
+    background: var(--seed-color-bg-neutral-solid);
+    --seed-icon-color: var(--seed-color-fg-on-neutral-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4008,13 +3977,13 @@
 
   @media (hover: hover) and (pointer: fine) {
     .seed-chip__root--variant_solid:is(:checked, [data-checked]):is(:hover, [data-hover]):not(:is(:disabled, [disabled], [data-disabled])) {
-      background: var(--seed-color-bg-neutral-inverted-pressed);
+      background: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   @media not all and (hover: hover) and (pointer: fine) {
     .seed-chip__root--variant_solid:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
-      background: var(--seed-color-bg-neutral-inverted-pressed);
+      background: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
@@ -4027,7 +3996,7 @@
   }
 
   .seed-chip__label--variant_solid:is(:checked, [data-checked]) {
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
   }
 
   .seed-chip__prefixIcon--variant_solid, .seed-chip__suffixIcon--variant_solid {
@@ -4053,19 +4022,19 @@
   }
 
   .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]) {
-    background: var(--seed-color-bg-neutral-inverted);
-    --seed-icon-color: var(--seed-color-fg-neutral-inverted);
+    background: var(--seed-color-bg-neutral-solid);
+    --seed-icon-color: var(--seed-color-fg-on-neutral-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
     .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]):is(:hover, [data-hover]):not(:is(:disabled, [disabled], [data-disabled])) {
-      background: var(--seed-color-bg-neutral-inverted-pressed);
+      background: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   @media not all and (hover: hover) and (pointer: fine) {
     .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
-      background: var(--seed-color-bg-neutral-inverted-pressed);
+      background: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
@@ -4078,7 +4047,7 @@
   }
 
   .seed-chip__label--variant_outlineStrong:is(:checked, [data-checked]) {
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
   }
 
   .seed-chip__prefixIcon--variant_outlineStrong, .seed-chip__suffixIcon--variant_outlineStrong {
@@ -4303,8 +4272,8 @@
   }
 
   .seed-chip-tabs__trigger--variant_neutralSolid:is([aria-selected="true"], [data-selected]) {
-    background-color: var(--seed-color-bg-neutral-inverted);
-    color: var(--seed-color-fg-neutral-inverted);
+    background-color: var(--seed-color-bg-neutral-solid);
+    color: var(--seed-color-fg-on-neutral-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -4321,13 +4290,13 @@
 
   @media (hover: hover) and (pointer: fine) {
     .seed-chip-tabs__trigger--variant_neutralSolid:is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]) {
-      background-color: var(--seed-color-bg-neutral-inverted-pressed);
+      background-color: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   @media not all and (hover: hover) and (pointer: fine) {
     .seed-chip-tabs__trigger--variant_neutralSolid:is([aria-selected="true"], [data-selected]):is(:active, [data-active]) {
-      background-color: var(--seed-color-bg-neutral-inverted-pressed);
+      background-color: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
@@ -4343,8 +4312,8 @@
   }
 
   .seed-chip-tabs__trigger--variant_neutralOutline:is([aria-selected="true"], [data-selected]) {
-    background-color: var(--seed-color-bg-neutral-inverted);
-    color: var(--seed-color-fg-neutral-inverted);
+    background-color: var(--seed-color-bg-neutral-solid);
+    color: var(--seed-color-fg-on-neutral-solid);
     border-color: #0000;
   }
 
@@ -4362,13 +4331,13 @@
 
   @media (hover: hover) and (pointer: fine) {
     .seed-chip-tabs__trigger--variant_neutralOutline:is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]) {
-      background-color: var(--seed-color-bg-neutral-inverted-pressed);
+      background-color: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   @media not all and (hover: hover) and (pointer: fine) {
     .seed-chip-tabs__trigger--variant_neutralOutline:is([aria-selected="true"], [data-selected]):is(:active, [data-active]) {
-      background-color: var(--seed-color-bg-neutral-inverted-pressed);
+      background-color: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
@@ -4406,249 +4375,6 @@
     top: 0;
   }
 
-  .seed-content-dialog__positioner {
-    overscroll-behavior-y: none;
-    --dialog-z-index: 2;
-    z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
-    justify-content: center;
-    align-items: center;
-    display: flex;
-    position: fixed;
-    inset: 0;
-  }
-
-  .seed-content-dialog__backdrop {
-    background: var(--seed-color-bg-overlay);
-    z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
-    position: fixed;
-    inset: 0;
-  }
-
-  .seed-content-dialog__backdrop:is([data-state="open"], [data-open]) {
-    animation: seed-enter;
-    animation-timing-function: var(--seed-timing-function-enter);
-    animation-duration: var(--seed-duration-d2);
-    --seed-enter-translate-x: 0;
-    --seed-enter-translate-y: 0;
-    --seed-enter-opacity: 0;
-    --seed-enter-scale: 1;
-  }
-
-  .seed-content-dialog__backdrop:not(:is([data-state="open"], [data-open])) {
-    animation: seed-exit;
-    animation-timing-function: var(--seed-timing-function-exit);
-    animation-duration: var(--seed-duration-d2);
-    --seed-exit-translate-x: 0;
-    --seed-exit-translate-y: 0;
-    --seed-exit-opacity: 0;
-    --seed-exit-scale: 1;
-    animation-fill-mode: forwards;
-  }
-
-  .seed-content-dialog__content {
-    box-sizing: border-box;
-    word-break: break-all;
-    z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
-    background: var(--seed-color-bg-layer-floating);
-    border-radius: var(--seed-radius-r5);
-    --content-dialog-default-width: calc(.9 * 100vw);
-    --content-dialog-default-max-width: calc(.9 * 100%);
-    --seed-box-width-base: var(--content-dialog-default-width);
-    --seed-box-width-sm: var(--seed-box-width-base, initial);
-    --seed-box-width-md: var(--seed-box-width-sm, initial);
-    --seed-box-width-lg: var(--seed-box-width-md, initial);
-    --seed-box-width-xl: var(--seed-box-width-lg, initial);
-    --seed-box-width: var(--seed-box-width-base, initial);
-    --seed-box-max-width-base: var(--content-dialog-default-max-width);
-    --seed-box-max-width-sm: var(--seed-box-max-width-base, initial);
-    --seed-box-max-width-md: var(--seed-box-max-width-sm, initial);
-    --seed-box-max-width-lg: var(--seed-box-max-width-md, initial);
-    --seed-box-max-width-xl: var(--seed-box-max-width-lg, initial);
-    --seed-box-max-width: var(--seed-box-max-width-base, initial);
-    width: var(--seed-box-width);
-    max-width: var(--seed-box-max-width);
-    max-height: 80vh;
-    outline: none;
-    flex-direction: column;
-    flex: none;
-    max-height: 80dvh;
-    display: flex;
-    position: relative;
-  }
-
-  @media (min-width: 768px) {
-    .seed-content-dialog__content {
-      --content-dialog-default-width: var(--content-dialog-size-width);
-      --content-dialog-default-max-width: calc(100vw - 2 * var(--seed-dimension-x5));
-    }
-  }
-
-  .seed-content-dialog__content:is([data-state="open"], [data-open]) {
-    animation: seed-enter;
-    animation-timing-function: var(--seed-timing-function-enter-expressive);
-    animation-duration: var(--seed-duration-d4);
-    --seed-enter-translate-x: 0;
-    --seed-enter-translate-y: 0;
-    --seed-enter-opacity: 0;
-    --seed-enter-scale: 1.3;
-  }
-
-  .seed-content-dialog__content:not(:is([data-state="open"], [data-open])) {
-    animation: seed-exit;
-    animation-timing-function: var(--seed-timing-function-exit);
-    animation-duration: var(--seed-duration-d2);
-    --seed-exit-translate-x: 0;
-    --seed-exit-translate-y: 0;
-    --seed-exit-opacity: 0;
-    --seed-exit-scale: 1;
-    animation-fill-mode: forwards;
-  }
-
-  .seed-content-dialog__header {
-    gap: var(--seed-dimension-x1_5);
-    padding-inline: var(--seed-dimension-x6);
-    padding-top: var(--seed-dimension-x6);
-    padding-bottom: var(--seed-dimension-x4);
-    flex-direction: column;
-    flex-shrink: 0;
-    display: flex;
-  }
-
-  .seed-content-dialog__header[data-show-close-button] {
-    padding-right: calc(var(--seed-dimension-x6) + 22px + var(--seed-dimension-x1_5));
-  }
-
-  .seed-content-dialog__body {
-    box-sizing: border-box;
-    --seed-box-padding-x-base: var(--seed-dimension-x6);
-    --seed-box-padding-x-sm: var(--seed-box-padding-x-base, initial);
-    --seed-box-padding-x-md: var(--seed-box-padding-x-sm, initial);
-    --seed-box-padding-x-lg: var(--seed-box-padding-x-md, initial);
-    --seed-box-padding-x-xl: var(--seed-box-padding-x-lg, initial);
-    --seed-box-padding-x: var(--seed-box-padding-x-base, initial);
-    --seed-box-min-height-base: 0;
-    --seed-box-min-height-sm: var(--seed-box-min-height-base, initial);
-    --seed-box-min-height-md: var(--seed-box-min-height-sm, initial);
-    --seed-box-min-height-lg: var(--seed-box-min-height-md, initial);
-    --seed-box-min-height-xl: var(--seed-box-min-height-lg, initial);
-    --seed-box-min-height: var(--seed-box-min-height-base, initial);
-    --seed-box-max-height-base: none;
-    --seed-box-max-height-sm: var(--seed-box-max-height-base, initial);
-    --seed-box-max-height-md: var(--seed-box-max-height-sm, initial);
-    --seed-box-max-height-lg: var(--seed-box-max-height-md, initial);
-    --seed-box-max-height-xl: var(--seed-box-max-height-lg, initial);
-    --seed-box-max-height: var(--seed-box-max-height-base, initial);
-    --seed-box-justify-content: initial;
-    --seed-box-align-items: initial;
-    padding-inline: var(--seed-box-padding-x);
-    min-height: var(--seed-box-min-height);
-    max-height: var(--seed-box-max-height);
-    justify-content: var(--seed-box-justify-content);
-    align-items: var(--seed-box-align-items);
-    transition: box-shadow var(--seed-duration-color-transition) var(--seed-timing-function-easing);
-    flex-direction: column;
-    flex: 1;
-    display: flex;
-    overflow-y: auto;
-  }
-
-  .seed-content-dialog__body[data-scrolled]:not(:first-child) {
-    box-shadow: inset 0 1px 0 0 var(--seed-color-stroke-neutral-muted);
-  }
-
-  .seed-content-dialog__body[data-overflow] {
-    padding-bottom: var(--seed-dimension-x12);
-    -webkit-mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
-    mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
-    -webkit-mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
-  }
-
-  .seed-content-dialog__body {
-    outline: var(--seed-dimension-x0_5) solid transparent;
-    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
-  }
-
-  .seed-content-dialog__body:is(:focus-visible, [data-focus-visible]) {
-    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
-    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
-  }
-
-  .seed-content-dialog__title {
-    color: var(--seed-color-fg-neutral);
-    font-size: var(--seed-font-size-t8);
-    line-height: var(--seed-line-height-t8);
-    font-weight: var(--seed-font-weight-bold);
-    margin: 0;
-  }
-
-  .seed-content-dialog__description {
-    color: var(--seed-color-fg-neutral-muted);
-    font-size: var(--seed-font-size-t5);
-    line-height: var(--seed-line-height-t5);
-    font-weight: var(--seed-font-weight-regular);
-    white-space: pre-wrap;
-    margin: 0;
-  }
-
-  .seed-content-dialog__footer {
-    padding-inline: var(--seed-dimension-x6);
-    padding-top: var(--seed-dimension-x4);
-    padding-bottom: var(--seed-dimension-x6);
-    flex-direction: column;
-    flex-shrink: 0;
-    align-items: stretch;
-    display: flex;
-  }
-
-  .seed-content-dialog__closeButton {
-    top: var(--seed-dimension-x7);
-    right: var(--seed-dimension-x6);
-    background: var(--seed-color-bg-transparent);
-    border-radius: var(--seed-radius-r3);
-    cursor: pointer;
-    transition: background var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
-    --seed-icon-size: 22px;
-    --seed-icon-color: var(--seed-color-fg-neutral-subtle);
-    outline: var(--seed-dimension-x0_5) solid transparent;
-    outline-offset: var(--seed-dimension-x0_5);
-    border: none;
-    justify-content: center;
-    align-items: center;
-    margin: -15px;
-    padding: 15px;
-    display: flex;
-    position: absolute;
-  }
-
-  .seed-content-dialog__closeButton:is(:focus-visible, [data-focus-visible]) {
-    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
-    outline-offset: var(--seed-dimension-x0_5);
-  }
-
-  .seed-content-dialog__closeButton:is(:active, [data-active]) {
-    scale: var(--seed-feedback-scale);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .seed-content-dialog__closeButton:is(:hover, [data-hover]) {
-      background: var(--seed-color-bg-transparent-pressed);
-    }
-  }
-
-  @media not all and (hover: hover) and (pointer: fine) {
-    .seed-content-dialog__closeButton:is(:active, [data-active]) {
-      background: var(--seed-color-bg-transparent-pressed);
-    }
-  }
-
-  .seed-content-dialog__content--size_medium {
-    --content-dialog-size-width: 480px;
-  }
-
-  .seed-content-dialog__content--size_large {
-    --content-dialog-size-width: 800px;
-  }
-
   .seed-content-placeholder__root {
     box-sizing: border-box;
     vertical-align: top;
@@ -4732,23 +4458,23 @@
   }
 
   .seed-contextual-floating-button--variant_solid {
-    background: var(--seed-color-bg-neutral-inverted);
-    color: var(--seed-color-fg-neutral-inverted);
-    --seed-icon-color: var(--seed-color-fg-neutral-inverted);
-    --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted);
+    background: var(--seed-color-bg-neutral-solid);
+    color: var(--seed-color-fg-on-neutral-solid);
+    --seed-icon-color: var(--seed-color-fg-on-neutral-solid);
+    --seed-prefix-icon-color: var(--seed-color-fg-on-neutral-solid);
     --track-color: var(--seed-color-palette-gray-700);
-    --range-color: var(--seed-color-fg-neutral-inverted);
+    --range-color: var(--seed-color-fg-on-neutral-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
     .seed-contextual-floating-button--variant_solid:is(:hover, [data-hover]) {
-      background: var(--seed-color-bg-neutral-inverted-pressed);
+      background: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   @media not all and (hover: hover) and (pointer: fine) {
     .seed-contextual-floating-button--variant_solid:is(:active, [data-active]) {
-      background: var(--seed-color-bg-neutral-inverted-pressed);
+      background: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
@@ -4760,7 +4486,7 @@
   }
 
   .seed-contextual-floating-button--variant_solid[data-loading] {
-    background: var(--seed-color-bg-neutral-inverted-pressed);
+    background: var(--seed-color-bg-neutral-solid-pressed);
   }
 
   .seed-contextual-floating-button--variant_layer {
@@ -4809,105 +4535,7 @@
     height: 44px;
   }
 
-  .seed-control-chip {
-    box-sizing: border-box;
-    cursor: pointer;
-    text-transform: none;
-    text-align: start;
-    white-space: nowrap;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    border-radius: var(--seed-radius-full);
-    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
-    color: var(--seed-color-fg-neutral);
-    line-height: 1;
-    font-weight: var(--seed-font-weight-medium);
-    --seed-prefix-icon-color: var(--seed-color-fg-neutral);
-    --seed-suffix-icon-color: var(--seed-color-fg-neutral-subtle);
-    --seed-icon-color: var(--seed-color-fg-neutral);
-    --seed-count-font-weight: var(--seed-font-weight-medium);
-    --seed-count-color: var(--seed-color-fg-neutral-muted);
-    border: none;
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    display: inline-flex;
-    position: relative;
-  }
-
-  .seed-control-chip:is(:focus, [data-focus]) {
-    outline: none;
-  }
-
-  .seed-control-chip:is(:active, [data-active]) {
-    background: var(--seed-color-bg-layer-default-pressed);
-  }
-
-  .seed-control-chip:is(:checked, [data-checked]) {
-    box-shadow: none;
-    background: var(--seed-color-bg-neutral-solid-muted);
-    color: var(--seed-color-palette-static-white);
-    font-weight: var(--seed-font-weight-bold);
-    --seed-prefix-icon-color: var(--seed-color-palette-static-white);
-    --seed-suffix-icon-color: var(--seed-color-palette-static-white);
-    --seed-icon-color: var(--seed-color-palette-static-white);
-    --seed-count-color: var(--seed-color-palette-static-white-alpha-800);
-  }
-
-  .seed-control-chip:is(:checked, [data-checked]):is(:active, [data-active]) {
-    background: var(--seed-color-bg-neutral-solid-muted-pressed);
-  }
-
-  .seed-control-chip:is(:disabled, [disabled], [data-disabled]) {
-    cursor: not-allowed;
-    background: var(--seed-color-bg-disabled);
-    color: var(--seed-color-fg-disabled);
-    --seed-prefix-icon-color: var(--seed-color-fg-disabled);
-    --seed-suffix-icon-color: var(--seed-color-fg-disabled);
-    --seed-icon-color: var(--seed-color-fg-disabled);
-  }
-
-  .seed-control-chip--size_medium {
-    min-height: var(--seed-dimension-x9);
-    padding-block: var(--seed-dimension-x2);
-    gap: var(--seed-dimension-x1);
-    font-size: var(--seed-font-size-t4);
-    line-height: var(--seed-line-height-t4);
-    --seed-prefix-icon-size: var(--seed-dimension-x4);
-    --seed-suffix-icon-size: var(--seed-dimension-x3_5);
-    --seed-icon-size: var(--seed-dimension-x4);
-    --seed-count-font-size: var(--seed-font-size-t4);
-  }
-
-  .seed-control-chip--size_small {
-    min-height: var(--seed-dimension-x8);
-    padding-block: var(--seed-dimension-x1_5);
-    gap: var(--seed-dimension-x1);
-    font-size: var(--seed-font-size-t4);
-    line-height: var(--seed-line-height-t4);
-    --seed-prefix-icon-size: var(--seed-dimension-x4);
-    --seed-suffix-icon-size: var(--seed-dimension-x3_5);
-    --seed-icon-size: var(--seed-dimension-x4);
-    --seed-count-font-size: var(--seed-font-size-t4);
-  }
-
-  .seed-control-chip--size_medium-layout_withText {
-    padding-inline: var(--seed-dimension-x3_5);
-  }
-
-  .seed-control-chip--size_medium-layout_iconOnly {
-    min-width: var(--seed-dimension-x9);
-  }
-
-  .seed-control-chip--size_small-layout_withText {
-    padding-inline: var(--seed-dimension-x3);
-  }
-
-  .seed-control-chip--size_small-layout_iconOnly {
-    min-width: var(--seed-dimension-x8);
-  }
-
-  .seed-date-picker__root {
+  .seed-date-picker__root {
     box-sizing: border-box;
     --seed-box-height-base: auto;
     --seed-box-height-sm: var(--seed-box-height-base, initial);
@@ -4992,6 +4620,10 @@
     display: inline-flex;
   }
 
+  .seed-date-picker__headerChevron[data-expanded] {
+    transform: rotate(180deg);
+  }
+
   .seed-date-picker__navigation {
     flex-shrink: 0;
     align-items: center;
@@ -5180,11 +4812,11 @@
   }
 
   .seed-date-picker__dateButton:is([aria-selected="true"], [data-selected]):before {
-    background-color: var(--seed-color-bg-neutral-inverted);
+    background-color: var(--seed-color-bg-neutral-solid);
   }
 
   .seed-date-picker__dateButton:is([aria-selected="true"], [data-selected]) {
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -5201,13 +4833,13 @@
 
   @media (hover: hover) and (pointer: fine) {
     .seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):not([data-range-start-readonly]):is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]):not([data-in-range]):before {
-      background-color: var(--seed-color-bg-neutral-inverted);
+      background-color: var(--seed-color-bg-neutral-solid);
     }
   }
 
   @media not all and (hover: hover) and (pointer: fine) {
     .seed-date-picker__dateButton:not(:is(:disabled, [disabled], [data-disabled])):not([data-range-start-readonly]):is([aria-selected="true"], [data-selected]):is(:active, [data-active]):not([data-in-range]):before {
-      background-color: var(--seed-color-bg-neutral-inverted);
+      background-color: var(--seed-color-bg-neutral-solid);
     }
   }
 
@@ -5332,33 +4964,44 @@
     overflow: hidden;
   }
 
+  .seed-date-picker__wheelPositioner {
+    z-index: 3;
+    outline: none;
+  }
+
+  .seed-date-picker__wheelPopover {
+    border-radius: var(--seed-radius-r3);
+    background-color: var(--seed-color-bg-layer-floating);
+    width: 240px;
+    box-shadow: var(--seed-shadow-s3);
+    overflow: hidden;
+  }
+
+  .seed-date-picker__wheelPopover:is(:focus, [data-focus]) {
+    outline: none;
+  }
+
   .seed-date-picker__wheelView {
+    --seed-wheel-picker-item-color: var(--seed-color-fg-disabled);
+    --seed-wheel-picker-selected-item-color: var(--seed-color-fg-neutral);
     --seed-wheel-picker-selection-indicator-corner-radius: var(--seed-radius-r2);
     width: 100%;
   }
 
-  .seed-date-picker__wheelSelectionIndicator {
-    border-radius: var(--seed-radius-r2);
+  .seed-date-picker__wheelView [data-wheel-picker-indicator] {
     background-color: var(--seed-color-bg-neutral-weak);
   }
 
   .seed-date-picker__yearColumn {
     --seed-wheel-picker-item-justify-content: flex-end;
     flex: 0 0 120px;
+    min-width: 120px;
   }
 
   .seed-date-picker__monthColumn {
     --seed-wheel-picker-item-justify-content: flex-start;
     flex: 0 0 96px;
-  }
-
-  .seed-date-picker__wheelItem {
-    --seed-wheel-picker-item-color: var(--seed-color-fg-disabled);
-    --seed-wheel-picker-selected-item-color: var(--seed-color-fg-neutral);
-    padding-inline: var(--seed-dimension-x4);
-    font-size: var(--seed-font-size-t10-static);
-    line-height: var(--seed-line-height-t10-static);
-    font-weight: var(--seed-font-weight-medium);
+    min-width: 96px;
   }
 
   .seed-date-picker__liveRegion {
@@ -5391,6 +5034,10 @@
     height: 24px;
   }
 
+  .seed-date-picker__wheelView--visibleRange_week [data-wheel-picker-indicator] {
+    inset-inline: 0;
+  }
+
   .seed-dialog__positioner {
     overscroll-behavior-y: none;
     --dialog-z-index: 2;
@@ -5409,60 +5056,7 @@
     inset: 0;
   }
 
-  .seed-dialog__content {
-    box-sizing: border-box;
-    word-break: break-all;
-    z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
-    background: var(--seed-color-bg-layer-floating);
-    max-width: 272px;
-    margin: auto var(--seed-dimension-x8);
-    border-radius: var(--seed-radius-r5);
-    outline: none;
-    flex-direction: column;
-    flex: 1;
-    display: flex;
-    position: relative;
-  }
-
-  .seed-dialog__content:is(:focus, [data-focus]) {
-    outline: none;
-  }
-
-  .seed-dialog__header {
-    padding-inline: var(--seed-dimension-x5);
-    padding-top: var(--seed-dimension-x5);
-    gap: var(--seed-dimension-x1_5);
-    flex-direction: column;
-    display: flex;
-  }
-
-  .seed-dialog__title {
-    color: var(--seed-color-fg-neutral);
-    font-size: var(--seed-font-size-t7);
-    line-height: var(--seed-line-height-t7);
-    font-weight: var(--seed-font-weight-bold);
-    margin: 0;
-  }
-
-  .seed-dialog__description {
-    color: var(--seed-color-fg-neutral);
-    font-size: var(--seed-font-size-t5);
-    line-height: var(--seed-line-height-t5);
-    font-weight: var(--seed-font-weight-regular);
-    white-space: pre-wrap;
-    margin: 0;
-  }
-
-  .seed-dialog__footer {
-    padding-inline: var(--seed-dimension-x5);
-    padding-top: var(--seed-dimension-x4);
-    padding-bottom: var(--seed-dimension-x5);
-    flex-direction: column;
-    align-items: stretch;
-    display: flex;
-  }
-
-  .seed-dialog__backdrop--skipAnimation_false:is([data-state="open"], [data-open]) {
+  .seed-dialog__backdrop:is([data-state="open"], [data-open]) {
     animation: seed-enter;
     animation-timing-function: var(--seed-timing-function-enter);
     animation-duration: var(--seed-duration-d2);
@@ -5472,7 +5066,7 @@
     --seed-enter-scale: 1;
   }
 
-  .seed-dialog__backdrop--skipAnimation_false:not(:is([data-state="open"], [data-open])) {
+  .seed-dialog__backdrop:not(:is([data-state="open"], [data-open])) {
     animation: seed-exit;
     animation-timing-function: var(--seed-timing-function-exit);
     animation-duration: var(--seed-duration-d2);
@@ -5483,7 +5077,45 @@
     animation-fill-mode: forwards;
   }
 
-  .seed-dialog__content--skipAnimation_false:is([data-state="open"], [data-open]) {
+  .seed-dialog__content {
+    box-sizing: border-box;
+    word-break: break-all;
+    z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
+    background: var(--seed-color-bg-layer-floating);
+    border-radius: var(--seed-radius-r5);
+    --dialog-default-width: calc(.9 * 100vw);
+    --dialog-default-max-width: calc(.9 * 100%);
+    --seed-box-width-base: var(--dialog-default-width);
+    --seed-box-width-sm: var(--seed-box-width-base, initial);
+    --seed-box-width-md: var(--seed-box-width-sm, initial);
+    --seed-box-width-lg: var(--seed-box-width-md, initial);
+    --seed-box-width-xl: var(--seed-box-width-lg, initial);
+    --seed-box-width: var(--seed-box-width-base, initial);
+    --seed-box-max-width-base: var(--dialog-default-max-width);
+    --seed-box-max-width-sm: var(--seed-box-max-width-base, initial);
+    --seed-box-max-width-md: var(--seed-box-max-width-sm, initial);
+    --seed-box-max-width-lg: var(--seed-box-max-width-md, initial);
+    --seed-box-max-width-xl: var(--seed-box-max-width-lg, initial);
+    --seed-box-max-width: var(--seed-box-max-width-base, initial);
+    width: var(--seed-box-width);
+    max-width: var(--seed-box-max-width);
+    max-height: 80vh;
+    outline: none;
+    flex-direction: column;
+    flex: none;
+    max-height: 80dvh;
+    display: flex;
+    position: relative;
+  }
+
+  @media (min-width: 768px) {
+    .seed-dialog__content {
+      --dialog-default-width: var(--dialog-size-width);
+      --dialog-default-max-width: calc(100vw - 2 * var(--seed-dimension-x5));
+    }
+  }
+
+  .seed-dialog__content:is([data-state="open"], [data-open]) {
     animation: seed-enter;
     animation-timing-function: var(--seed-timing-function-enter-expressive);
     animation-duration: var(--seed-duration-d4);
@@ -5493,7 +5125,7 @@
     --seed-enter-scale: 1.3;
   }
 
-  .seed-dialog__content--skipAnimation_false:not(:is([data-state="open"], [data-open])) {
+  .seed-dialog__content:not(:is([data-state="open"], [data-open])) {
     animation: seed-exit;
     animation-timing-function: var(--seed-timing-function-exit);
     animation-duration: var(--seed-duration-d2);
@@ -5504,286 +5136,149 @@
     animation-fill-mode: forwards;
   }
 
-  .seed-extended-action-sheet__positioner {
-    overscroll-behavior-y: none;
-    --sheet-z-index: 2;
-    z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
-    justify-content: center;
-    align-items: flex-end;
-    display: flex;
-    position: fixed;
-    inset: 0;
-  }
-
-  .seed-extended-action-sheet__backdrop {
-    background: var(--seed-color-bg-overlay);
-    z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
-    position: fixed;
-    inset: 0;
-  }
-
-  .seed-extended-action-sheet__backdrop:not(:is([data-state="open"], [data-open])) {
-    animation: seed-exit;
-    animation-timing-function: var(--seed-timing-function-exit);
-    animation-duration: var(--seed-duration-d2);
-    --seed-exit-translate-x: 0;
-    --seed-exit-translate-y: 0;
-    --seed-exit-opacity: 0;
-    --seed-exit-scale: 1;
-    animation-fill-mode: forwards;
-  }
-
-  .seed-extended-action-sheet__backdrop:is([data-state="open"], [data-open]) {
-    animation: seed-enter;
-    animation-timing-function: var(--seed-timing-function-enter);
-    animation-duration: var(--seed-duration-d2);
-    --seed-enter-translate-x: 0;
-    --seed-enter-translate-y: 0;
-    --seed-enter-opacity: 0;
-    --seed-enter-scale: 1;
-  }
-
-  .seed-extended-action-sheet__content {
-    box-sizing: border-box;
-    word-break: break-all;
-    z-index: calc(var(--sheet-z-index) + var(--layer-index, 0));
-    background: var(--seed-color-bg-layer-floating);
-    padding-inline: var(--seed-dimension-spacing-x-global-gutter);
-    padding-block: var(--seed-dimension-x4);
-    border-top-left-radius: var(--seed-radius-r5);
-    border-top-right-radius: var(--seed-radius-r5);
-    flex-direction: column;
-    flex: 1;
-    display: flex;
-    position: relative;
-  }
-
-  .seed-extended-action-sheet__content:not(:is([data-state="open"], [data-open])) {
-    animation: seed-exit;
-    animation-timing-function: var(--seed-timing-function-exit);
-    animation-duration: var(--seed-duration-d4);
-    --seed-exit-translate-x: 0;
-    --seed-exit-translate-y: 100%;
-    --seed-exit-opacity: 1;
-    --seed-exit-scale: 1;
-    animation-fill-mode: forwards;
-  }
-
-  .seed-extended-action-sheet__content:is([data-state="open"], [data-open]) {
-    animation: seed-enter;
-    animation-timing-function: var(--seed-timing-function-enter-expressive);
-    animation-duration: var(--seed-duration-d6);
-    --seed-enter-translate-x: 0;
-    --seed-enter-translate-y: 100%;
-    --seed-enter-opacity: 1;
-    --seed-enter-scale: 1;
-  }
-
-  .seed-extended-action-sheet__header {
-    align-items: center;
-    gap: var(--seed-dimension-x1);
+  .seed-dialog__header {
+    gap: var(--seed-dimension-x1_5);
+    padding-inline: var(--seed-dimension-x6);
+    padding-top: var(--seed-dimension-x6);
     padding-bottom: var(--seed-dimension-x4);
     flex-direction: column;
+    flex-shrink: 0;
     display: flex;
   }
 
-  .seed-extended-action-sheet__title {
-    color: var(--seed-color-fg-neutral);
-    font-size: var(--seed-font-size-t6);
-    line-height: var(--seed-line-height-t6);
-    font-weight: var(--seed-font-weight-bold);
-  }
-
-  .seed-extended-action-sheet__list {
-    align-items: stretch;
-    gap: var(--seed-dimension-x2_5);
-    flex-direction: column;
-    display: flex;
-  }
-
-  .seed-extended-action-sheet__group {
-    border-radius: var(--seed-radius-r4);
-    flex-direction: column;
-    align-items: stretch;
-    display: flex;
-    overflow: hidden;
-  }
-
-  .seed-extended-action-sheet__footer {
-    padding-top: var(--seed-dimension-x2_5);
-    flex-direction: column;
-    align-items: stretch;
-    display: flex;
-  }
-
-  .seed-extended-action-sheet__closeButton {
-    background-color: var(--seed-color-bg-neutral-weak);
-    min-height: 52px;
-    padding-inline: var(--seed-dimension-x5);
-    padding-block: var(--seed-dimension-x3_5);
-    border-radius: var(--seed-radius-r3);
-    color: var(--seed-color-fg-neutral);
-    font-size: var(--seed-font-size-t5);
-    line-height: var(--seed-line-height-t5);
-    font-weight: var(--seed-font-weight-medium);
-    justify-content: center;
-    align-items: center;
-    display: flex;
-  }
-
-  .seed-extended-action-sheet__closeButton:is(:active, [data-active]) {
-    background-color: var(--seed-color-bg-neutral-weak-pressed);
-  }
-
-  .seed-extended-action-sheet-item {
-    background-color: var(--seed-color-bg-neutral-weak);
-    min-height: 52px;
-    padding-inline: var(--seed-dimension-x4);
-    padding-block: var(--seed-dimension-x3_5);
-    justify-content: flex-start;
-    align-items: center;
-    gap: var(--seed-dimension-x3_5);
-    box-shadow: inset 0 calc(-1 * 1px) 0 var(--seed-color-stroke-neutral-muted);
-    font-size: var(--seed-font-size-t5);
-    line-height: var(--seed-line-height-t5);
-    font-weight: var(--seed-font-weight-regular);
-    display: flex;
-  }
-
-  .seed-extended-action-sheet-item:is(:active, [data-active]) {
-    background-color: var(--seed-color-bg-neutral-weak-pressed);
-  }
-
-  .seed-extended-action-sheet-item:last-child {
-    box-shadow: none;
-  }
-
-  .seed-extended-action-sheet-item {
-    --seed-prefix-icon-size: 22px;
-  }
-
-  .seed-extended-action-sheet-item--tone_neutral {
-    color: var(--seed-color-fg-neutral);
-    --seed-prefix-icon-color: var(--seed-color-fg-neutral);
-  }
-
-  .seed-extended-action-sheet-item--tone_critical {
-    color: var(--seed-color-fg-critical);
-    --seed-prefix-icon-color: var(--seed-color-fg-critical);
+  .seed-dialog__header[data-show-close-button] {
+    padding-right: calc(var(--seed-dimension-x6) + 22px + var(--seed-dimension-x1_5));
   }
 
-  .seed-extended-fab {
+  .seed-dialog__body {
     box-sizing: border-box;
-    cursor: pointer;
-    text-transform: none;
-    white-space: nowrap;
-    vertical-align: middle;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    border: none;
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    font-family: inherit;
-    text-decoration: none;
-    display: inline-flex;
-  }
-
-  .seed-extended-fab:is(:focus, [data-focus]) {
-    outline: none;
-  }
-
-  .seed-extended-fab:is(:disabled, [disabled], [data-disabled]) {
-    cursor: not-allowed;
+    --seed-box-padding-x-base: var(--seed-dimension-x6);
+    --seed-box-padding-x-sm: var(--seed-box-padding-x-base, initial);
+    --seed-box-padding-x-md: var(--seed-box-padding-x-sm, initial);
+    --seed-box-padding-x-lg: var(--seed-box-padding-x-md, initial);
+    --seed-box-padding-x-xl: var(--seed-box-padding-x-lg, initial);
+    --seed-box-padding-x: var(--seed-box-padding-x-base, initial);
+    --seed-box-min-height-base: 0;
+    --seed-box-min-height-sm: var(--seed-box-min-height-base, initial);
+    --seed-box-min-height-md: var(--seed-box-min-height-sm, initial);
+    --seed-box-min-height-lg: var(--seed-box-min-height-md, initial);
+    --seed-box-min-height-xl: var(--seed-box-min-height-lg, initial);
+    --seed-box-min-height: var(--seed-box-min-height-base, initial);
+    --seed-box-max-height-base: none;
+    --seed-box-max-height-sm: var(--seed-box-max-height-base, initial);
+    --seed-box-max-height-md: var(--seed-box-max-height-sm, initial);
+    --seed-box-max-height-lg: var(--seed-box-max-height-md, initial);
+    --seed-box-max-height-xl: var(--seed-box-max-height-lg, initial);
+    --seed-box-max-height: var(--seed-box-max-height-base, initial);
+    --seed-box-justify-content: initial;
+    --seed-box-align-items: initial;
+    padding-inline: var(--seed-box-padding-x);
+    min-height: var(--seed-box-min-height);
+    max-height: var(--seed-box-max-height);
+    justify-content: var(--seed-box-justify-content);
+    align-items: var(--seed-box-align-items);
+    transition: box-shadow var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+    flex-direction: column;
+    flex: 1;
+    display: flex;
+    overflow-y: auto;
   }
 
-  .seed-extended-fab {
-    border-radius: var(--seed-radius-full);
-    box-shadow: 0 2px 6px #00000026;
+  .seed-dialog__body[data-scrolled]:not(:first-child) {
+    box-shadow: inset 0 1px 0 0 var(--seed-color-stroke-neutral-muted);
   }
 
-  .seed-extended-fab--variant_neutralSolid {
-    background: var(--seed-color-bg-neutral-inverted);
-    color: var(--seed-color-fg-neutral-inverted);
+  .seed-dialog__body[data-overflow] {
+    padding-bottom: var(--seed-dimension-x12);
+    -webkit-mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
+    mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
+    -webkit-mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
   }
 
-  .seed-extended-fab--variant_neutralSolid:is(:active, [data-active]) {
-    background: var(--seed-color-bg-neutral-inverted-pressed);
+  .seed-dialog__body {
+    outline: var(--seed-dimension-x0_5) solid transparent;
+    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
   }
 
-  .seed-extended-fab--variant_neutralSolid {
-    --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted);
+  .seed-dialog__body:is(:focus-visible, [data-focus-visible]) {
+    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
   }
 
-  .seed-extended-fab--variant_layerFloating {
-    background: var(--seed-color-bg-layer-floating);
+  .seed-dialog__title {
     color: var(--seed-color-fg-neutral);
+    font-size: var(--seed-font-size-t8);
+    line-height: var(--seed-line-height-t8);
+    font-weight: var(--seed-font-weight-bold);
+    margin: 0;
   }
 
-  .seed-extended-fab--variant_layerFloating:is(:active, [data-active]) {
-    background: var(--seed-color-bg-layer-floating-pressed);
-  }
-
-  .seed-extended-fab--variant_layerFloating {
-    --seed-prefix-icon-color: var(--seed-color-fg-neutral);
-  }
-
-  .seed-extended-fab--size_small {
-    padding-inline: var(--seed-dimension-x3_5);
-    padding-block: var(--seed-dimension-x2_5);
-    gap: var(--seed-dimension-x1);
-    min-height: 40px;
-    font-size: var(--seed-font-size-t4);
-    line-height: var(--seed-line-height-t4);
-    font-weight: var(--seed-font-weight-medium);
-    --seed-prefix-icon-size: 16px;
-  }
-
-  .seed-extended-fab--size_medium {
-    padding-inline: var(--seed-dimension-x4);
-    padding-block: var(--seed-dimension-x3);
-    gap: var(--seed-dimension-x1);
-    min-height: 48px;
+  .seed-dialog__description {
+    color: var(--seed-color-fg-neutral-muted);
     font-size: var(--seed-font-size-t5);
     line-height: var(--seed-line-height-t5);
-    font-weight: var(--seed-font-weight-bold);
-    --seed-prefix-icon-size: 16px;
+    font-weight: var(--seed-font-weight-regular);
+    white-space: pre-wrap;
+    margin: 0;
   }
 
-  .seed-fab {
-    box-sizing: border-box;
+  .seed-dialog__footer {
+    padding-inline: var(--seed-dimension-x6);
+    padding-top: var(--seed-dimension-x4);
+    padding-bottom: var(--seed-dimension-x6);
+    flex-direction: column;
+    flex-shrink: 0;
+    align-items: stretch;
+    display: flex;
+  }
+
+  .seed-dialog__closeButton {
+    top: var(--seed-dimension-x7);
+    right: var(--seed-dimension-x6);
+    background: var(--seed-color-bg-transparent);
+    border-radius: var(--seed-radius-r3);
     cursor: pointer;
-    text-transform: none;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+    transition: background var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+    --seed-icon-size: 22px;
+    --seed-icon-color: var(--seed-color-fg-neutral-subtle);
+    outline: var(--seed-dimension-x0_5) solid transparent;
+    outline-offset: var(--seed-dimension-x0_5);
     border: none;
     justify-content: center;
     align-items: center;
-    font-family: inherit;
-    text-decoration: none;
-    display: inline-flex;
+    margin: -15px;
+    padding: 15px;
+    display: flex;
+    position: absolute;
   }
 
-  .seed-fab:is(:focus, [data-focus]) {
-    outline: none;
+  .seed-dialog__closeButton:is(:focus-visible, [data-focus-visible]) {
+    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+    outline-offset: var(--seed-dimension-x0_5);
   }
 
-  .seed-fab:is(:disabled, [disabled], [data-disabled]) {
-    cursor: not-allowed;
+  .seed-dialog__closeButton:is(:active, [data-active]) {
+    scale: var(--seed-feedback-scale);
   }
 
-  .seed-fab {
-    background: var(--seed-color-bg-layer-floating);
-    border-radius: var(--seed-radius-full);
-    --seed-icon-size: 22px;
-    --seed-icon-color: var(--seed-color-fg-neutral);
-    width: 44px;
-    height: 44px;
-    box-shadow: 0 2px 6px #00000026;
+  @media (hover: hover) and (pointer: fine) {
+    .seed-dialog__closeButton:is(:hover, [data-hover]) {
+      background: var(--seed-color-bg-transparent-pressed);
+    }
   }
 
-  .seed-fab:is(:active, [data-active]) {
-    background: var(--seed-color-bg-layer-floating-pressed);
+  @media not all and (hover: hover) and (pointer: fine) {
+    .seed-dialog__closeButton:is(:active, [data-active]) {
+      background: var(--seed-color-bg-transparent-pressed);
+    }
+  }
+
+  .seed-dialog__content--size_medium {
+    --dialog-size-width: 480px;
+  }
+
+  .seed-dialog__content--size_large {
+    --dialog-size-width: 800px;
   }
 
   .seed-field__root {
@@ -6393,7 +5888,7 @@
     background: var(--seed-color-bg-brand-solid);
     border-radius: var(--seed-radius-full);
     box-shadow: var(--seed-shadow-s3);
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-brand-solid);
     font-size: var(--seed-font-size-t5);
     line-height: var(--seed-line-height-t5);
     font-weight: var(--seed-font-weight-bold);
@@ -6422,7 +5917,7 @@
   }
 
   .seed-floating-action-button__icon {
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-brand-solid);
     transition: margin-right var(--seed-duration-d4) var(--seed-timing-function-easing), width var(--seed-duration-d4) var(--seed-timing-function-easing), height var(--seed-duration-d4) var(--seed-timing-function-easing);
     flex-shrink: 0;
     justify-content: center;
@@ -6529,7 +6024,7 @@
 
   .seed-help-bubble__content {
     box-sizing: border-box;
-    background: var(--seed-color-bg-neutral-inverted);
+    background: var(--seed-color-bg-neutral-solid);
     padding-inline: var(--seed-dimension-x3);
     padding-block: var(--seed-dimension-x2_5);
     border-radius: var(--seed-radius-r3);
@@ -6573,13 +6068,17 @@
     display: none !important;
   }
 
+  .seed-help-bubble__content:is(:focus, [data-focus]) {
+    outline: none;
+  }
+
   .seed-help-bubble__arrow {
     width: 12px;
     height: 12px;
   }
 
   .seed-help-bubble__arrowTip {
-    fill: var(--seed-color-bg-neutral-inverted);
+    fill: var(--seed-color-bg-neutral-solid);
     width: 12px;
     height: 8px;
     display: block;
@@ -6595,7 +6094,7 @@
   }
 
   .seed-help-bubble__title {
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
     font-size: var(--seed-font-size-t3);
     font-weight: var(--seed-font-weight-bold);
     line-height: var(--seed-line-height-t3);
@@ -6603,7 +6102,7 @@
   }
 
   .seed-help-bubble__description {
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
     font-size: var(--seed-font-size-t3);
     font-weight: var(--seed-font-weight-regular);
     line-height: var(--seed-line-height-t3);
@@ -6616,9 +6115,9 @@
     margin-left: calc(var(--seed-dimension-x1) - ((38px - var(--seed-dimension-x3_5)) / 2));
     margin-right: calc(-1 * ((38px - var(--seed-dimension-x3_5)) / 2));
     margin-block: calc(-1 * ((38px - var(--seed-dimension-x3_5)) / 2) + var(--seed-dimension-x0_5));
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
     --seed-icon-size: var(--seed-dimension-x3_5);
-    --seed-icon-color: var(--seed-color-fg-neutral-inverted);
+    --seed-icon-color: var(--seed-color-fg-on-neutral-solid);
     border-radius: var(--seed-radius-r3);
     background: none;
     border: none;
@@ -6786,168 +6285,8 @@
     pointer-events: none;
     filter: drop-shadow(0 2px 2px #00000026);
     margin: auto;
-    position: absolute;
-    inset: 0;
-  }
-
-  .seed-inline-banner__root {
-    box-sizing: border-box;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-align: start;
-    width: 100%;
-    min-height: var(--seed-dimension-x10);
-    padding-inline: var(--seed-dimension-x4);
-    padding-block: var(--seed-dimension-x2_5);
-    --seed-prefix-icon-size: var(--seed-dimension-x4);
-    --seed-prefix-icon-margin-right: var(--seed-dimension-x2);
-    --seed-prefix-icon-margin-top: calc((var(--seed-dimension-x10) - var(--seed-dimension-x4)) * .5 - var(--seed-dimension-x2_5));
-    --seed-suffix-icon-size: var(--seed-dimension-x4);
-    --seed-suffix-icon-margin-left: var(--seed-dimension-x4);
-    --seed-suffix-icon-align-self: center;
-    border: none;
-    align-items: flex-start;
-    font-family: inherit;
-    display: flex;
-  }
-
-  .seed-inline-banner__root:is(button) {
-    cursor: pointer;
-  }
-
-  .seed-inline-banner__content {
-    margin-inline-end: auto;
-  }
-
-  .seed-inline-banner__title {
-    font-size: var(--seed-font-size-t4);
-    line-height: var(--seed-line-height-t4);
-    font-weight: var(--seed-font-weight-bold);
-    flex-shrink: 0;
-  }
-
-  .seed-inline-banner__title:after {
-    content: "  ";
-    white-space: pre;
-  }
-
-  .seed-inline-banner__description {
-    font-size: var(--seed-font-size-t4);
-    line-height: var(--seed-line-height-t4);
-    font-weight: var(--seed-font-weight-medium);
-  }
-
-  .seed-inline-banner__link {
-    cursor: pointer;
-    margin-block: auto;
-    margin-left: var(--seed-dimension-x4);
-    font-family: inherit;
-    font-size: var(--seed-font-size-t2);
-    line-height: var(--seed-line-height-t2);
-    font-weight: var(--seed-font-weight-regular);
-    text-underline-offset: 2px;
-    background-color: #0000;
-    border: none;
-    flex-grow: 0;
-    flex-shrink: 0;
-    align-items: center;
-    text-decoration: underline;
-    display: flex;
-  }
-
-  .seed-inline-banner__closeButton {
-    width: var(--seed-dimension-x10);
-    height: var(--seed-dimension-x10);
-    margin: calc((var(--seed-dimension-x10) - var(--seed-dimension-x4)) * -.5);
-    margin-left: calc((var(--seed-dimension-x10) - var(--seed-dimension-x4)) * -.5 + var(--seed-dimension-x4));
-    --seed-suffix-icon-margin-left: initial;
-    cursor: pointer;
-    background-color: #0000;
-    border: none;
-    flex-grow: 0;
-    flex-shrink: 0;
-    justify-content: center;
-    align-self: center;
-    align-items: center;
-    padding: 0;
-    display: flex;
-  }
-
-  .seed-inline-banner__root--variant_neutralWeak {
-    background-color: var(--seed-color-bg-neutral-weak);
-    color: var(--seed-color-fg-neutral);
-    --seed-prefix-icon-color: var(--seed-color-fg-neutral);
-    --seed-suffix-icon-color: var(--seed-color-fg-neutral);
-  }
-
-  .seed-inline-banner__title--variant_neutralWeak, .seed-inline-banner__description--variant_neutralWeak, .seed-inline-banner__link--variant_neutralWeak {
-    color: var(--seed-color-fg-neutral);
-  }
-
-  .seed-inline-banner__root--variant_positiveWeak {
-    background-color: var(--seed-color-bg-positive-weak);
-    color: var(--seed-color-fg-positive-contrast);
-    --seed-prefix-icon-color: var(--seed-color-fg-positive-contrast);
-    --seed-suffix-icon-color: var(--seed-color-fg-positive-contrast);
-  }
-
-  .seed-inline-banner__title--variant_positiveWeak, .seed-inline-banner__description--variant_positiveWeak, .seed-inline-banner__link--variant_positiveWeak {
-    color: var(--seed-color-fg-positive-contrast);
-  }
-
-  .seed-inline-banner__root--variant_informativeWeak {
-    background-color: var(--seed-color-bg-informative-weak);
-    color: var(--seed-color-fg-informative-contrast);
-    --seed-prefix-icon-color: var(--seed-color-fg-informative-contrast);
-    --seed-suffix-icon-color: var(--seed-color-fg-informative-contrast);
-  }
-
-  .seed-inline-banner__title--variant_informativeWeak, .seed-inline-banner__description--variant_informativeWeak, .seed-inline-banner__link--variant_informativeWeak {
-    color: var(--seed-color-fg-informative-contrast);
-  }
-
-  .seed-inline-banner__root--variant_warningWeak {
-    background-color: var(--seed-color-bg-warning-weak);
-    color: var(--seed-color-fg-warning-contrast);
-    --seed-prefix-icon-color: var(--seed-color-fg-warning-contrast);
-    --seed-suffix-icon-color: var(--seed-color-fg-warning-contrast);
-  }
-
-  .seed-inline-banner__title--variant_warningWeak, .seed-inline-banner__description--variant_warningWeak, .seed-inline-banner__link--variant_warningWeak {
-    color: var(--seed-color-fg-warning-contrast);
-  }
-
-  .seed-inline-banner__root--variant_warningSolid {
-    background-color: var(--seed-color-bg-warning-solid);
-    color: var(--seed-color-fg-neutral);
-    --seed-prefix-icon-color: var(--seed-color-fg-neutral);
-    --seed-suffix-icon-color: var(--seed-color-fg-neutral);
-  }
-
-  .seed-inline-banner__title--variant_warningSolid, .seed-inline-banner__description--variant_warningSolid, .seed-inline-banner__link--variant_warningSolid {
-    color: var(--seed-color-fg-neutral);
-  }
-
-  .seed-inline-banner__root--variant_criticalWeak {
-    background-color: var(--seed-color-bg-critical-weak);
-    color: var(--seed-color-fg-critical-contrast);
-    --seed-prefix-icon-color: var(--seed-color-fg-critical-contrast);
-    --seed-suffix-icon-color: var(--seed-color-fg-critical-contrast);
-  }
-
-  .seed-inline-banner__title--variant_criticalWeak, .seed-inline-banner__description--variant_criticalWeak, .seed-inline-banner__link--variant_criticalWeak {
-    color: var(--seed-color-fg-critical-contrast);
-  }
-
-  .seed-inline-banner__root--variant_criticalSolid {
-    background-color: var(--seed-color-bg-critical-solid);
-    color: var(--seed-color-palette-static-white);
-    --seed-prefix-icon-color: var(--seed-color-palette-static-white);
-    --seed-suffix-icon-color: var(--seed-color-palette-static-white);
-  }
-
-  .seed-inline-banner__title--variant_criticalSolid, .seed-inline-banner__description--variant_criticalSolid, .seed-inline-banner__link--variant_criticalSolid {
-    color: var(--seed-color-palette-static-white);
+    position: absolute;
+    inset: 0;
   }
 
   .seed-input-button__root {
@@ -7318,53 +6657,6 @@
     }
   }
 
-  .seed-link-content {
-    cursor: pointer;
-    box-sizing: border-box;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-align: center;
-    color: var(--seed-box-color);
-    --seed-suffix-icon-color: var(--seed-box-color);
-    background-color: #0000;
-    border: none;
-    outline: none;
-    align-items: center;
-    padding-block: 0;
-    padding-inline: 0;
-    font-family: inherit;
-    display: inline-flex;
-  }
-
-  .seed-link-content--weight_bold {
-    font-weight: var(--seed-font-weight-bold);
-  }
-
-  .seed-link-content--weight_regular {
-    font-weight: var(--seed-font-weight-regular);
-  }
-
-  .seed-link-content--size_t6 {
-    font-size: var(--seed-font-size-t6);
-    line-height: var(--seed-line-height-t6);
-    gap: var(--seed-dimension-x0_5);
-    --seed-suffix-icon-size: var(--seed-dimension-x4);
-  }
-
-  .seed-link-content--size_t5 {
-    font-size: var(--seed-font-size-t5);
-    line-height: var(--seed-line-height-t5);
-    gap: var(--seed-dimension-x0_5);
-    --seed-suffix-icon-size: var(--seed-dimension-x3_5);
-  }
-
-  .seed-link-content--size_t4 {
-    font-size: var(--seed-font-size-t4);
-    line-height: var(--seed-line-height-t4);
-    gap: var(--seed-dimension-x0_5);
-    --seed-suffix-icon-size: var(--seed-dimension-x3);
-  }
-
   .seed-list-header {
     align-items: center;
     gap: var(--seed-dimension-x2_5);
@@ -7904,6 +7196,10 @@
     }
   }
 
+  .seed-menu-item__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+    --seed-content-scale: var(--seed-feedback-scale);
+  }
+
   .seed-menu-item__root:is(:focus-visible, [data-focus-visible]):after {
     outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
     outline-offset: calc(var(--seed-dimension-x0_5) * -1);
@@ -8253,6 +7549,10 @@
     }
   }
 
+  .seed-menu-sheet-item__root:is(:active, [data-active]) {
+    --seed-content-scale: var(--seed-feedback-scale);
+  }
+
   .seed-menu-sheet-item__root:first-child {
     border-top-left-radius: var(--seed-radius-r4);
     border-top-right-radius: var(--seed-radius-r4);
@@ -8333,7 +7633,7 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     background-color: var(--seed-color-bg-brand-solid);
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-brand-solid);
     justify-content: center;
     align-items: center;
     text-decoration: none;
@@ -8425,6 +7725,10 @@
     outline-offset: calc(var(--seed-dimension-x0_5) * -1);
   }
 
+  .seed-page-banner__root:is(button):is(:active, [data-active]) {
+    --seed-content-scale: var(--seed-feedback-scale);
+  }
+
   .seed-page-banner__content {
     justify-content: space-between;
     align-items: center;
@@ -8561,29 +7865,29 @@
   }
 
   .seed-page-banner__root--tone_neutral-variant_solid {
-    background-color: var(--seed-color-bg-neutral-inverted);
-    --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted);
-    --seed-suffix-icon-color: var(--seed-color-fg-neutral-inverted);
+    background-color: var(--seed-color-bg-neutral-solid);
+    --seed-prefix-icon-color: var(--seed-color-fg-on-neutral-solid);
+    --seed-suffix-icon-color: var(--seed-color-fg-on-neutral-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
     .seed-page-banner__root--tone_neutral-variant_solid:is(button):is(:hover, [data-hover]) {
-      background-color: var(--seed-color-bg-neutral-inverted-pressed);
+      background-color: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   @media not all and (hover: hover) and (pointer: fine) {
     .seed-page-banner__root--tone_neutral-variant_solid:is(button):is(:active, [data-active]) {
-      background-color: var(--seed-color-bg-neutral-inverted-pressed);
+      background-color: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   .seed-page-banner__title--tone_neutral-variant_solid, .seed-page-banner__description--tone_neutral-variant_solid, .seed-page-banner__button--tone_neutral-variant_solid {
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
   }
 
   .seed-page-banner__closeButton--tone_neutral-variant_solid {
-    --seed-suffix-icon-color: var(--seed-color-fg-neutral-inverted);
+    --seed-suffix-icon-color: var(--seed-color-fg-on-neutral-solid);
   }
 
   .seed-page-banner__root--tone_informative-variant_weak {
@@ -8614,8 +7918,8 @@
 
   .seed-page-banner__root--tone_informative-variant_solid {
     background-color: var(--seed-color-bg-informative-solid);
-    --seed-prefix-icon-color: var(--seed-color-palette-static-white);
-    --seed-suffix-icon-color: var(--seed-color-palette-static-white);
+    --seed-prefix-icon-color: var(--seed-color-fg-on-informative-solid);
+    --seed-suffix-icon-color: var(--seed-color-fg-on-informative-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -8631,7 +7935,7 @@
   }
 
   .seed-page-banner__title--tone_informative-variant_solid, .seed-page-banner__description--tone_informative-variant_solid, .seed-page-banner__button--tone_informative-variant_solid {
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-informative-solid);
   }
 
   .seed-page-banner__closeButton--tone_informative-variant_solid {
@@ -8666,8 +7970,8 @@
 
   .seed-page-banner__root--tone_positive-variant_solid {
     background-color: var(--seed-color-bg-positive-solid);
-    --seed-prefix-icon-color: var(--seed-color-palette-static-white);
-    --seed-suffix-icon-color: var(--seed-color-palette-static-white);
+    --seed-prefix-icon-color: var(--seed-color-fg-on-positive-solid);
+    --seed-suffix-icon-color: var(--seed-color-fg-on-positive-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -8683,7 +7987,7 @@
   }
 
   .seed-page-banner__title--tone_positive-variant_solid, .seed-page-banner__description--tone_positive-variant_solid, .seed-page-banner__button--tone_positive-variant_solid {
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-positive-solid);
   }
 
   .seed-page-banner__closeButton--tone_positive-variant_solid {
@@ -8718,8 +8022,8 @@
 
   .seed-page-banner__root--tone_warning-variant_solid {
     background-color: var(--seed-color-bg-warning-solid);
-    --seed-prefix-icon-color: var(--seed-color-palette-static-black-alpha-900);
-    --seed-suffix-icon-color: var(--seed-color-palette-static-black-alpha-900);
+    --seed-prefix-icon-color: var(--seed-color-fg-on-warning-solid);
+    --seed-suffix-icon-color: var(--seed-color-fg-on-warning-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -8735,7 +8039,7 @@
   }
 
   .seed-page-banner__title--tone_warning-variant_solid, .seed-page-banner__description--tone_warning-variant_solid, .seed-page-banner__button--tone_warning-variant_solid {
-    color: var(--seed-color-palette-static-black-alpha-900);
+    color: var(--seed-color-fg-on-warning-solid);
   }
 
   .seed-page-banner__closeButton--tone_warning-variant_solid {
@@ -8770,8 +8074,8 @@
 
   .seed-page-banner__root--tone_critical-variant_solid {
     background-color: var(--seed-color-bg-critical-solid);
-    --seed-prefix-icon-color: var(--seed-color-palette-static-white);
-    --seed-suffix-icon-color: var(--seed-color-palette-static-white);
+    --seed-prefix-icon-color: var(--seed-color-fg-on-critical-solid);
+    --seed-suffix-icon-color: var(--seed-color-fg-on-critical-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -8787,7 +8091,7 @@
   }
 
   .seed-page-banner__title--tone_critical-variant_solid, .seed-page-banner__description--tone_critical-variant_solid, .seed-page-banner__button--tone_critical-variant_solid {
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-critical-solid);
   }
 
   .seed-page-banner__closeButton--tone_critical-variant_solid {
@@ -8975,47 +8279,255 @@
     scale: var(--seed-scale-s97);
   }
 
-  .seed-pagination-page-item:is([aria-selected="true"], [data-selected]) {
-    color: var(--seed-color-fg-neutral-inverted);
+  .seed-pagination-page-item:is([aria-selected="true"], [data-selected]) {
+    color: var(--seed-color-fg-on-neutral-solid);
+  }
+
+  .seed-pagination-page-item:is([aria-selected="true"], [data-selected]):before {
+    background-color: var(--seed-color-bg-neutral-solid);
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    .seed-pagination-page-item:is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]):not(:is(:disabled, [disabled], [data-disabled])):before {
+      background-color: var(--seed-color-bg-neutral-solid-pressed);
+    }
+  }
+
+  @media not all and (hover: hover) and (pointer: fine) {
+    .seed-pagination-page-item:is([aria-selected="true"], [data-selected]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])):before {
+      background-color: var(--seed-color-bg-neutral-solid-pressed);
+    }
+  }
+
+  .seed-pagination-page-item:is(:disabled, [disabled], [data-disabled]) {
+    cursor: not-allowed;
+    color: var(--seed-color-fg-disabled);
+  }
+
+  .seed-pagination-page-item:is(:disabled, [disabled], [data-disabled]):before {
+    background-color: var(--seed-color-bg-transparent);
+  }
+
+  .seed-pagination-page-item:is([aria-selected="true"], [data-selected]):is(:disabled, [disabled], [data-disabled]) {
+    color: var(--seed-color-fg-disabled);
+  }
+
+  .seed-pagination-page-item:is([aria-selected="true"], [data-selected]):is(:disabled, [disabled], [data-disabled]):before {
+    background-color: var(--seed-color-bg-disabled);
+  }
+
+  .seed-pagination-page-item {
+    transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  }
+
+  .seed-popover__positioner {
+    --popover-z-index: 99999;
+    z-index: calc(var(--popover-z-index) + var(--z-index-offset, 0));
+    max-width: var(--seed-popover-available-width, none);
+    outline: none;
+  }
+
+  .seed-popover__content {
+    box-sizing: border-box;
+    background: var(--seed-color-bg-layer-floating);
+    border-radius: var(--seed-radius-r5);
+    box-shadow: var(--seed-shadow-s3);
+    --seed-box-width-base: auto;
+    --seed-box-width-sm: var(--seed-box-width-base, initial);
+    --seed-box-width-md: var(--seed-box-width-sm, initial);
+    --seed-box-width-lg: var(--seed-box-width-md, initial);
+    --seed-box-width-xl: var(--seed-box-width-lg, initial);
+    --seed-box-width: var(--seed-box-width-base, initial);
+    --seed-box-max-width-base: min(480px, var(--seed-popover-available-width, 480px));
+    --seed-box-max-width-sm: var(--seed-box-max-width-base, initial);
+    --seed-box-max-width-md: var(--seed-box-max-width-sm, initial);
+    --seed-box-max-width-lg: var(--seed-box-max-width-md, initial);
+    --seed-box-max-width-xl: var(--seed-box-max-width-lg, initial);
+    --seed-box-max-width: var(--seed-box-max-width-base, initial);
+    width: var(--seed-box-width);
+    min-width: min(320px, var(--seed-popover-available-width, 320px));
+    max-width: var(--seed-box-max-width);
+    max-height: min(600px, var(--seed-popover-available-height, 600px));
+    transform-origin: var(--seed-popover-transform-origin);
+    flex-direction: column;
+    display: flex;
+    position: relative;
+  }
+
+  .seed-popover__content:is([data-state="open"], [data-open]) {
+    animation: seed-enter;
+    animation-timing-function: var(--seed-timing-function-enter);
+    animation-duration: var(--seed-duration-d3);
+    --seed-enter-translate-x: 0;
+    --seed-enter-translate-y: 0;
+    --seed-enter-opacity: 0;
+    --seed-enter-scale: .95;
+  }
+
+  .seed-popover__content:not(:is([data-state="open"], [data-open])) {
+    animation: seed-exit;
+    animation-timing-function: var(--seed-timing-function-exit);
+    animation-duration: var(--seed-duration-d2);
+    --seed-exit-translate-x: 0;
+    --seed-exit-translate-y: 0;
+    --seed-exit-opacity: 0;
+    --seed-exit-scale: .95;
+    animation-fill-mode: forwards;
+  }
+
+  .seed-popover__content:is([hidden], [data-hidden]) {
+    display: none !important;
+  }
+
+  .seed-popover__content:is(:focus, [data-focus]) {
+    outline: none;
+  }
+
+  .seed-popover__header {
+    box-sizing: border-box;
+    gap: var(--seed-dimension-x1_5);
+    padding-inline: var(--seed-dimension-x6);
+    padding-top: var(--seed-dimension-x6);
+    padding-bottom: var(--seed-dimension-x4);
+    flex-direction: column;
+    flex-shrink: 0;
+    display: flex;
+  }
+
+  .seed-popover__header[data-show-close-button] {
+    padding-right: calc(24px + 22px + var(--seed-dimension-x1_5));
+  }
+
+  .seed-popover__title {
+    color: var(--seed-color-fg-neutral);
+    font-size: var(--seed-font-size-t7);
+    line-height: var(--seed-line-height-t7);
+    font-weight: var(--seed-font-weight-bold);
+    word-break: keep-all;
+    margin: 0;
+  }
+
+  .seed-popover__description {
+    color: var(--seed-color-fg-neutral-muted);
+    font-size: var(--seed-font-size-t4);
+    line-height: var(--seed-line-height-t4);
+    font-weight: var(--seed-font-weight-regular);
+    white-space: pre-wrap;
+    margin: 0;
+  }
+
+  .seed-popover__body {
+    box-sizing: border-box;
+    --seed-box-padding-x-base: var(--seed-dimension-x6);
+    --seed-box-padding-x-sm: var(--seed-box-padding-x-base, initial);
+    --seed-box-padding-x-md: var(--seed-box-padding-x-sm, initial);
+    --seed-box-padding-x-lg: var(--seed-box-padding-x-md, initial);
+    --seed-box-padding-x-xl: var(--seed-box-padding-x-lg, initial);
+    --seed-box-padding-x: var(--seed-box-padding-x-base, initial);
+    --seed-box-height-base: auto;
+    --seed-box-height-sm: var(--seed-box-height-base, initial);
+    --seed-box-height-md: var(--seed-box-height-sm, initial);
+    --seed-box-height-lg: var(--seed-box-height-md, initial);
+    --seed-box-height-xl: var(--seed-box-height-lg, initial);
+    --seed-box-height: var(--seed-box-height-base, initial);
+    --seed-box-min-height-base: 0;
+    --seed-box-min-height-sm: var(--seed-box-min-height-base, initial);
+    --seed-box-min-height-md: var(--seed-box-min-height-sm, initial);
+    --seed-box-min-height-lg: var(--seed-box-min-height-md, initial);
+    --seed-box-min-height-xl: var(--seed-box-min-height-lg, initial);
+    --seed-box-min-height: var(--seed-box-min-height-base, initial);
+    --seed-box-max-height-base: none;
+    --seed-box-max-height-sm: var(--seed-box-max-height-base, initial);
+    --seed-box-max-height-md: var(--seed-box-max-height-sm, initial);
+    --seed-box-max-height-lg: var(--seed-box-max-height-md, initial);
+    --seed-box-max-height-xl: var(--seed-box-max-height-lg, initial);
+    --seed-box-max-height: var(--seed-box-max-height-base, initial);
+    --seed-box-justify-content: initial;
+    --seed-box-align-items: initial;
+    padding-inline: var(--seed-box-padding-x);
+    height: var(--seed-box-height);
+    min-height: var(--seed-box-min-height);
+    max-height: var(--seed-box-max-height);
+    justify-content: var(--seed-box-justify-content);
+    align-items: var(--seed-box-align-items);
+    transition: box-shadow var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+    flex-direction: column;
+    flex: 1;
+    display: flex;
+    overflow-y: auto;
+  }
+
+  .seed-popover__body[data-scrolled]:not(:first-child) {
+    box-shadow: inset 0 1px 0 0 var(--seed-color-stroke-neutral-muted);
+  }
+
+  .seed-popover__body[data-overflow] {
+    padding-bottom: var(--seed-dimension-x12);
+    -webkit-mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
+    mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
+    -webkit-mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
+  }
+
+  .seed-popover__body {
+    outline: var(--seed-dimension-x0_5) solid transparent;
+    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+  }
+
+  .seed-popover__body:is(:focus-visible, [data-focus-visible]) {
+    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+  }
+
+  .seed-popover__footer {
+    padding-inline: var(--seed-dimension-x6);
+    padding-top: var(--seed-dimension-x4);
+    padding-bottom: var(--seed-dimension-x6);
+    flex-direction: column;
+    flex-shrink: 0;
+    display: flex;
+  }
+
+  .seed-popover__closeButton {
+    background: var(--seed-color-bg-transparent);
+    border-radius: var(--seed-radius-r3);
+    cursor: pointer;
+    transition: background var(--seed-duration-color-transition) var(--seed-timing-function-easing), scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+    --seed-icon-size: 22px;
+    --seed-icon-color: var(--seed-color-fg-neutral-subtle);
+    outline: var(--seed-dimension-x0_5) solid transparent;
+    outline-offset: var(--seed-dimension-x0_5);
+    border: none;
+    justify-content: center;
+    align-items: center;
+    margin: -15px;
+    padding: 15px;
+    display: flex;
+    position: absolute;
+    top: 27px;
+    right: 24px;
+  }
+
+  .seed-popover__closeButton:is(:focus-visible, [data-focus-visible]) {
+    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+    outline-offset: var(--seed-dimension-x0_5);
   }
 
-  .seed-pagination-page-item:is([aria-selected="true"], [data-selected]):before {
-    background-color: var(--seed-color-bg-neutral-inverted);
+  .seed-popover__closeButton:is(:active, [data-active]) {
+    scale: var(--seed-feedback-scale);
   }
 
   @media (hover: hover) and (pointer: fine) {
-    .seed-pagination-page-item:is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]):not(:is(:disabled, [disabled], [data-disabled])):before {
-      background-color: var(--seed-color-bg-neutral-inverted-pressed);
+    .seed-popover__closeButton:is(:hover, [data-hover]) {
+      background: var(--seed-color-bg-transparent-pressed);
     }
   }
 
   @media not all and (hover: hover) and (pointer: fine) {
-    .seed-pagination-page-item:is([aria-selected="true"], [data-selected]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])):before {
-      background-color: var(--seed-color-bg-neutral-inverted-pressed);
+    .seed-popover__closeButton:is(:active, [data-active]) {
+      background: var(--seed-color-bg-transparent-pressed);
     }
   }
 
-  .seed-pagination-page-item:is(:disabled, [disabled], [data-disabled]) {
-    cursor: not-allowed;
-    color: var(--seed-color-fg-disabled);
-  }
-
-  .seed-pagination-page-item:is(:disabled, [disabled], [data-disabled]):before {
-    background-color: var(--seed-color-bg-transparent);
-  }
-
-  .seed-pagination-page-item:is([aria-selected="true"], [data-selected]):is(:disabled, [disabled], [data-disabled]) {
-    color: var(--seed-color-fg-disabled);
-  }
-
-  .seed-pagination-page-item:is([aria-selected="true"], [data-selected]):is(:disabled, [disabled], [data-disabled]):before {
-    background-color: var(--seed-color-bg-disabled);
-  }
-
-  .seed-pagination-page-item {
-    transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
-  }
-
   .seed-progress-circle__root {
     box-sizing: border-box;
     display: inline-flex;
@@ -9498,23 +9010,23 @@
   }
 
   .seed-radiomark__root--tone_neutral:is(:checked, [data-checked]) {
-    background-color: var(--seed-color-bg-neutral-inverted);
+    background-color: var(--seed-color-bg-neutral-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
     .seed-radiomark__root--tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:hover, [data-hover]) {
-      background-color: var(--seed-color-bg-neutral-inverted-pressed);
+      background-color: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   @media not all and (hover: hover) and (pointer: fine) {
     .seed-radiomark__root--tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) {
-      background-color: var(--seed-color-bg-neutral-inverted-pressed);
+      background-color: var(--seed-color-bg-neutral-solid-pressed);
     }
   }
 
   .seed-radiomark__icon--tone_neutral:is(:checked, [data-checked]) {
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
   }
 
   .seed-radiomark__root--tone_brand:is(:checked, [data-checked]) {
@@ -9534,7 +9046,7 @@
   }
 
   .seed-radiomark__icon--tone_brand:is(:checked, [data-checked]) {
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-brand-solid);
   }
 
   .seed-radiomark__root--size_large {
@@ -9821,6 +9333,10 @@
     }
   }
 
+  .seed-segmented-control__item:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+    --seed-content-scale: var(--seed-feedback-scale);
+  }
+
   .seed-select__positioner {
     --select-z-index: 99999;
     z-index: calc(var(--select-z-index) + var(--z-index-offset, 0));
@@ -9971,6 +9487,10 @@
     }
   }
 
+  .seed-select-trigger__root:not([data-disabled]):not([data-readonly]):is(:active, [data-active]) {
+    --seed-content-scale: var(--seed-feedback-scale);
+  }
+
   .seed-select-trigger__root[data-readonly]:not([data-disabled]) {
     cursor: default;
     background-color: var(--seed-color-bg-disabled);
@@ -10188,6 +9708,10 @@
     inset-inline: var(--seed-dimension-x2);
   }
 
+  .seed-select-item__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+    --seed-content-scale: var(--seed-feedback-scale);
+  }
+
   .seed-select-item__root:is(:disabled, [disabled], [data-disabled]) {
     cursor: not-allowed;
   }
@@ -10351,6 +9875,7 @@
     background-color: var(--seed-color-bg-transparent);
     box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-weak);
     transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+    --seed-radiomark-feedback-scale: 1;
     flex-direction: column;
     display: flex;
     position: relative;
@@ -10379,6 +9904,10 @@
     }
   }
 
+  .seed-select-box__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+    --seed-content-scale: var(--seed-feedback-scale);
+  }
+
   .seed-select-box__root:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):after {
     border-width: 2px;
     border-color: var(--seed-color-stroke-neutral-contrast);
@@ -11020,31 +10549,10 @@
     --seed-box-padding-x-lg: var(--seed-box-padding-x-md, initial);
     --seed-box-padding-x-xl: var(--seed-box-padding-x-lg, initial);
     --seed-box-padding-x: var(--seed-box-padding-x-base, initial);
-    --seed-box-height-base: auto;
-    --seed-box-height-sm: var(--seed-box-height-base, initial);
-    --seed-box-height-md: var(--seed-box-height-sm, initial);
-    --seed-box-height-lg: var(--seed-box-height-md, initial);
-    --seed-box-height-xl: var(--seed-box-height-lg, initial);
-    --seed-box-height: var(--seed-box-height-base, initial);
-    --seed-box-min-height-base: auto;
-    --seed-box-min-height-sm: var(--seed-box-min-height-base, initial);
-    --seed-box-min-height-md: var(--seed-box-min-height-sm, initial);
-    --seed-box-min-height-lg: var(--seed-box-min-height-md, initial);
-    --seed-box-min-height-xl: var(--seed-box-min-height-lg, initial);
-    --seed-box-min-height: var(--seed-box-min-height-base, initial);
-    --seed-box-max-height-base: none;
-    --seed-box-max-height-sm: var(--seed-box-max-height-base, initial);
-    --seed-box-max-height-md: var(--seed-box-max-height-sm, initial);
-    --seed-box-max-height-lg: var(--seed-box-max-height-md, initial);
-    --seed-box-max-height-xl: var(--seed-box-max-height-lg, initial);
-    --seed-box-max-height: var(--seed-box-max-height-base, initial);
     --seed-box-justify-content: initial;
     --seed-box-align-items: initial;
     padding-inline: var(--seed-box-padding-x);
     padding-bottom: var(--seed-dimension-x12);
-    height: var(--seed-box-height);
-    min-height: var(--seed-box-min-height);
-    max-height: var(--seed-box-max-height);
     justify-content: var(--seed-box-justify-content);
     align-items: var(--seed-box-align-items);
     transition: box-shadow var(--seed-duration-color-transition) var(--seed-timing-function-easing);
@@ -11289,7 +10797,7 @@
 
   .seed-slider__thumb:after {
     content: "";
-    background-color: var(--seed-color-bg-neutral-inverted);
+    background-color: var(--seed-color-bg-neutral-solid);
     border-radius: var(--seed-radius-full);
     outline: var(--seed-dimension-x0_5) solid transparent;
     outline-offset: var(--seed-dimension-x0_5);
@@ -11331,11 +10839,11 @@
     box-sizing: border-box;
     transition: left var(--seed-duration-d3) var(--seed-timing-function-easing), right var(--seed-duration-d3) var(--seed-timing-function-easing);
     will-change: left, right;
-    background: var(--seed-color-bg-neutral-inverted);
+    background: var(--seed-color-bg-neutral-solid);
     padding-inline: var(--seed-dimension-x2);
     padding-block: var(--seed-dimension-x1);
     border-radius: var(--seed-radius-r1_5);
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
     font-size: var(--seed-font-size-t3);
     line-height: var(--seed-line-height-t3);
     font-weight: var(--seed-font-weight-medium);
@@ -11434,7 +10942,7 @@
   }
 
   .seed-slider__valueIndicatorArrowTip {
-    fill: var(--seed-color-bg-neutral-inverted);
+    fill: var(--seed-color-bg-neutral-solid);
     width: var(--seed-dimension-x2);
     height: var(--seed-dimension-x1_5);
     display: block;
@@ -11493,7 +11001,7 @@
   }
 
   .seed-slider-tick {
-    background-color: var(--seed-color-fg-neutral-inverted);
+    background-color: var(--seed-color-fg-on-neutral-solid);
     height: 100%;
     position: absolute;
     top: 50%;
@@ -11518,7 +11026,7 @@
 
   .seed-snackbar__root {
     box-sizing: border-box;
-    background: var(--seed-color-bg-neutral-inverted);
+    background: var(--seed-color-bg-neutral-solid);
     border-radius: var(--seed-radius-r2);
     width: 100%;
     max-width: 464px;
@@ -11568,7 +11076,7 @@
   }
 
   .seed-snackbar__message {
-    color: var(--seed-color-fg-neutral-inverted);
+    color: var(--seed-color-fg-on-neutral-solid);
     font-size: var(--seed-font-size-t4);
     line-height: var(--seed-line-height-t4);
     font-weight: var(--seed-font-weight-regular);
@@ -11756,7 +11264,7 @@
   }
 
   .seed-switchmark__root--tone_neutral:is(:checked, [data-checked]) {
-    background: var(--seed-color-bg-neutral-inverted);
+    background: var(--seed-color-bg-neutral-solid);
   }
 
   .seed-switchmark__root--tone_neutral:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) {
@@ -11764,7 +11272,7 @@
   }
 
   .seed-switchmark__thumb--tone_neutral {
-    background: var(--seed-color-fg-neutral-inverted);
+    background: var(--seed-color-fg-on-neutral-solid);
   }
 
   .seed-switchmark__thumb--tone_neutral:is(:disabled, [disabled], [data-disabled]) {
@@ -13419,14 +12927,14 @@
   }
 
   .seed-time-picker__root {
+    --seed-wheel-picker-item-color: var(--seed-color-fg-disabled);
     --seed-wheel-picker-selected-item-color: var(--seed-color-fg-neutral);
     --seed-wheel-picker-selection-indicator-corner-radius: var(--seed-radius-r2);
     width: 100%;
     height: 220px;
   }
 
-  .seed-time-picker__selectionIndicator {
-    border-radius: var(--seed-radius-r2);
+  .seed-time-picker__root [data-wheel-picker-indicator] {
     background-color: var(--seed-color-bg-neutral-weak);
   }
 
@@ -13462,7 +12970,6 @@
   }
 
   .seed-time-picker__item {
-    --seed-wheel-picker-item-color: var(--seed-color-fg-disabled);
     padding-inline: var(--seed-dimension-x4);
     font-size: var(--seed-font-size-t10-static);
     line-height: var(--seed-line-height-t10-static);
@@ -13510,9 +13017,9 @@
 
   .seed-toggle-button--variant_brandSolid {
     background: var(--seed-color-bg-brand-solid);
-    color: var(--seed-color-palette-static-white);
+    color: var(--seed-color-fg-on-brand-solid);
     --track-color: var(--seed-color-palette-static-white-alpha-300);
-    --range-color: var(--seed-color-palette-static-white);
+    --range-color: var(--seed-color-fg-on-brand-solid);
   }
 
   @media (hover: hover) and (pointer: fine) {
@@ -13564,8 +13071,8 @@
   }
 
   .seed-toggle-button--variant_brandSolid {
-    --seed-prefix-icon-color: var(--seed-color-palette-static-white);
-    --seed-suffix-icon-color: var(--seed-color-palette-static-white);
+    --seed-prefix-icon-color: var(--seed-color-fg-on-brand-solid);
+    --seed-suffix-icon-color: var(--seed-color-fg-on-brand-solid);
   }
 
   .seed-toggle-button--variant_neutralWeak {
@@ -13653,7 +13160,11 @@
   }
 
   .seed-wheel-picker__root {
-    height: var(--seed-wheel-picker-viewport-size);
+    background-color: var(--seed-color-bg-layer-floating);
+    --seed-wheel-picker-item-color: var(--seed-color-fg-disabled);
+    --seed-wheel-picker-selected-item-color: var(--seed-color-fg-neutral);
+    --seed-wheel-picker-scroll-fog-size: min(calc(.4 * 100%), var(--seed-wheel-picker-scroll-fog-max-height));
+    width: 100%;
     position: relative;
     overflow: hidden;
   }
@@ -13667,6 +13178,7 @@
 
   .seed-wheel-picker__columns {
     justify-content: center;
+    width: 100%;
     height: 100%;
     display: flex;
   }
@@ -13684,11 +13196,14 @@
     height: 100%;
     padding-block: var(--seed-wheel-picker-center-offset);
     outline: none;
+    flex: none;
     overflow: hidden auto;
   }
 
-  .seed-wheel-picker__column[data-disabled] {
+  .seed-wheel-picker__column:is(:disabled, [disabled], [data-disabled]) {
     cursor: default;
+    --seed-wheel-picker-item-color: var(--seed-color-fg-disabled);
+    --seed-wheel-picker-selected-item-color: var(--seed-color-fg-disabled);
     overflow-y: hidden;
   }
 
@@ -13712,7 +13227,7 @@
   .seed-wheel-picker__column :is([aria-selected="true"], [data-selected]) {
     outline: var(--seed-dimension-x0_5) solid transparent;
     outline-offset: calc(var(--seed-dimension-x0_5) * -1);
-    border-radius: var(--seed-wheel-picker-selection-indicator-corner-radius, 0);
+    border-radius: var(--seed-wheel-picker-selection-indicator-corner-radius, var(--seed-radius-r2));
   }
 
   .seed-wheel-picker__column:not([data-wheel-picker-pointer-focus]) :is([aria-selected="true"], [data-selected]) {
@@ -13745,114 +13260,7 @@
     background-clip: text;
   }
 
-  .seed-wheel-picker__selectionIndicator {
-    z-index: 0;
-    inset-inline: var(--seed-dimension-x4);
-    height: var(--seed-wheel-picker-item-size);
-    pointer-events: none;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  .seed-wheel-picker-public__root {
-    background-color: var(--seed-color-bg-layer-floating);
-    --seed-wheel-picker-public-item-color: var(--seed-color-fg-disabled);
-    --seed-wheel-picker-public-selected-item-color: var(--seed-color-fg-neutral);
-    --seed-wheel-picker-public-scroll-fog-size: min(calc(.4 * 100%), var(--seed-wheel-picker-public-scroll-fog-max-height));
-    width: 100%;
-    position: relative;
-    overflow: hidden;
-  }
-
-  .seed-wheel-picker-public__scrollFog {
-    z-index: 1;
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-  }
-
-  .seed-wheel-picker-public__columns {
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    display: flex;
-  }
-
-  .seed-wheel-picker-public__column {
-    box-sizing: border-box;
-    overscroll-behavior-x: none;
-    overscroll-behavior-y: contain;
-    scroll-snap-type: y mandatory;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-    touch-action: pan-y;
-    cursor: grab;
-    width: max-content;
-    height: 100%;
-    padding-block: var(--seed-wheel-picker-public-center-offset);
-    outline: none;
-    flex: none;
-    overflow: hidden auto;
-  }
-
-  .seed-wheel-picker-public__column:is(:disabled, [disabled], [data-disabled]) {
-    cursor: default;
-    --seed-wheel-picker-public-item-color: var(--seed-color-fg-disabled);
-    --seed-wheel-picker-public-selected-item-color: var(--seed-color-fg-disabled);
-    overflow-y: hidden;
-  }
-
-  .seed-wheel-picker-public__column[data-wheel-picker-dragging] {
-    cursor: grabbing;
-    scroll-snap-type: none;
-  }
-
-  .seed-wheel-picker-public__column[data-wheel-picker-scrolling] {
-    scroll-snap-type: none;
-  }
-
-  .seed-wheel-picker-public__column::-webkit-scrollbar {
-    display: none;
-  }
-
-  .seed-wheel-picker-public__column :is([aria-selected="true"], [data-selected]) {
-    outline: var(--seed-dimension-x0_5) solid transparent;
-    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
-    border-radius: var(--seed-radius-r2);
-  }
-
-  .seed-wheel-picker-public__column:not([data-wheel-picker-pointer-focus]) :is([aria-selected="true"], [data-selected]) {
-    transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
-  }
-
-  .seed-wheel-picker-public__column.seed-wheel-picker-public__column:is(:focus-visible, [data-focus-visible]):not([data-wheel-picker-pointer-focus]) :is([aria-selected="true"], [data-selected]) {
-    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
-    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
-  }
-
-  .seed-wheel-picker-public__item {
-    height: var(--seed-wheel-picker-public-item-size);
-    min-height: var(--seed-wheel-picker-public-item-size);
-    color: var(--seed-wheel-picker-public-item-color);
-    scroll-snap-align: center;
-    -webkit-user-select: none;
-    user-select: none;
-    outline-color: #0000;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-  }
-
-  .seed-wheel-picker-public__item[data-wheel-picker-indicator-overlap] {
-    color: #0000;
-    background-image: linear-gradient(to bottom, var(--seed-wheel-picker-public-item-color) 0%, var(--seed-wheel-picker-public-item-color) var(--seed-wheel-picker-indicator-overlap-start), var(--seed-wheel-picker-public-selected-item-color) var(--seed-wheel-picker-indicator-overlap-start), var(--seed-wheel-picker-public-selected-item-color) var(--seed-wheel-picker-indicator-overlap-end), var(--seed-wheel-picker-public-item-color) var(--seed-wheel-picker-indicator-overlap-end), var(--seed-wheel-picker-public-item-color) 100%);
-    -webkit-text-fill-color: transparent;
-    -webkit-background-clip: text;
-    background-clip: text;
-  }
-
-  .seed-wheel-picker-public__itemLabel {
+  .seed-wheel-picker__itemLabel {
     box-sizing: border-box;
     height: 100%;
     padding-inline: var(--seed-dimension-x4);
@@ -13864,11 +13272,11 @@
     display: flex;
   }
 
-  .seed-wheel-picker-public__selectionIndicator {
+  .seed-wheel-picker__selectionIndicator {
     z-index: 0;
     inset-inline: var(--seed-dimension-x4);
-    height: var(--seed-wheel-picker-public-item-size);
-    border-radius: var(--seed-radius-r2);
+    height: var(--seed-wheel-picker-item-size);
+    border-radius: var(--seed-wheel-picker-selection-indicator-corner-radius, var(--seed-radius-r2));
     background-color: var(--seed-color-bg-neutral-weak);
     pointer-events: none;
     position: absolute;
@@ -13876,24 +13284,24 @@
     transform: translateY(-50%);
   }
 
-  .seed-wheel-picker-public__root--size_small {
-    height: var(--seed-wheel-picker-public-viewport-size, 180px);
-    --seed-wheel-picker-public-item-size: 36px;
-    --seed-wheel-picker-public-scroll-fog-max-height: 108px;
+  .seed-wheel-picker__root--size_small {
+    height: var(--seed-wheel-picker-viewport-size, 180px);
+    --seed-wheel-picker-item-size: 36px;
+    --seed-wheel-picker-scroll-fog-max-height: 108px;
   }
 
-  .seed-wheel-picker-public__itemLabel--size_small {
+  .seed-wheel-picker__itemLabel--size_small {
     font-size: var(--seed-font-size-t7-static);
     line-height: var(--seed-line-height-t7-static);
   }
 
-  .seed-wheel-picker-public__root--size_medium {
-    height: var(--seed-wheel-picker-public-viewport-size, 220px);
-    --seed-wheel-picker-public-item-size: 44px;
-    --seed-wheel-picker-public-scroll-fog-max-height: 132px;
+  .seed-wheel-picker__root--size_medium {
+    height: var(--seed-wheel-picker-viewport-size, 220px);
+    --seed-wheel-picker-item-size: 44px;
+    --seed-wheel-picker-scroll-fog-max-height: 132px;
   }
 
-  .seed-wheel-picker-public__itemLabel--size_medium {
+  .seed-wheel-picker__itemLabel--size_medium {
     font-size: var(--seed-font-size-t10-static);
     line-height: var(--seed-line-height-t10-static);
   }
@@ -13913,23 +13321,23 @@
       --seed-box-max-height: var(--seed-box-max-height-sm, initial);
     }
 
-    .seed-content-dialog__content {
+    .seed-date-picker__root {
+      --seed-box-height: var(--seed-box-height-sm, initial);
+      --seed-box-min-height: var(--seed-box-min-height-sm, initial);
+      --seed-box-max-height: var(--seed-box-max-height-sm, initial);
+    }
+
+    .seed-dialog__content {
       --seed-box-width: var(--seed-box-width-sm, initial);
       --seed-box-max-width: var(--seed-box-max-width-sm, initial);
     }
 
-    .seed-content-dialog__body {
+    .seed-dialog__body {
       --seed-box-padding-x: var(--seed-box-padding-x-sm, initial);
       --seed-box-min-height: var(--seed-box-min-height-sm, initial);
       --seed-box-max-height: var(--seed-box-max-height-sm, initial);
     }
 
-    .seed-date-picker__root {
-      --seed-box-height: var(--seed-box-height-sm, initial);
-      --seed-box-min-height: var(--seed-box-min-height-sm, initial);
-      --seed-box-max-height: var(--seed-box-max-height-sm, initial);
-    }
-
     .seed-help-bubble__content {
       --seed-box-max-width: var(--seed-box-max-width-sm, initial);
     }
@@ -13947,18 +13355,27 @@
       --seed-box-padding-right: var(--seed-box-padding-right-sm, initial);
     }
 
-    .seed-side-panel__content {
+    .seed-popover__content {
       --seed-box-width: var(--seed-box-width-sm, initial);
       --seed-box-max-width: var(--seed-box-max-width-sm, initial);
     }
 
-    .seed-side-panel__body {
+    .seed-popover__body {
       --seed-box-padding-x: var(--seed-box-padding-x-sm, initial);
       --seed-box-height: var(--seed-box-height-sm, initial);
       --seed-box-min-height: var(--seed-box-min-height-sm, initial);
       --seed-box-max-height: var(--seed-box-max-height-sm, initial);
     }
 
+    .seed-side-panel__content {
+      --seed-box-width: var(--seed-box-width-sm, initial);
+      --seed-box-max-width: var(--seed-box-max-width-sm, initial);
+    }
+
+    .seed-side-panel__body {
+      --seed-box-padding-x: var(--seed-box-padding-x-sm, initial);
+    }
+
     .seed-skeleton {
       --seed-box-width: var(--seed-box-width-sm, initial);
       --seed-box-height: var(--seed-box-height-sm, initial);
@@ -13980,23 +13397,23 @@
       --seed-box-max-height: var(--seed-box-max-height-md, initial);
     }
 
-    .seed-content-dialog__content {
+    .seed-date-picker__root {
+      --seed-box-height: var(--seed-box-height-md, initial);
+      --seed-box-min-height: var(--seed-box-min-height-md, initial);
+      --seed-box-max-height: var(--seed-box-max-height-md, initial);
+    }
+
+    .seed-dialog__content {
       --seed-box-width: var(--seed-box-width-md, initial);
       --seed-box-max-width: var(--seed-box-max-width-md, initial);
     }
 
-    .seed-content-dialog__body {
+    .seed-dialog__body {
       --seed-box-padding-x: var(--seed-box-padding-x-md, initial);
       --seed-box-min-height: var(--seed-box-min-height-md, initial);
       --seed-box-max-height: var(--seed-box-max-height-md, initial);
     }
 
-    .seed-date-picker__root {
-      --seed-box-height: var(--seed-box-height-md, initial);
-      --seed-box-min-height: var(--seed-box-min-height-md, initial);
-      --seed-box-max-height: var(--seed-box-max-height-md, initial);
-    }
-
     .seed-help-bubble__content {
       --seed-box-max-width: var(--seed-box-max-width-md, initial);
     }
@@ -14014,18 +13431,27 @@
       --seed-box-padding-right: var(--seed-box-padding-right-md, initial);
     }
 
-    .seed-side-panel__content {
+    .seed-popover__content {
       --seed-box-width: var(--seed-box-width-md, initial);
       --seed-box-max-width: var(--seed-box-max-width-md, initial);
     }
 
-    .seed-side-panel__body {
+    .seed-popover__body {
       --seed-box-padding-x: var(--seed-box-padding-x-md, initial);
       --seed-box-height: var(--seed-box-height-md, initial);
       --seed-box-min-height: var(--seed-box-min-height-md, initial);
       --seed-box-max-height: var(--seed-box-max-height-md, initial);
     }
 
+    .seed-side-panel__content {
+      --seed-box-width: var(--seed-box-width-md, initial);
+      --seed-box-max-width: var(--seed-box-max-width-md, initial);
+    }
+
+    .seed-side-panel__body {
+      --seed-box-padding-x: var(--seed-box-padding-x-md, initial);
+    }
+
     .seed-skeleton {
       --seed-box-width: var(--seed-box-width-md, initial);
       --seed-box-height: var(--seed-box-height-md, initial);
@@ -14047,23 +13473,23 @@
       --seed-box-max-height: var(--seed-box-max-height-lg, initial);
     }
 
-    .seed-content-dialog__content {
+    .seed-date-picker__root {
+      --seed-box-height: var(--seed-box-height-lg, initial);
+      --seed-box-min-height: var(--seed-box-min-height-lg, initial);
+      --seed-box-max-height: var(--seed-box-max-height-lg, initial);
+    }
+
+    .seed-dialog__content {
       --seed-box-width: var(--seed-box-width-lg, initial);
       --seed-box-max-width: var(--seed-box-max-width-lg, initial);
     }
 
-    .seed-content-dialog__body {
+    .seed-dialog__body {
       --seed-box-padding-x: var(--seed-box-padding-x-lg, initial);
       --seed-box-min-height: var(--seed-box-min-height-lg, initial);
       --seed-box-max-height: var(--seed-box-max-height-lg, initial);
     }
 
-    .seed-date-picker__root {
-      --seed-box-height: var(--seed-box-height-lg, initial);
-      --seed-box-min-height: var(--seed-box-min-height-lg, initial);
-      --seed-box-max-height: var(--seed-box-max-height-lg, initial);
-    }
-
     .seed-help-bubble__content {
       --seed-box-max-width: var(--seed-box-max-width-lg, initial);
     }
@@ -14081,18 +13507,27 @@
       --seed-box-padding-right: var(--seed-box-padding-right-lg, initial);
     }
 
-    .seed-side-panel__content {
+    .seed-popover__content {
       --seed-box-width: var(--seed-box-width-lg, initial);
       --seed-box-max-width: var(--seed-box-max-width-lg, initial);
     }
 
-    .seed-side-panel__body {
+    .seed-popover__body {
       --seed-box-padding-x: var(--seed-box-padding-x-lg, initial);
       --seed-box-height: var(--seed-box-height-lg, initial);
       --seed-box-min-height: var(--seed-box-min-height-lg, initial);
       --seed-box-max-height: var(--seed-box-max-height-lg, initial);
     }
 
+    .seed-side-panel__content {
+      --seed-box-width: var(--seed-box-width-lg, initial);
+      --seed-box-max-width: var(--seed-box-max-width-lg, initial);
+    }
+
+    .seed-side-panel__body {
+      --seed-box-padding-x: var(--seed-box-padding-x-lg, initial);
+    }
+
     .seed-skeleton {
       --seed-box-width: var(--seed-box-width-lg, initial);
       --seed-box-height: var(--seed-box-height-lg, initial);
@@ -14114,23 +13549,23 @@
       --seed-box-max-height: var(--seed-box-max-height-xl, initial);
     }
 
-    .seed-content-dialog__content {
+    .seed-date-picker__root {
+      --seed-box-height: var(--seed-box-height-xl, initial);
+      --seed-box-min-height: var(--seed-box-min-height-xl, initial);
+      --seed-box-max-height: var(--seed-box-max-height-xl, initial);
+    }
+
+    .seed-dialog__content {
       --seed-box-width: var(--seed-box-width-xl, initial);
       --seed-box-max-width: var(--seed-box-max-width-xl, initial);
     }
 
-    .seed-content-dialog__body {
+    .seed-dialog__body {
       --seed-box-padding-x: var(--seed-box-padding-x-xl, initial);
       --seed-box-min-height: var(--seed-box-min-height-xl, initial);
       --seed-box-max-height: var(--seed-box-max-height-xl, initial);
     }
 
-    .seed-date-picker__root {
-      --seed-box-height: var(--seed-box-height-xl, initial);
-      --seed-box-min-height: var(--seed-box-min-height-xl, initial);
-      --seed-box-max-height: var(--seed-box-max-height-xl, initial);
-    }
-
     .seed-help-bubble__content {
       --seed-box-max-width: var(--seed-box-max-width-xl, initial);
     }
@@ -14148,18 +13583,27 @@
       --seed-box-padding-right: var(--seed-box-padding-right-xl, initial);
     }
 
-    .seed-side-panel__content {
+    .seed-popover__content {
       --seed-box-width: var(--seed-box-width-xl, initial);
       --seed-box-max-width: var(--seed-box-max-width-xl, initial);
     }
 
-    .seed-side-panel__body {
+    .seed-popover__body {
       --seed-box-padding-x: var(--seed-box-padding-x-xl, initial);
       --seed-box-height: var(--seed-box-height-xl, initial);
       --seed-box-min-height: var(--seed-box-min-height-xl, initial);
       --seed-box-max-height: var(--seed-box-max-height-xl, initial);
     }
 
+    .seed-side-panel__content {
+      --seed-box-width: var(--seed-box-width-xl, initial);
+      --seed-box-max-width: var(--seed-box-max-width-xl, initial);
+    }
+
+    .seed-side-panel__body {
+      --seed-box-padding-x: var(--seed-box-padding-x-xl, initial);
+    }
+
     .seed-skeleton {
       --seed-box-width: var(--seed-box-width-xl, initial);
       --seed-box-height: var(--seed-box-height-xl, initial);