@seed-design/css 2.9.0 → 3.0.0

package/all.css

@@ -402,6 +402,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;
 }
 
@@ -411,6 +412,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: ;
@@ -661,6 +686,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);
@@ -682,15 +713,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);
@@ -873,6 +906,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);
@@ -894,15 +933,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);
@@ -1033,6 +1074,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;
@@ -1371,13 +1416,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) {
@@ -1405,25 +1450,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);
   }
 }
 
@@ -1436,7 +1481,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 {
@@ -1476,13 +1521,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) {
@@ -1736,257 +1781,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 {
@@ -2718,36 +2623,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)));
-  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);
-  font-size: var(--seed-font-size-t1);
-  line-height: var(--seed-line-height-t1);
-}
+.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);
 }
@@ -2763,7 +2723,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 {
@@ -2778,7 +2738,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 {
@@ -2793,7 +2753,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 {
@@ -2808,7 +2768,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 {
@@ -2823,7 +2783,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 {
@@ -2838,7 +2798,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 {
@@ -3586,23 +3546,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]) {
@@ -3622,7 +3582,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) {
@@ -3750,8 +3710,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) {
@@ -3768,13 +3728,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);
   }
 }
 
@@ -3787,7 +3747,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 {
@@ -3813,19 +3773,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);
   }
 }
 
@@ -3838,7 +3798,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 {
@@ -4063,8 +4023,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) {
@@ -4081,13 +4041,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);
   }
 }
 
@@ -4103,8 +4063,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;
 }
 
@@ -4122,13 +4082,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);
   }
 }
 
@@ -4166,370 +4126,127 @@
   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));
+.seed-content-placeholder__root {
+  box-sizing: border-box;
+  vertical-align: top;
+  background-color: var(--seed-color-palette-gray-200);
   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;
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  position: relative;
+  overflow: hidden;
 }
 
-.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-placeholder__asset {
+  height: 50%;
+  min-width: var(--seed-dimension-x4);
+  aspect-ratio: 1;
+  width: auto;
+  max-width: 160px;
+  color: var(--seed-color-palette-gray-400);
+  fill: currentColor;
+  stroke: currentColor;
+  object-fit: contain;
+  display: block;
 }
 
-.seed-content-dialog__content {
+.seed-contextual-floating-button {
   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;
+  cursor: pointer;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  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;
 }
 
-@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-contextual-floating-button: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__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-contextual-floating-button:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
 }
 
-.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-contextual-floating-button {
+  border-radius: var(--seed-radius-full);
+  box-shadow: var(--seed-shadow-s3);
+  font-size: var(--seed-font-size-t4);
+  line-height: var(--seed-line-height-t4);
+  font-weight: var(--seed-font-weight-medium);
+  --seed-box-z-index: initial;
+  z-index: var(--seed-box-z-index);
+  --seed-box-position: initial;
+  position: var(--seed-box-position);
+  --seed-box-top: initial;
+  --seed-box-right: initial;
+  --seed-box-bottom: initial;
+  --seed-box-left: initial;
+  top: var(--seed-box-top);
+  right: var(--seed-box-right);
+  bottom: var(--seed-box-bottom);
+  left: var(--seed-box-left);
+  --seed-icon-size: 22px;
+  --size: 16px;
+  --thickness: 2px;
 }
 
-.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-contextual-floating-button:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+  scale: var(--seed-feedback-scale);
 }
 
-.seed-content-dialog__header[data-show-close-button] {
-  padding-right: calc(var(--seed-dimension-x6) + 22px + var(--seed-dimension-x1_5));
+.seed-contextual-floating-button {
+  transition: background-color 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-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-contextual-floating-button--variant_solid {
+  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-on-neutral-solid);
 }
 
-.seed-content-dialog__body[data-scrolled]:not(:first-child) {
-  box-shadow: inset 0 1px 0 0 var(--seed-color-stroke-neutral-muted);
+@media (hover: hover) and (pointer: fine) {
+  .seed-contextual-floating-button--variant_solid:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-neutral-solid-pressed);
+  }
 }
 
-.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));
+@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-solid-pressed);
+  }
 }
 
-.seed-content-dialog__body {
-  outline: var(--seed-dimension-x0_5) solid transparent;
-  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+.seed-contextual-floating-button--variant_solid:is(:disabled, [disabled], [data-disabled]) {
+  background: var(--seed-color-bg-disabled);
+  color: var(--seed-color-fg-disabled);
+  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
+  --seed-icon-color: var(--seed-color-fg-disabled);
 }
 
-.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-contextual-floating-button--variant_solid[data-loading] {
+  background: var(--seed-color-bg-neutral-solid-pressed);
 }
 
-.seed-content-dialog__title {
+.seed-contextual-floating-button--variant_layer {
+  background: var(--seed-color-bg-layer-floating);
   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;
-  background-color: var(--seed-color-palette-gray-200);
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  display: inline-flex;
-  position: relative;
-  overflow: hidden;
-}
-
-.seed-content-placeholder__asset {
-  height: 50%;
-  min-width: var(--seed-dimension-x4);
-  aspect-ratio: 1;
-  width: auto;
-  max-width: 160px;
-  color: var(--seed-color-palette-gray-400);
-  fill: currentColor;
-  stroke: currentColor;
-  object-fit: contain;
-  display: block;
-}
-
-.seed-contextual-floating-button {
-  box-sizing: border-box;
-  cursor: pointer;
-  text-transform: none;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  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;
-}
-
-.seed-contextual-floating-button: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-contextual-floating-button:is(:disabled, [disabled], [data-disabled]) {
-  cursor: not-allowed;
-}
-
-.seed-contextual-floating-button {
-  border-radius: var(--seed-radius-full);
-  box-shadow: var(--seed-shadow-s3);
-  font-size: var(--seed-font-size-t4);
-  line-height: var(--seed-line-height-t4);
-  font-weight: var(--seed-font-weight-medium);
-  --seed-box-z-index: initial;
-  z-index: var(--seed-box-z-index);
-  --seed-box-position: initial;
-  position: var(--seed-box-position);
-  --seed-box-top: initial;
-  --seed-box-right: initial;
-  --seed-box-bottom: initial;
-  --seed-box-left: initial;
-  top: var(--seed-box-top);
-  right: var(--seed-box-right);
-  bottom: var(--seed-box-bottom);
-  left: var(--seed-box-left);
-  --seed-icon-size: 22px;
-  --size: 16px;
-  --thickness: 2px;
-}
-
-.seed-contextual-floating-button:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
-  scale: var(--seed-feedback-scale);
-}
-
-.seed-contextual-floating-button {
-  transition: background-color 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-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);
-  --track-color: var(--seed-color-palette-gray-700);
-  --range-color: var(--seed-color-fg-neutral-inverted);
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .seed-contextual-floating-button--variant_solid:is(:hover, [data-hover]) {
-    background: var(--seed-color-bg-neutral-inverted-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);
-  }
-}
-
-.seed-contextual-floating-button--variant_solid:is(:disabled, [disabled], [data-disabled]) {
-  background: var(--seed-color-bg-disabled);
-  color: var(--seed-color-fg-disabled);
-  --seed-prefix-icon-color: var(--seed-color-fg-disabled);
-  --seed-icon-color: var(--seed-color-fg-disabled);
-}
-
-.seed-contextual-floating-button--variant_solid[data-loading] {
-  background: var(--seed-color-bg-neutral-inverted-pressed);
-}
-
-.seed-contextual-floating-button--variant_layer {
-  background: var(--seed-color-bg-layer-floating);
-  color: var(--seed-color-fg-neutral);
-  --seed-icon-color: var(--seed-color-fg-neutral);
-  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
-  --track-color: var(--seed-color-palette-gray-500);
-  --range-color: var(--seed-color-fg-neutral);
+  --seed-icon-color: var(--seed-color-fg-neutral);
+  --seed-prefix-icon-color: var(--seed-color-fg-neutral);
+  --track-color: var(--seed-color-palette-gray-500);
+  --range-color: var(--seed-color-fg-neutral);
 }
 
 @media (hover: hover) and (pointer: fine) {
@@ -4569,104 +4286,6 @@
   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 {
   box-sizing: border-box;
   --seed-box-height-base: auto;
@@ -4752,6 +4371,10 @@
   display: inline-flex;
 }
 
+.seed-date-picker__headerChevron[data-expanded] {
+  transform: rotate(180deg);
+}
+
 .seed-date-picker__navigation {
   flex-shrink: 0;
   align-items: center;
@@ -4940,11 +4563,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) {
@@ -4961,13 +4584,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);
   }
 }
 
@@ -5092,33 +4715,44 @@
   overflow: hidden;
 }
 
-.seed-date-picker__wheelView {
-  --seed-wheel-picker-selection-indicator-corner-radius: var(--seed-radius-r2);
-  width: 100%;
+.seed-date-picker__wheelPositioner {
+  z-index: 3;
+  outline: none;
 }
 
-.seed-date-picker__wheelSelectionIndicator {
-  border-radius: var(--seed-radius-r2);
-  background-color: var(--seed-color-bg-neutral-weak);
-}
+.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__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 {
@@ -5151,6 +4785,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;
@@ -5169,60 +4807,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);
@@ -5232,7 +4817,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);
@@ -5243,7 +4828,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);
@@ -5253,7 +4876,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);
@@ -5264,286 +4887,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 {
@@ -6153,7 +5639,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);
@@ -6182,7 +5668,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;
@@ -6289,7 +5775,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);
@@ -6333,13 +5819,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;
@@ -6355,7 +5845,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);
@@ -6363,7 +5853,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);
@@ -6376,9 +5866,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;
@@ -6546,168 +6036,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 {
@@ -7078,53 +6408,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);
@@ -7664,6 +6947,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);
@@ -8013,6 +7300,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);
@@ -8093,7 +7384,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;
@@ -8185,6 +7476,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;
@@ -8321,29 +7616,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 {
@@ -8374,8 +7669,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) {
@@ -8391,7 +7686,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 {
@@ -8426,8 +7721,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) {
@@ -8443,7 +7738,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 {
@@ -8478,8 +7773,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) {
@@ -8495,7 +7790,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 {
@@ -8530,8 +7825,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) {
@@ -8547,7 +7842,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 {
@@ -8735,47 +8030,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;
@@ -9258,23 +8761,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]) {
@@ -9294,7 +8797,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 {
@@ -9581,6 +9084,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));
@@ -9731,6 +9238,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);
@@ -9948,6 +9459,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;
 }
@@ -10111,6 +9626,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;
@@ -10139,6 +9655,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);
@@ -10780,31 +10300,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);
@@ -11049,7 +10548,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);
@@ -11091,11 +10590,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);
@@ -11194,7 +10693,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;
@@ -11253,7 +10752,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%;
@@ -11278,7 +10777,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;
@@ -11328,7 +10827,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);
@@ -11516,7 +11015,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]) {
@@ -11524,7 +11023,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]) {
@@ -13179,14 +12678,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);
 }
 
@@ -13222,7 +12721,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);
@@ -13270,9 +12768,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) {
@@ -13324,8 +12822,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 {
@@ -13413,7 +12911,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;
 }
@@ -13427,6 +12929,7 @@
 
 .seed-wheel-picker__columns {
   justify-content: center;
+  width: 100%;
   height: 100%;
   display: flex;
 }
@@ -13444,11 +12947,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;
 }
 
@@ -13472,7 +12978,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]) {
@@ -13505,114 +13011,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);
@@ -13624,11 +13023,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;
@@ -13636,24 +13035,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);
 }
@@ -13806,23 +13205,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);
   }
@@ -13840,18 +13239,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);
@@ -13908,23 +13316,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);
   }
@@ -13942,18 +13350,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);
@@ -14010,23 +13427,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);
   }
@@ -14044,18 +13461,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);
@@ -14112,23 +13538,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);
   }
@@ -14146,18 +13572,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);