prime-ui-kit 0.9.1 → 0.9.2

package/dist/index.css

@@ -95,6 +95,7 @@
     "Segoe UI",
     Roboto,
     sans-serif;
+  --prime-ref-font-line-height-12: 0.75rem;
   --prime-ref-font-line-height-16: 1rem;
   --prime-ref-font-line-height-20: 1.25rem;
   --prime-ref-font-line-height-24: 1.5rem;
@@ -104,6 +105,7 @@
   --prime-ref-font-line-height-44: 2.75rem;
   --prime-ref-font-line-height-56: 3.5rem;
   --prime-ref-font-line-height-68: 4.25rem;
+  --prime-ref-font-size-10: 0.625rem;
   --prime-ref-font-size-12: 0.75rem;
   --prime-ref-font-size-13: 0.8125rem;
   --prime-ref-font-size-14: 0.875rem;
@@ -197,6 +199,19 @@
   --prime-badge-xs-radius: var(--prime-ref-radius-4);
   --prime-badge-xs-text-size: var(--prime-ref-font-size-12);
   --prime-border-width: 1px;
+  --prime-bottom-nav-blur: 0.5rem;
+  --prime-bottom-nav-floating-inset: var(--prime-ref-space-3);
+  --prime-bottom-nav-floating-item-size: 2.75rem;
+  --prime-bottom-nav-floating-padding: var(--prime-ref-space-1);
+  --prime-bottom-nav-height: 3.25rem;
+  --prime-bottom-nav-icon-only-height: var(--prime-ref-space-12);
+  --prime-bottom-nav-icon-size: var(--prime-ref-icon-20);
+  --prime-bottom-nav-indicator-height: var(--prime-ref-space-5);
+  --prime-bottom-nav-indicator-width: var(--prime-ref-space-7);
+  --prime-bottom-nav-item-gap: var(--prime-ref-space-1);
+  --prime-bottom-nav-label-line-height: var(--prime-ref-font-line-height-12);
+  --prime-bottom-nav-label-size: var(--prime-ref-font-size-10);
+  --prime-bottom-nav-padding-x: var(--prime-ref-space-2);
   --prime-card-gap: var(--prime-ref-space-4);
   --prime-card-padding-l: var(--prime-ref-space-6);
   --prime-card-padding-m: var(--prime-ref-space-5);
@@ -210,6 +225,9 @@
   --prime-color-accent-soft-hover: var(--prime-ref-color-cobalt-200);
   --prime-color-accent-text: var(--prime-ref-color-cobalt-700);
   --prime-color-bg-canvas: var(--prime-ref-color-gray-50);
+  --prime-color-bg-edge-shadow: rgba(17, 19, 24, 0.14);
+  --prime-color-bg-glass: color-mix(in srgb, var(--prime-ref-color-gray-0) 58%, transparent);
+  --prime-color-bg-glass-edge: rgba(255, 255, 255, 0.85);
   --prime-color-bg-inverse: var(--prime-ref-color-gray-925);
   --prime-color-bg-raised: var(--prime-ref-color-gray-0);
   --prime-color-bg-scrim: rgba(17, 19, 24, 0.44);
@@ -352,6 +370,8 @@
   --prime-control-s-radius: var(--prime-ref-radius-8);
   --prime-control-s-text-size: var(--prime-ref-font-size-13);
   --prime-control-s-track: 0.3125rem;
+  --prime-control-touch-target: 2.75rem;
+  --prime-control-touch-text-size: var(--prime-ref-font-size-16);
   --prime-control-xl-choice: var(--prime-ref-icon-24);
   --prime-control-xl-field-padding-x: var(--prime-ref-space-4);
   --prime-control-xl-gap: var(--prime-ref-space-3);
@@ -453,6 +473,12 @@
   --prime-shadow-overlay: 0 0 0 1px rgba(17, 19, 24, 0.04), 0 12px 32px -8px rgba(17, 19, 24, 0.18);
   --prime-shadow-raised: 0 1px 2px rgba(17, 19, 24, 0.04);
   --prime-shadow-thumb: 0 0 0 1px rgba(17, 19, 24, 0.08), 0 1px 3px rgba(17, 19, 24, 0.16);
+  --prime-sheet-handle-area: var(--prime-ref-space-5);
+  --prime-sheet-handle-height: var(--prime-ref-space-1);
+  --prime-sheet-handle-width: 2.25rem;
+  --prime-sheet-min-width: 35rem;
+  --prime-sheet-radius: var(--prime-ref-radius-16);
+  --prime-sheet-top-gap: var(--prime-ref-space-10);
   --prime-space-0: var(--prime-ref-space-0);
   --prime-space-1: var(--prime-ref-space-1);
   --prime-space-10: var(--prime-ref-space-10);
@@ -574,6 +600,9 @@
   --prime-color-accent-soft-hover: color-mix(in srgb, var(--prime-ref-color-cobalt-500) 28%, transparent);
   --prime-color-accent-text: var(--prime-ref-color-cobalt-400);
   --prime-color-bg-canvas: var(--prime-ref-color-gray-950);
+  --prime-color-bg-edge-shadow: rgba(0, 0, 0, 0.5);
+  --prime-color-bg-glass: color-mix(in srgb, var(--prime-ref-color-gray-875) 56%, transparent);
+  --prime-color-bg-glass-edge: rgba(255, 255, 255, 0.16);
   --prime-color-bg-inverse: var(--prime-ref-color-gray-100);
   --prime-color-bg-raised: var(--prime-ref-color-gray-875);
   --prime-color-bg-scrim: rgba(0, 0, 0, 0.6);
@@ -743,407 +772,541 @@ input::-moz-focus-inner {
     --prime-motion-press-scale-compact: 1;
   }
 }
-/* src/components/scroll-container/ScrollContainer.module.css */
-.ScrollContainer_root {
-  box-sizing: border-box;
-  min-width: 0;
-  min-height: 0;
-  scrollbar-width: thin;
-  scrollbar-color: var(--prime-color-fill-strong) transparent;
-}
-.ScrollContainer_root::-webkit-scrollbar {
-  width: var(--prime-space-2);
-  height: var(--prime-space-2);
-}
-.ScrollContainer_root::-webkit-scrollbar-track {
-  background: transparent;
+/* src/internal/fieldSurface.module.css */
+:where(.fieldSurface_surface) {
+  background: var(--prime-color-field-bg);
+  box-shadow: inset 0 0 0 var(--prime-border-width) var(--prime-color-border-control);
+  color: var(--prime-color-text-primary);
+  transition: background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard), box-shadow var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.ScrollContainer_root::-webkit-scrollbar-thumb {
-  border: calc(var(--prime-space-1) / 2) solid transparent;
-  border-radius: var(--prime-radius-full);
-  background: var(--prime-color-fill-strong);
-  background-clip: padding-box;
+@media (hover: hover) {
+  .fieldSurface_surface:hover:not(:where(:focus-visible, :has(:is(input, textarea):focus-visible), :disabled, [data-disabled=true], :has(:is(input, textarea):disabled), [data-readonly=true], :has(> input:read-only))) {
+    background: var(--prime-color-field-bg-hover);
+  }
 }
-.ScrollContainer_root::-webkit-scrollbar-thumb:hover {
-  background-color: var(--prime-color-fill-strong-hover);
+.fieldSurface_surface:is(:focus-visible, :has(:is(input, textarea):focus-visible)) {
+  background: var(--prime-color-field-bg-focus);
 }
-.ScrollContainer_root::-webkit-scrollbar-corner {
-  background: transparent;
+.fieldSurface_surface:is(:focus-visible, :has(:is(input, textarea):focus-visible)):not(:where([data-focus-ring=false], [data-focus-ring=false] *)) {
+  outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
+  outline-offset: var(--prime-focus-offset-inset);
 }
-.ScrollContainer_vertical {
-  overflow-x: hidden;
-  overflow-y: auto;
+.fieldSurface_surface:is([data-invalid=true], [aria-invalid=true], :has(> :is(input, textarea)[aria-invalid=true])) {
+  box-shadow: inset 0 0 0 var(--prime-border-width) var(--prime-color-danger-border);
+  outline-color: var(--prime-color-danger-border);
 }
-.ScrollContainer_horizontal {
-  overflow-x: auto;
-  overflow-y: hidden;
+.fieldSurface_surface:is(:disabled, [data-disabled=true], :has(:is(input, textarea):disabled)) {
+  background: var(--prime-color-field-bg-disabled);
+  box-shadow: none;
+  color: var(--prime-color-text-disabled);
+  cursor: not-allowed;
 }
-.ScrollContainer_both {
-  overflow: auto;
+
+/* src/internal/fieldTier.module.css */
+.fieldTier_tier {
+  --field-h: var(--prime-control-m-height);
+  --field-px: var(--prime-control-m-field-padding-x);
+  --field-gap: var(--prime-control-m-gap);
+  --field-icon: var(--prime-control-m-icon);
+  --field-radius: var(--prime-control-m-radius);
+  --field-text: var(--prime-control-m-text-size);
+  --field-lh: var(--prime-control-m-line-height);
+  --field-button-px: var(--prime-control-m-padding-x);
+  --field-input-text: var(--field-text);
+  --field-input-lh: var(--field-lh);
 }
-.ScrollContainer_overscrollContain {
-  overscroll-behavior: contain;
+@media (pointer: coarse), (max-width: 639px) {
+  .fieldTier_tier {
+    --field-input-text: max(var(--field-text), var(--prime-control-touch-text-size));
+    --field-input-lh: max(var(--field-lh), var(--prime-control-m-line-height));
+  }
 }
-.ScrollContainer_overscrollNone {
-  overscroll-behavior: none;
+.fieldTier_tier[data-size=xs] {
+  --field-h: var(--prime-control-xs-height);
+  --field-px: var(--prime-control-xs-field-padding-x);
+  --field-gap: var(--prime-control-xs-gap);
+  --field-icon: var(--prime-control-xs-icon);
+  --field-radius: var(--prime-control-xs-radius);
+  --field-text: var(--prime-control-xs-text-size);
+  --field-lh: var(--prime-control-xs-line-height);
+  --field-button-px: var(--prime-control-xs-padding-x);
 }
-.ScrollContainer_scrollbarHidden {
-  scrollbar-width: none;
+.fieldTier_tier[data-size=s] {
+  --field-h: var(--prime-control-s-height);
+  --field-px: var(--prime-control-s-field-padding-x);
+  --field-gap: var(--prime-control-s-gap);
+  --field-icon: var(--prime-control-s-icon);
+  --field-radius: var(--prime-control-s-radius);
+  --field-text: var(--prime-control-s-text-size);
+  --field-lh: var(--prime-control-s-line-height);
+  --field-button-px: var(--prime-control-s-padding-x);
 }
-.ScrollContainer_scrollbarHidden::-webkit-scrollbar {
-  display: none;
+.fieldTier_tier[data-size=l] {
+  --field-h: var(--prime-control-l-height);
+  --field-px: var(--prime-control-l-field-padding-x);
+  --field-gap: var(--prime-control-l-gap);
+  --field-icon: var(--prime-control-l-icon);
+  --field-radius: var(--prime-control-l-radius);
+  --field-text: var(--prime-control-l-text-size);
+  --field-lh: var(--prime-control-l-line-height);
+  --field-button-px: var(--prime-control-l-padding-x);
 }
-.ScrollContainer_root[data-fade] {
-  --fade-start: 0px;
-  --fade-end: 0px;
-  --fade-dir: to bottom;
+.fieldTier_tier[data-size=xl] {
+  --field-h: var(--prime-control-xl-height);
+  --field-px: var(--prime-control-xl-field-padding-x);
+  --field-gap: var(--prime-control-xl-gap);
+  --field-icon: var(--prime-control-xl-icon);
+  --field-radius: var(--prime-control-xl-radius);
+  --field-text: var(--prime-control-xl-text-size);
+  --field-lh: var(--prime-control-xl-line-height);
+  --field-button-px: var(--prime-control-xl-padding-x);
 }
-.ScrollContainer_root[data-fade=horizontal] {
-  --fade-dir: to right;
+
+/* src/internal/fieldTrigger.module.css */
+:where(.fieldTrigger_trigger) {
+  --prime-icon-size: var(--field-icon);
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: var(--field-px);
+  min-width: 0;
+  height: var(--field-h);
+  margin: 0;
+  padding-block: 0;
+  padding-inline: var(--field-px);
+  border: 0;
+  border-radius: var(--field-radius);
+  font-family: var(--prime-font-family-sans);
+  font-size: var(--field-text);
+  font-weight: var(--prime-font-weight-regular);
+  line-height: var(--field-lh);
+  text-align: start;
+  cursor: pointer;
+  outline: none;
 }
-.ScrollContainer_root[data-fade=horizontal]:dir(rtl) {
-  --fade-dir: to left;
+.fieldTrigger_trigger {
+  transition:
+    background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
+    box-shadow var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
+    transform var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.ScrollContainer_root[data-fade][data-overflow-start=true] {
-  --fade-start: var(--prime-space-8);
+.fieldTrigger_trigger:active:not(:disabled) {
+  transform: scale(var(--prime-motion-press-scale));
 }
-.ScrollContainer_root[data-fade][data-overflow-end=true] {
-  --fade-end: var(--prime-space-8);
+.fieldTrigger_trigger[data-state=open]:not(:disabled) {
+  background: var(--prime-color-field-bg-focus);
 }
-.ScrollContainer_root[data-fade]:is([data-overflow-start=true], [data-overflow-end=true]) {
-  mask-image:
-    linear-gradient(
-      var(--fade-dir),
-      transparent,
-      var(--prime-color-text-primary) var(--fade-start),
-      var(--prime-color-text-primary) calc(100% - var(--fade-end)),
-      transparent);
+
+/* src/internal/touchTarget.module.css */
+@media (pointer: coarse) {
+  :where(.touchTarget_target, .touchTarget_targetBlock) {
+    position: relative;
+  }
+  .touchTarget_target::after,
+  .touchTarget_targetBlock::after {
+    content: "";
+    position: absolute;
+    inset: min(0px, calc((100% - var(--prime-control-touch-target)) / 2));
+  }
+  .touchTarget_targetBlock::after {
+    inset-inline: 0;
+  }
 }
 
-/* src/layout/app-shell/AppShell.module.css */
-.AppShell_root {
-  --shell-gutter: var(--prime-layout-gutter-s);
-  --shell-top: var(--prime-space-6);
-  box-sizing: border-box;
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
-  width: 100%;
-  min-width: 0;
-  min-height: 100dvh;
-  background: var(--prime-color-bg-canvas);
-  color: var(--prime-color-text-primary);
+/* src/internal/iconBox.module.css */
+.iconBox_box {
+  flex: 0 0 auto;
+  width: var(--icon-box);
+  height: var(--icon-box);
 }
-.AppShell_root:not(:has(> .AppShell_nav)) {
-  grid-template-columns: minmax(0, 1fr);
+.iconBox_xs {
+  --icon-box: var(--prime-icon-xs);
 }
-.AppShell_root[data-fill-viewport=true] {
-  height: 100dvh;
-  min-height: 0;
-  overflow: hidden;
+.iconBox_s {
+  --icon-box: var(--prime-icon-s);
 }
-@media (min-width: 640px) {
-  .AppShell_root {
-    --shell-gutter: var(--prime-layout-gutter-m);
-  }
+.iconBox_m {
+  --icon-box: var(--prime-icon-m);
 }
-@media (min-width: 1024px) {
-  .AppShell_root {
-    --shell-gutter: var(--prime-layout-gutter-l);
-    --shell-top: var(--prime-space-10);
-  }
+.iconBox_l {
+  --icon-box: var(--prime-icon-l);
 }
-.AppShell_nav {
-  position: sticky;
-  top: 0;
-  box-sizing: border-box;
-  display: flex;
-  height: 100dvh;
-  min-width: 0;
+.iconBox_xl {
+  --icon-box: var(--prime-icon-xl);
 }
-.AppShell_root[data-fill-viewport=true] > .AppShell_nav {
-  position: static;
-  height: 100%;
-  min-height: 0;
+.iconBox_inherit.iconBox_xs {
+  --icon-box: var(--prime-icon-size, var(--prime-control-xs-icon));
 }
-.AppShell_panel {
-  --prime-color-field-bg: var(--prime-color-field-bg-surface);
-  --prime-color-card-bg: var(--prime-color-bg-sunken);
-  --prime-card-shadow: none;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 0;
-  overflow: clip;
-  background: var(--prime-color-bg-surface);
-  color: var(--prime-color-text-primary);
+.iconBox_inherit.iconBox_s {
+  --icon-box: var(--prime-icon-size, var(--prime-control-s-icon));
 }
-.AppShell_header {
-  position: sticky;
-  top: 0;
-  z-index: var(--prime-z-sticky);
-  box-sizing: border-box;
-  display: flex;
-  flex: none;
-  align-items: center;
-  gap: var(--prime-space-3);
-  min-width: 0;
-  min-height: calc(var(--prime-control-m-height) + 2 * var(--prime-space-3));
-  padding-block: var(--prime-space-3);
-  padding-inline: var(--shell-gutter);
-  background: var(--prime-color-bg-surface);
+.iconBox_inherit.iconBox_m {
+  --icon-box: var(--prime-icon-size, var(--prime-control-m-icon));
 }
-.AppShell_main {
-  box-sizing: border-box;
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 0;
-  margin: 0;
-  padding-block: var(--shell-top) var(--prime-space-16);
-  padding-inline: var(--shell-gutter);
+.iconBox_inherit.iconBox_l {
+  --icon-box: var(--prime-icon-size, var(--prime-control-l-icon));
 }
-.AppShell_main[data-content-width=contained] {
-  padding-inline: max(var(--shell-gutter), calc((100% - var(--prime-layout-content-max-width)) / 2));
+.iconBox_inherit.iconBox_xl {
+  --icon-box: var(--prime-icon-size, var(--prime-control-xl-icon));
 }
 
-/* src/internal/palette.module.css */
-.palette_hue {
-  --hue-soft: var(--prime-color-palette-gray-soft);
-  --hue-text: var(--prime-color-palette-gray-text);
-  --hue-solid: var(--prime-color-palette-gray-solid);
-  --hue-solid-fg: var(--prime-color-palette-gray-solid-fg);
+/* src/internal/textTone.module.css */
+.textTone_tone[data-tone=secondary] {
+  color: var(--prime-color-text-secondary);
 }
-.palette_hue[data-color=red] {
-  --hue-soft: var(--prime-color-palette-red-soft);
-  --hue-text: var(--prime-color-palette-red-text);
-  --hue-solid: var(--prime-color-palette-red-solid);
-  --hue-solid-fg: var(--prime-color-palette-red-solid-fg);
+.textTone_tone[data-tone=muted] {
+  color: var(--prime-color-text-muted);
 }
-.palette_hue[data-color=blue] {
-  --hue-soft: var(--prime-color-palette-blue-soft);
-  --hue-text: var(--prime-color-palette-blue-text);
-  --hue-solid: var(--prime-color-palette-blue-solid);
-  --hue-solid-fg: var(--prime-color-palette-blue-solid-fg);
+.textTone_tone[data-tone=accent] {
+  color: var(--prime-color-accent-text);
 }
-.palette_hue[data-color=green] {
-  --hue-soft: var(--prime-color-palette-green-soft);
-  --hue-text: var(--prime-color-palette-green-text);
-  --hue-solid: var(--prime-color-palette-green-solid);
-  --hue-solid-fg: var(--prime-color-palette-green-solid-fg);
+.textTone_tone[data-tone=success] {
+  color: var(--prime-color-success-text);
 }
-.palette_hue[data-color=orange] {
-  --hue-soft: var(--prime-color-palette-orange-soft);
-  --hue-text: var(--prime-color-palette-orange-text);
-  --hue-solid: var(--prime-color-palette-orange-solid);
-  --hue-solid-fg: var(--prime-color-palette-orange-solid-fg);
+.textTone_tone[data-tone=warning] {
+  color: var(--prime-color-warning-text);
 }
-.palette_hue[data-color=yellow] {
-  --hue-soft: var(--prime-color-palette-yellow-soft);
-  --hue-text: var(--prime-color-palette-yellow-text);
-  --hue-solid: var(--prime-color-palette-yellow-solid);
-  --hue-solid-fg: var(--prime-color-palette-yellow-solid-fg);
+.textTone_tone[data-tone=danger] {
+  color: var(--prime-color-danger-text);
 }
-.palette_hue[data-color=purple] {
-  --hue-soft: var(--prime-color-palette-purple-soft);
-  --hue-text: var(--prime-color-palette-purple-text);
-  --hue-solid: var(--prime-color-palette-purple-solid);
-  --hue-solid-fg: var(--prime-color-palette-purple-solid-fg);
+
+/* src/internal/VisuallyHidden.module.css */
+.VisuallyHidden_root {
+  position: absolute;
+  top: 0;
+  inset-inline-start: 0;
+  width: var(--prime-border-width);
+  height: var(--prime-border-width);
+  padding: 0;
+  margin: calc(-1 * var(--prime-border-width));
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
 }
-.palette_hue[data-color=sky] {
-  --hue-soft: var(--prime-color-palette-sky-soft);
-  --hue-text: var(--prime-color-palette-sky-text);
-  --hue-solid: var(--prime-color-palette-sky-solid);
-  --hue-solid-fg: var(--prime-color-palette-sky-solid-fg);
+
+/* src/components/spinner/Spinner.module.css */
+.Spinner_root {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+  vertical-align: middle;
 }
-.palette_hue[data-color=pink] {
-  --hue-soft: var(--prime-color-palette-pink-soft);
-  --hue-text: var(--prime-color-palette-pink-text);
-  --hue-solid: var(--prime-color-palette-pink-solid);
-  --hue-solid-fg: var(--prime-color-palette-pink-solid-fg);
+.Spinner_ring {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border: calc(var(--prime-border-width) * 2) solid currentColor;
+  border-inline-end-color: transparent;
+  border-radius: var(--prime-radius-full);
+  animation: Spinner_primeSpinnerTurn calc(var(--prime-motion-duration-slow) * 3) linear infinite;
 }
-.palette_hue[data-color=teal] {
-  --hue-soft: var(--prime-color-palette-teal-soft);
-  --hue-text: var(--prime-color-palette-teal-text);
-  --hue-solid: var(--prime-color-palette-teal-solid);
-  --hue-solid-fg: var(--prime-color-palette-teal-solid-fg);
+@keyframes Spinner_primeSpinnerTurn {
+  to {
+    transform: rotate(360deg);
+  }
 }
 
-/* src/components/avatar/Avatar.module.css */
-.Avatar_root,
-.Avatar_overflow {
-  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-m));
+/* src/components/button/Button.module.css */
+.Button_root {
+  --prime-icon-size: var(--field-icon);
+  --btn-px-icon: max(calc(var(--field-button-px) - var(--prime-space-1)), var(--prime-space-2));
+  --btn-bg: transparent;
+  --btn-bg-hover: var(--prime-color-fill-subtle);
+  --btn-bg-active: var(--btn-bg-hover);
+  --btn-fg: var(--prime-color-text-primary);
+  --btn-line: transparent;
   position: relative;
   box-sizing: border-box;
   display: inline-flex;
-  flex-shrink: 0;
   align-items: center;
   justify-content: center;
-  width: var(--avatar-size);
-  height: var(--avatar-size);
-  border-radius: var(--prime-radius-full);
-  font-size: calc(var(--avatar-size) * 0.4);
-  line-height: 1;
+  gap: var(--field-gap);
+  height: var(--field-h);
+  min-width: var(--field-h);
+  max-width: 100%;
+  padding-block: 0;
+  padding-inline: var(--field-button-px);
+  margin: 0;
+  border: 0;
+  border-radius: var(--field-radius);
+  background: var(--btn-bg);
+  box-shadow: inset 0 0 0 var(--prime-border-width) var(--btn-line);
+  color: var(--btn-fg);
+  font-family: inherit;
+  font-size: var(--field-text);
+  line-height: var(--field-lh);
   font-weight: var(--prime-font-weight-medium);
+  white-space: nowrap;
+  text-decoration: none;
   vertical-align: middle;
+  cursor: pointer;
   user-select: none;
+  transition:
+    background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
+    color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
+    box-shadow var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
+    transform var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Avatar_root {
-  background: var(--hue-soft);
-  color: var(--hue-text);
-}
-:is(.Avatar_root, .Avatar_overflow)[data-size=xs] {
-  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-xs));
-}
-:is(.Avatar_root, .Avatar_overflow)[data-size=s] {
-  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-s));
-}
-:is(.Avatar_root, .Avatar_overflow)[data-size=l] {
-  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-l));
+.Button_root[data-leading-icon=true] {
+  padding-inline-start: var(--btn-px-icon);
 }
-:is(.Avatar_root, .Avatar_overflow)[data-size=xl] {
-  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-xl));
+.Button_root[data-trailing-icon=true] {
+  padding-inline-end: var(--btn-px-icon);
 }
-:is(.Avatar_root, .Avatar_overflow)[data-size="2xl"] {
-  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-2xl));
+.Button_root[data-icon-only=true] {
+  width: var(--field-h);
+  padding-inline: 0;
 }
-.Avatar_image {
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-  border-radius: inherit;
+.Button_root[data-full-width=true] {
+  display: flex;
   width: 100%;
-  height: 100%;
-  object-fit: cover;
-  transition: opacity var(--prime-motion-duration-base) var(--prime-motion-easing-enter);
+  min-width: 0;
 }
-.Avatar_image[data-status=loading] {
-  opacity: 0;
+.Button_root[data-tone=accent][data-variant=solid] {
+  --btn-bg: var(--prime-color-accent-default);
+  --btn-bg-hover: var(--prime-color-accent-hover);
+  --btn-fg: var(--prime-color-accent-fg);
 }
-.Avatar_image[data-status=error] {
-  display: none;
+.Button_root[data-tone=accent][data-variant=soft] {
+  --btn-bg: var(--prime-color-accent-soft);
+  --btn-bg-hover: var(--prime-color-accent-soft-hover);
+  --btn-fg: var(--prime-color-accent-text);
 }
-.Avatar_fallback {
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-  border-radius: inherit;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  text-align: center;
+.Button_root[data-tone=accent][data-variant=outline] {
+  --btn-line: var(--prime-color-border-default);
+  --btn-fg: var(--prime-color-accent-text);
 }
-.Avatar_fallback > svg {
-  width: 50%;
-  height: 50%;
+.Button_root[data-tone=accent][data-variant=ghost] {
+  --btn-bg-active: var(--prime-color-fill-subtle-active);
+  --btn-fg: var(--prime-color-accent-text);
 }
-.Avatar_status {
-  position: absolute;
-  inset-block-end: 0;
-  inset-inline-end: 0;
-  z-index: 2;
-  box-sizing: border-box;
-  width: calc(var(--avatar-size) * 0.3);
-  height: calc(var(--avatar-size) * 0.3);
-  border-radius: var(--prime-radius-full);
-  background: var(--prime-color-success-default);
-  box-shadow: 0 0 0 calc(2 * var(--prime-border-width)) var(--avatar-ring, var(--prime-color-bg-canvas));
+.Button_root[data-tone=neutral][data-variant=solid] {
+  --btn-bg: var(--prime-color-fill-muted);
+  --btn-bg-hover: var(--prime-color-fill-muted-hover);
 }
-.Avatar_status[data-status=offline] {
-  background: var(--prime-color-palette-gray-solid);
+.Button_root[data-tone=neutral][data-variant=soft] {
+  --btn-bg: var(--prime-color-fill-subtle);
+  --btn-bg-hover: var(--prime-color-fill-subtle-active);
 }
-.Avatar_status[data-status=away] {
-  background: var(--prime-color-warning-default);
+.Button_root[data-tone=neutral][data-variant=outline] {
+  --btn-line: var(--prime-color-border-default);
 }
-.Avatar_status[data-status=busy] {
-  background: var(--prime-color-danger-default);
+.Button_root[data-tone=neutral][data-variant=ghost] {
+  --btn-bg-active: var(--prime-color-fill-subtle-active);
+  --btn-fg: var(--prime-color-text-secondary);
 }
-.Avatar_group {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  isolation: isolate;
+@media (hover: hover) {
+  .Button_root[data-tone=neutral][data-variant=ghost]:hover:not([data-disabled=true], [data-loading=true]) {
+    --btn-fg: var(--prime-color-text-primary);
+  }
 }
-.Avatar_group > * {
-  box-shadow: 0 0 0 calc(2 * var(--prime-border-width)) var(--avatar-ring, var(--prime-color-bg-canvas));
+.Button_root[data-tone=danger][data-variant=solid] {
+  --btn-bg: var(--prime-color-danger-default);
+  --btn-bg-hover: var(--prime-color-danger-hover);
+  --btn-fg: var(--prime-color-danger-fg);
 }
-.Avatar_group > .Avatar_root {
-  background: linear-gradient(var(--hue-soft), var(--hue-soft)), var(--avatar-ring, var(--prime-color-bg-canvas));
+.Button_root[data-tone=danger][data-variant=soft] {
+  --btn-bg: var(--prime-color-danger-soft);
+  --btn-bg-hover: color-mix( in srgb, var(--prime-color-danger-soft) 88%, var(--prime-color-danger-default) );
+  --btn-fg: var(--prime-color-danger-text);
 }
-.Avatar_group > * + * {
-  margin-inline-start: calc(var(--avatar-size) * -0.25);
+.Button_root[data-tone=danger][data-variant=outline] {
+  --btn-line: var(--prime-color-border-default);
+  --btn-bg-hover: var(--prime-color-danger-soft);
+  --btn-fg: var(--prime-color-danger-text);
 }
-.Avatar_overflow {
-  background: linear-gradient(var(--prime-color-fill-muted), var(--prime-color-fill-muted)), var(--avatar-ring, var(--prime-color-bg-canvas));
-  color: var(--prime-color-text-secondary);
-  font-variant-numeric: tabular-nums;
-  font-size: calc(var(--avatar-size) * 0.36);
+.Button_root[data-tone=danger][data-variant=ghost] {
+  --btn-bg-hover: var(--prime-color-danger-soft);
+  --btn-fg: var(--prime-color-danger-text);
 }
-
-/* src/internal/iconBox.module.css */
-.iconBox_box {
-  flex: 0 0 auto;
-  width: var(--icon-box);
-  height: var(--icon-box);
+.Button_root[data-tone=inherit] {
+  --btn-fg: currentColor;
+  --btn-bg-hover: color-mix(in srgb, currentColor 12%, transparent);
+  --btn-bg-active: color-mix(in srgb, currentColor 18%, transparent);
 }
-.iconBox_xs {
-  --icon-box: var(--prime-icon-xs);
+.Button_root[data-tone=inherit][data-variant=soft] {
+  --btn-bg: color-mix(in srgb, currentColor 12%, transparent);
+  --btn-bg-hover: color-mix(in srgb, currentColor 18%, transparent);
+  --btn-bg-active: color-mix(in srgb, currentColor 24%, transparent);
 }
-.iconBox_s {
-  --icon-box: var(--prime-icon-s);
+.Button_root[data-tone=inherit][data-variant=outline] {
+  --btn-line: color-mix(in srgb, currentColor 32%, transparent);
 }
-.iconBox_m {
-  --icon-box: var(--prime-icon-m);
+@media (hover: hover) {
+  .Button_root:hover:not([data-disabled=true], [data-loading=true]) {
+    background-color: var(--btn-bg-hover);
+  }
 }
-.iconBox_l {
-  --icon-box: var(--prime-icon-l);
+.Button_root:active:not([data-disabled=true], [data-loading=true]) {
+  background-color: var(--btn-bg-active);
+  transform: scale(var(--prime-motion-press-scale));
 }
-.iconBox_xl {
-  --icon-box: var(--prime-icon-xl);
+.Button_root:focus-visible {
+  outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
+  outline-offset: var(--prime-focus-offset);
 }
-.iconBox_inherit.iconBox_xs {
-  --icon-box: var(--prime-icon-size, var(--prime-control-xs-icon));
+.Button_root[data-tone=inherit]:focus-visible {
+  outline-color: currentColor;
 }
-.iconBox_inherit.iconBox_s {
-  --icon-box: var(--prime-icon-size, var(--prime-control-s-icon));
+.Button_root[aria-current=page]:is([data-variant=ghost], [data-variant=soft]):not([data-tone=accent][data-variant=soft]) {
+  --btn-bg: var(--prime-color-fill-subtle-active);
+  --btn-fg: var(--prime-color-text-primary);
 }
-.iconBox_inherit.iconBox_m {
-  --icon-box: var(--prime-icon-size, var(--prime-control-m-icon));
+.Button_root[data-variant][data-disabled=true] {
+  --btn-bg: var(--prime-color-fill-muted);
+  --btn-fg: var(--prime-color-text-disabled);
+  --btn-line: transparent;
+  background-image: none;
+  box-shadow: none;
+  cursor: not-allowed;
 }
-.iconBox_inherit.iconBox_l {
-  --icon-box: var(--prime-icon-size, var(--prime-control-l-icon));
+.Button_root[data-variant=ghost][data-disabled=true] {
+  --btn-bg: transparent;
 }
-.iconBox_inherit.iconBox_xl {
-  --icon-box: var(--prime-icon-size, var(--prime-control-xl-icon));
+.Button_root[data-tone=inherit][data-disabled=true] {
+  --btn-bg: transparent;
+  --btn-fg: color-mix(in srgb, currentColor 48%, transparent);
 }
-
-/* src/internal/textTone.module.css */
-.textTone_tone[data-tone=secondary] {
-  color: var(--prime-color-text-secondary);
+.Button_root[data-tone=inherit][data-variant=soft][data-disabled=true] {
+  --btn-bg: color-mix(in srgb, currentColor 12%, transparent);
 }
-.textTone_tone[data-tone=muted] {
-  color: var(--prime-color-text-muted);
+.Button_root[aria-disabled=true] {
+  pointer-events: none;
 }
-.textTone_tone[data-tone=accent] {
-  color: var(--prime-color-accent-text);
+.Button_icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--prime-icon-size);
+  height: var(--prime-icon-size);
 }
-.textTone_tone[data-tone=success] {
-  color: var(--prime-color-success-text);
+.Button_icon > svg {
+  display: block;
+  width: 100%;
+  height: 100%;
 }
-.textTone_tone[data-tone=warning] {
-  color: var(--prime-color-warning-text);
+.Button_root > .Button_spinner {
+  order: -1;
+  color: var(--btn-fg);
 }
-.textTone_tone[data-tone=danger] {
-  color: var(--prime-color-danger-text);
+.Button_root[data-loading=true] {
+  cursor: progress;
+}
+.Button_root[data-loading=true]:is([data-leading-icon=true], [data-icon-only=true]) > .Button_icon:not(.Button_icon ~ .Button_icon) {
+  display: none;
+}
+.Button_root[data-loading-overlay=true] {
+  color: transparent;
+}
+.Button_root[data-tone=inherit][data-loading-overlay=true] {
+  color: var(--btn-fg);
+  -webkit-text-fill-color: transparent;
+}
+.Button_root[data-tone=inherit][data-loading-overlay=true] > :not(.Button_spinner) {
+  visibility: hidden;
+}
+.Button_root[data-loading-overlay=true] > .Button_spinner {
+  position: absolute;
+  inset: 0;
+  margin: auto;
 }
 
-/* src/icons/Icon.module.css */
-.Icon_root {
+/* src/components/divider/Divider.module.css */
+.Divider_root {
+  --divider-gap: var(--prime-control-m-gap);
+  --divider-icon: var(--prime-control-m-icon);
+  --divider-text: var(--prime-control-m-label-size);
+  --divider-lh: var(--prime-control-m-label-line-height);
+  --divider-tracking: normal;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: var(--divider-gap);
+  color: var(--prime-color-text-muted);
+  font-size: var(--divider-text);
+  line-height: var(--divider-lh);
+  letter-spacing: var(--divider-tracking);
+}
+.Divider_root[data-size=xs] {
+  --divider-gap: var(--prime-control-xs-gap);
+  --divider-icon: var(--prime-control-xs-icon);
+  --divider-text: var(--prime-control-xs-label-size);
+  --divider-lh: var(--prime-control-xs-label-line-height);
+  --divider-tracking: var(--prime-text-caption-tracking);
+}
+.Divider_root[data-size=s] {
+  --divider-gap: var(--prime-control-s-gap);
+  --divider-icon: var(--prime-control-s-icon);
+  --divider-text: var(--prime-control-s-label-size);
+  --divider-lh: var(--prime-control-s-label-line-height);
+  --divider-tracking: var(--prime-text-caption-tracking);
+}
+.Divider_root[data-size=l] {
+  --divider-gap: var(--prime-control-l-gap);
+  --divider-icon: var(--prime-control-l-icon);
+  --divider-text: var(--prime-control-l-label-size);
+  --divider-lh: var(--prime-control-l-label-line-height);
+}
+.Divider_root[data-size=xl] {
+  --divider-gap: var(--prime-control-xl-gap);
+  --divider-icon: var(--prime-control-xl-icon);
+  --divider-text: var(--prime-control-xl-text-size);
+  --divider-lh: var(--prime-control-xl-line-height);
+}
+.Divider_root:not([data-orientation=vertical]) {
+  width: 100%;
+  min-width: 0;
+}
+.Divider_root::before,
+.Divider_root::after {
+  content: "";
+  flex: 1 1 0;
+  height: var(--prime-border-width);
+  background: var(--prime-color-border-subtle);
+}
+.Divider_root[data-align=start]::before {
+  display: none;
+}
+.Divider_root[data-align=end]::after {
+  display: none;
+}
+.Divider_root:not(:empty):not([data-orientation=vertical])::before,
+.Divider_root:not(:empty):not([data-orientation=vertical])::after {
+  min-width: var(--prime-space-6);
+}
+.Divider_root:empty {
+  gap: 0;
+}
+.Divider_root:empty::after {
+  display: none;
+}
+.Divider_content {
+  --prime-icon-size: var(--divider-icon);
   display: inline-flex;
   align-items: center;
-  justify-content: center;
+  gap: var(--divider-gap);
+  min-width: 0;
+  font-weight: var(--prime-font-weight-medium);
+  overflow-wrap: anywhere;
+}
+.Divider_root[data-orientation=vertical] {
+  flex-direction: column;
+  align-self: stretch;
+  width: var(--prime-border-width);
+  height: auto;
+}
+.Divider_root[data-orientation=vertical]::before,
+.Divider_root[data-orientation=vertical]::after {
+  width: var(--prime-border-width);
+  height: auto;
+}
+.Divider_root[data-orientation=vertical]:not(:empty) {
+  width: auto;
 }
 
 /* src/internal/chipTier.module.css */
@@ -1188,609 +1351,964 @@ input::-moz-focus-inner {
   --prime-icon-size: var(--prime-badge-xl-icon);
 }
 
-/* src/components/badge/Badge.module.css */
-.Badge_root {
-  --badge-lh: var(--prime-text-caption-line-height);
-  --badge-dot: calc(var(--prime-space-1) + 2 * var(--prime-border-width));
-  --badge-pad-start: var(--chip-px);
-  --badge-pad-end: var(--chip-px);
-  --badge-seg: calc(var(--prime-icon-size) + var(--chip-px) + var(--chip-gap));
-  position: relative;
+/* src/components/kbd/Kbd.module.css */
+.Kbd_root {
   box-sizing: border-box;
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
+  justify-content: center;
   gap: var(--chip-gap);
   height: var(--chip-h);
-  width: fit-content;
   min-width: var(--chip-h);
-  max-width: 100%;
-  padding-inline: var(--badge-pad-start) var(--badge-pad-end);
+  padding-inline: var(--chip-px);
   border-radius: var(--chip-radius);
+  background: var(--prime-color-fill-subtle-active);
+  color: var(--prime-color-text-secondary);
+  font-family: var(--prime-font-family-mono);
   font-size: var(--chip-text);
-  line-height: var(--badge-lh);
+  line-height: 1;
   font-weight: var(--prime-font-weight-medium);
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
   vertical-align: middle;
-  overflow: hidden;
 }
-.Badge_root[data-tier=l] {
-  --badge-lh: var(--prime-text-body-s-line-height);
-  --badge-dot: var(--prime-space-2);
-}
-.Badge_root[data-tier=xl] {
-  --badge-lh: var(--prime-text-body-m-line-height);
-  --badge-dot: var(--prime-space-2);
+.Kbd_root > * {
+  font-size: inherit;
+  line-height: inherit;
 }
-.Badge_root[data-icon-start=true] {
-  --badge-pad-start: 0px;
+.Kbd_root :where(svg) {
+  flex-shrink: 0;
+  width: var(--prime-icon-size);
+  height: var(--prime-icon-size);
 }
-.Badge_root[data-icon-end=true] {
-  --badge-pad-end: 0px;
-}
-.Badge_root[data-icon-only=true] {
+
+/* src/icons/Icon.module.css */
+.Icon_root {
+  display: inline-flex;
+  align-items: center;
   justify-content: center;
-  width: var(--chip-h);
-  padding-inline: 0;
-}
-.Badge_root[data-variant=solid] {
-  background: var(--hue-solid);
-  color: var(--hue-solid-fg);
-}
-.Badge_root[data-variant=soft] {
-  background: var(--hue-soft);
-  color: var(--hue-text);
 }
-.Badge_root[data-variant=outline] {
-  background: transparent;
-  box-shadow: inset 0 0 0 var(--prime-border-width) color-mix(in srgb, var(--hue-text) 32%, transparent);
-  color: var(--hue-text);
+
+/* src/layout/app-header/AppHeader.module.css */
+.AppHeader_root {
+  container: AppHeader_prime-app-header / inline-size;
+  position: sticky;
+  top: 0;
+  z-index: var(--prime-z-sticky);
+  box-sizing: border-box;
+  flex: none;
+  min-width: 0;
+  padding-block: max(var(--prime-space-3), env(safe-area-inset-top, 0px)) var(--prime-space-3);
+  padding-inline: var(--shell-gutter, var(--prime-space-4));
+  background: var(--prime-color-bg-surface);
+  color: var(--prime-color-text-primary);
 }
-.Badge_root[data-disabled=true] {
-  background: var(--prime-color-fill-muted);
-  box-shadow: none;
-  color: var(--prime-color-text-disabled);
+@media (max-height: 479px) {
+  .AppHeader_root {
+    position: static;
+  }
 }
-.Badge_dot {
-  --dot-size: calc(var(--prime-space-1) + 2 * var(--prime-border-width));
-  display: inline-flex;
-  flex-shrink: 0;
+.AppHeader_row {
+  display: flex;
   align-items: center;
-  justify-content: center;
-  width: var(--badge-dot, var(--dot-size));
-  height: var(--badge-dot, var(--dot-size));
-  border-radius: var(--prime-radius-full);
+  gap: var(--prime-space-3);
+  min-width: 0;
+  min-height: calc(var(--prime-control-m-height) + var(--prime-space-2));
 }
-.Badge_dot:is([data-size=l], [data-size=xl]) {
-  --dot-size: var(--prime-space-2);
+.AppHeader_start {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+  gap: var(--prime-space-2);
+  min-width: 0;
 }
-.Badge_dot::before {
-  content: "";
+.AppHeader_actions {
+  display: flex;
   flex: none;
-  width: var(--badge-dot, var(--dot-size));
-  height: var(--badge-dot, var(--dot-size));
-  border-radius: var(--prime-radius-full);
-  background: currentColor;
+  align-items: center;
+  gap: var(--prime-space-2);
 }
-.Badge_icon {
+.AppHeader_title {
+  display: flex;
+  align-items: center;
+  gap: var(--prime-space-2);
+  min-width: 0;
+}
+.AppHeader_icon {
+  --prime-icon-size: var(--prime-control-m-icon);
   display: inline-flex;
-  flex-shrink: 0;
+  flex: none;
   align-items: center;
   justify-content: center;
-  width: var(--prime-icon-size);
-  height: var(--prime-icon-size);
+  width: var(--prime-control-m-height);
+  height: var(--prime-control-m-height);
+  border-radius: var(--prime-control-m-radius);
+  background: var(--prime-color-fill-subtle);
+  color: var(--prime-color-text-secondary);
 }
-.Badge_icon > * {
+.AppHeader_icon > svg {
   width: var(--prime-icon-size);
   height: var(--prime-icon-size);
 }
-.Badge_icon[data-edge] {
-  align-self: stretch;
-  width: var(--badge-seg);
-  height: auto;
-}
-.Badge_dot[data-edge] {
-  align-self: stretch;
-  width: calc(var(--badge-dot) + var(--chip-px) + var(--chip-gap));
-  height: auto;
-}
-.Badge_icon[data-edge=start],
-.Badge_dot[data-edge=start] {
-  margin-inline-end: calc(-1 * var(--chip-gap));
-}
-.Badge_icon[data-edge=end],
-.Badge_dot[data-edge=end] {
-  margin-inline-start: calc(-1 * var(--chip-gap));
+.AppHeader_separator[data-orientation=vertical] {
+  align-self: center;
+  height: var(--prime-space-5);
+  margin-inline: var(--prime-space-2);
 }
-.Badge_body {
-  display: inline-flex;
-  align-self: stretch;
-  align-items: center;
-  gap: var(--chip-gap);
+.AppHeader_titleText {
+  display: flex;
+  flex-direction: column;
   min-width: 0;
-  overflow: hidden;
-}
-.Badge_root[data-text-only=true] {
-  display: inline-block;
-  line-height: var(--chip-h);
-  text-overflow: ellipsis;
 }
-.Badge_text {
-  min-width: 0;
+.AppHeader_titleName,
+.AppHeader_description {
   overflow: hidden;
+  white-space: nowrap;
   text-overflow: ellipsis;
 }
-.Badge_root[data-icon-only=true] > .Badge_body {
-  justify-content: center;
+.AppHeader_titleName {
 }
-.Badge_root[data-removable=true] {
-  --badge-pad-end: 0px;
+.AppHeader_description {
+  color: var(--prime-color-text-muted);
 }
-.Badge_remove,
-.Badge_action {
-  box-sizing: border-box;
-  display: inline-flex;
+.AppHeader_search {
+  display: flex;
+  flex: 0 1 calc(var(--prime-space-24) * 3);
   align-items: center;
-  justify-content: center;
-  width: var(--badge-seg);
-  padding: 0;
+  gap: var(--field-gap);
+  min-width: 0;
+  height: var(--field-h);
   margin: 0;
+  padding-inline: var(--field-px);
   border: 0;
-  background: transparent;
-  color: color-mix(in srgb, currentColor 72%, transparent);
+  border-radius: var(--field-radius);
+  color: var(--prime-color-text-placeholder);
   font: inherit;
+  font-size: var(--field-text);
+  line-height: var(--field-lh);
+  text-align: start;
   cursor: pointer;
-  appearance: none;
-  transition:
-    background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
-    color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
-    opacity var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
-    transform var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Badge_remove {
-  flex: 0 0 auto;
-  align-self: stretch;
+.AppHeader_searchIcon {
+  --prime-icon-size: var(--field-icon);
+  flex: none;
 }
-.Badge_remove:hover:not(:disabled),
-.Badge_action:hover:not(:disabled) {
-  background: var(--prime-color-fill-subtle-active);
-  color: inherit;
+.AppHeader_searchText {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.Badge_remove:focus-visible,
-.Badge_action:focus-visible {
-  outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
-  outline-offset: var(--prime-focus-offset-inset);
-  color: inherit;
+.AppHeader_searchKbd {
+  flex: none;
 }
-.Badge_remove:disabled,
-.Badge_action:disabled {
-  color: var(--prime-color-text-disabled);
-  cursor: not-allowed;
+@media (min-width: 768px) {
+  .AppHeader_menuButton[data-show=narrow] {
+    display: none;
+  }
 }
-.Badge_remove > *,
-.Badge_action > * {
-  display: block;
-  flex: none;
-  width: var(--prime-icon-size);
-  height: var(--prime-icon-size);
+@container AppHeader_prime-app-header (max-width: 35.99rem) {
+  .AppHeader_description,
+  .AppHeader_icon {
+    display: none;
+  }
+  .AppHeader_search {
+    flex: none;
+    justify-content: center;
+    width: var(--field-h);
+    padding-inline: 0;
+  }
+  .AppHeader_searchText {
+    position: absolute;
+    width: var(--prime-border-width);
+    height: var(--prime-border-width);
+    overflow: hidden;
+    clip-path: inset(50%);
+  }
+  .AppHeader_searchKbd {
+    display: none;
+  }
 }
-.Badge_root[data-pressable=true] {
-  padding-inline: 0;
+
+/* src/components/scroll-container/ScrollContainer.module.css */
+.ScrollContainer_root {
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 0;
+  scrollbar-width: thin;
+  scrollbar-color: var(--prime-color-fill-strong) transparent;
 }
-.Badge_root[data-pressable=true] > .Badge_body {
-  margin: 0;
-  padding-block: 0;
-  padding-inline: var(--badge-pad-start) var(--badge-pad-end);
-  border: 0;
-  border-radius: inherit;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  cursor: pointer;
-  appearance: none;
-  transition: padding var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
+.ScrollContainer_root::-webkit-scrollbar {
+  width: var(--prime-space-2);
+  height: var(--prime-space-2);
 }
-.Badge_root[data-pressable=true]:hover:not([data-disabled=true]) {
-  background-image: linear-gradient(var(--prime-color-fill-subtle), var(--prime-color-fill-subtle));
+.ScrollContainer_root::-webkit-scrollbar-track {
+  background: transparent;
 }
-.Badge_root[data-pressable=true] > .Badge_body:focus-visible {
-  outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
-  outline-offset: var(--prime-focus-offset-inset);
+.ScrollContainer_root::-webkit-scrollbar-thumb {
+  border: calc(var(--prime-space-1) / 2) solid transparent;
+  border-radius: var(--prime-radius-full);
+  background: var(--prime-color-fill-strong);
+  background-clip: padding-box;
 }
-.Badge_root[data-pressable=true] > .Badge_body:disabled {
-  cursor: not-allowed;
+@media (hover: hover) {
+  .ScrollContainer_root::-webkit-scrollbar-thumb:hover {
+    background-color: var(--prime-color-fill-strong-hover);
+  }
 }
-.Badge_root[data-action] {
-  --badge-action-room: calc(var(--badge-seg) + var(--chip-gap));
-  --badge-pad-start: calc((var(--chip-px) + var(--badge-action-room)) / 2);
-  --badge-pad-end: calc((var(--chip-px) + var(--badge-action-room)) / 2);
-  transition: padding var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
+.ScrollContainer_root::-webkit-scrollbar-corner {
+  background: transparent;
 }
-.Badge_root[data-action=persistent],
-.Badge_root[data-action=reveal]:hover,
-.Badge_root[data-action=reveal]:focus-within {
-  --badge-pad-start: var(--chip-px);
-  --badge-pad-end: var(--badge-action-room);
+.ScrollContainer_vertical {
+  overflow-x: hidden;
+  overflow-y: auto;
 }
-.Badge_root[data-action][data-icon-start=true] {
-  --badge-pad-start: calc((var(--badge-action-room) - var(--chip-px)) / 2);
-  --badge-pad-end: calc((var(--badge-action-room) + var(--chip-px)) / 2);
+.ScrollContainer_horizontal {
+  overflow-x: auto;
+  overflow-y: hidden;
 }
-.Badge_root[data-action=persistent][data-icon-start=true],
-.Badge_root[data-action=reveal][data-icon-start=true]:hover,
-.Badge_root[data-action=reveal][data-icon-start=true]:focus-within {
-  --badge-pad-start: 0px;
-  --badge-pad-end: var(--badge-action-room);
+.ScrollContainer_both {
+  overflow: auto;
 }
-.Badge_action {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-end: 0;
-  opacity: 0;
-  pointer-events: none;
-  transform: translateX(var(--prime-space-1));
+.ScrollContainer_overscrollContain {
+  overscroll-behavior: contain;
 }
-.Badge_root[data-action=persistent] .Badge_action,
-.Badge_root[data-action=reveal]:hover .Badge_action,
-.Badge_root[data-action=reveal]:focus-within .Badge_action {
-  opacity: 1;
-  pointer-events: auto;
-  transform: none;
+.ScrollContainer_overscrollNone {
+  overscroll-behavior: none;
 }
-
-/* src/internal/fieldSurface.module.css */
-:where(.fieldSurface_surface) {
-  background: var(--prime-color-field-bg);
-  box-shadow: inset 0 0 0 var(--prime-border-width) var(--prime-color-border-control);
-  color: var(--prime-color-text-primary);
-  transition: background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard), box-shadow var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
+.ScrollContainer_scrollbarHidden {
+  scrollbar-width: none;
 }
-.fieldSurface_surface:hover:not(:where(:focus-visible, :has(:is(input, textarea):focus-visible), :disabled, [data-disabled=true], :has(:is(input, textarea):disabled), [data-readonly=true], :has(> input:read-only))) {
-  background: var(--prime-color-field-bg-hover);
+.ScrollContainer_scrollbarHidden::-webkit-scrollbar {
+  display: none;
 }
-.fieldSurface_surface:is(:focus-visible, :has(:is(input, textarea):focus-visible)) {
-  background: var(--prime-color-field-bg-focus);
+.ScrollContainer_root[data-fade] {
+  --fade-start: 0px;
+  --fade-end: 0px;
+  --fade-dir: to bottom;
 }
-.fieldSurface_surface:is(:focus-visible, :has(:is(input, textarea):focus-visible)):not(:where([data-focus-ring=false], [data-focus-ring=false] *)) {
-  outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
-  outline-offset: var(--prime-focus-offset-inset);
+.ScrollContainer_root[data-fade=horizontal] {
+  --fade-dir: to right;
 }
-.fieldSurface_surface:is([data-invalid=true], [aria-invalid=true], :has(> :is(input, textarea)[aria-invalid=true])) {
-  box-shadow: inset 0 0 0 var(--prime-border-width) var(--prime-color-danger-border);
-  outline-color: var(--prime-color-danger-border);
+.ScrollContainer_root[data-fade=horizontal]:dir(rtl) {
+  --fade-dir: to left;
 }
-.fieldSurface_surface:is(:disabled, [data-disabled=true], :has(:is(input, textarea):disabled)) {
-  background: var(--prime-color-field-bg-disabled);
-  box-shadow: none;
-  color: var(--prime-color-text-disabled);
-  cursor: not-allowed;
+.ScrollContainer_root[data-fade][data-overflow-start=true] {
+  --fade-start: var(--prime-space-8);
+}
+.ScrollContainer_root[data-fade][data-overflow-end=true] {
+  --fade-end: var(--prime-space-8);
+}
+.ScrollContainer_root[data-fade]:is([data-overflow-start=true], [data-overflow-end=true]) {
+  mask-image:
+    linear-gradient(
+      var(--fade-dir),
+      transparent,
+      var(--prime-color-text-primary) var(--fade-start),
+      var(--prime-color-text-primary) calc(100% - var(--fade-end)),
+      transparent);
 }
 
-/* src/internal/fieldTier.module.css */
-.fieldTier_tier {
-  --field-h: var(--prime-control-m-height);
-  --field-px: var(--prime-control-m-field-padding-x);
-  --field-gap: var(--prime-control-m-gap);
-  --field-icon: var(--prime-control-m-icon);
-  --field-radius: var(--prime-control-m-radius);
-  --field-text: var(--prime-control-m-text-size);
-  --field-lh: var(--prime-control-m-line-height);
-  --field-button-px: var(--prime-control-m-padding-x);
+/* src/layout/app-shell/AppShell.module.css */
+.AppShell_root {
+  --shell-gutter: var(--prime-layout-gutter-s);
+  --shell-top: var(--prime-space-6);
+  box-sizing: border-box;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  width: 100%;
+  min-width: 0;
+  min-height: 100dvh;
+  background: var(--prime-color-bg-canvas);
+  color: var(--prime-color-text-primary);
 }
-.fieldTier_tier[data-size=xs] {
-  --field-h: var(--prime-control-xs-height);
-  --field-px: var(--prime-control-xs-field-padding-x);
-  --field-gap: var(--prime-control-xs-gap);
-  --field-icon: var(--prime-control-xs-icon);
-  --field-radius: var(--prime-control-xs-radius);
-  --field-text: var(--prime-control-xs-text-size);
-  --field-lh: var(--prime-control-xs-line-height);
-  --field-button-px: var(--prime-control-xs-padding-x);
+.AppShell_root:not(:has(> .AppShell_nav)) {
+  grid-template-columns: minmax(0, 1fr);
 }
-.fieldTier_tier[data-size=s] {
-  --field-h: var(--prime-control-s-height);
-  --field-px: var(--prime-control-s-field-padding-x);
-  --field-gap: var(--prime-control-s-gap);
-  --field-icon: var(--prime-control-s-icon);
-  --field-radius: var(--prime-control-s-radius);
-  --field-text: var(--prime-control-s-text-size);
-  --field-lh: var(--prime-control-s-line-height);
-  --field-button-px: var(--prime-control-s-padding-x);
+.AppShell_root[data-fill-viewport=true] {
+  height: 100dvh;
+  min-height: 0;
+  overflow: hidden;
 }
-.fieldTier_tier[data-size=l] {
-  --field-h: var(--prime-control-l-height);
-  --field-px: var(--prime-control-l-field-padding-x);
-  --field-gap: var(--prime-control-l-gap);
-  --field-icon: var(--prime-control-l-icon);
-  --field-radius: var(--prime-control-l-radius);
-  --field-text: var(--prime-control-l-text-size);
-  --field-lh: var(--prime-control-l-line-height);
-  --field-button-px: var(--prime-control-l-padding-x);
+@media (min-width: 640px) {
+  .AppShell_root {
+    --shell-gutter: var(--prime-layout-gutter-m);
+  }
 }
-.fieldTier_tier[data-size=xl] {
-  --field-h: var(--prime-control-xl-height);
-  --field-px: var(--prime-control-xl-field-padding-x);
-  --field-gap: var(--prime-control-xl-gap);
-  --field-icon: var(--prime-control-xl-icon);
-  --field-radius: var(--prime-control-xl-radius);
-  --field-text: var(--prime-control-xl-text-size);
-  --field-lh: var(--prime-control-xl-line-height);
-  --field-button-px: var(--prime-control-xl-padding-x);
+@media (min-width: 1024px) {
+  .AppShell_root {
+    --shell-gutter: var(--prime-layout-gutter-l);
+    --shell-top: var(--prime-space-10);
+  }
 }
-
-/* src/internal/fieldTrigger.module.css */
-:where(.fieldTrigger_trigger) {
-  --prime-icon-size: var(--field-icon);
+.AppShell_nav {
+  position: sticky;
+  top: 0;
+  z-index: var(--prime-z-sticky);
+  box-sizing: border-box;
+  display: flex;
+  height: 100dvh;
+  min-width: 0;
+}
+.AppShell_root[data-fill-viewport=true] > .AppShell_nav {
   position: relative;
+  height: 100%;
+  min-height: 0;
+}
+.AppShell_panel {
+  --prime-color-field-bg: var(--prime-color-field-bg-surface);
+  --prime-color-card-bg: var(--prime-color-bg-sunken);
+  --prime-card-shadow: none;
+  isolation: isolate;
   box-sizing: border-box;
   display: flex;
-  align-items: center;
-  gap: var(--field-px);
+  flex-direction: column;
   min-width: 0;
-  height: var(--field-h);
+  min-height: 0;
+  overflow: clip;
+  background: var(--prime-color-bg-surface);
+  color: var(--prime-color-text-primary);
+}
+.AppShell_footer {
+  container: AppShell_prime-shell-footer / inline-size;
+  position: sticky;
+  bottom: 0;
+  z-index: var(--prime-z-sticky);
+  flex: none;
+  min-width: 0;
+}
+.AppShell_main {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
   margin: 0;
-  padding-block: 0;
-  padding-inline: var(--field-px);
-  border: 0;
-  border-radius: var(--field-radius);
-  font-family: var(--prime-font-family-sans);
-  font-size: var(--field-text);
-  font-weight: var(--prime-font-weight-regular);
-  line-height: var(--field-lh);
-  text-align: start;
-  cursor: pointer;
-  outline: none;
+  padding-block: var(--shell-top) var(--prime-space-16);
+  padding-inline: var(--shell-gutter);
 }
-.fieldTrigger_trigger {
-  transition:
-    background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
-    box-shadow var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
-    transform var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
+.AppShell_main > * {
+  --shell-gutter: initial;
 }
-.fieldTrigger_trigger:active:not(:disabled) {
-  transform: scale(var(--prime-motion-press-scale));
+.AppShell_main[data-content-width=contained] {
+  padding-inline: max(var(--shell-gutter), calc((100% - var(--prime-layout-content-max-width)) / 2));
 }
-.fieldTrigger_trigger[data-state=open]:not(:disabled) {
-  background: var(--prime-color-field-bg-focus);
+.AppShell_footer:has(> [data-floating=true]) {
+  height: 0;
+}
+.AppShell_panel:has(> .AppShell_footer > [data-floating=true]) > .AppShell_main {
+  padding-block-end: calc(var(--prime-space-16) + var(--prime-bottom-nav-floating-item-size) + var(--prime-bottom-nav-floating-padding) * 2 + env(safe-area-inset-bottom, 0px));
 }
 
-/* src/internal/VisuallyHidden.module.css */
-.VisuallyHidden_root {
-  position: absolute;
-  width: var(--prime-border-width);
-  height: var(--prime-border-width);
-  padding: 0;
-  margin: calc(-1 * var(--prime-border-width));
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border: 0;
+/* src/internal/palette.module.css */
+.palette_hue {
+  --hue-soft: var(--prime-color-palette-gray-soft);
+  --hue-text: var(--prime-color-palette-gray-text);
+  --hue-solid: var(--prime-color-palette-gray-solid);
+  --hue-solid-fg: var(--prime-color-palette-gray-solid-fg);
+}
+.palette_hue[data-color=red] {
+  --hue-soft: var(--prime-color-palette-red-soft);
+  --hue-text: var(--prime-color-palette-red-text);
+  --hue-solid: var(--prime-color-palette-red-solid);
+  --hue-solid-fg: var(--prime-color-palette-red-solid-fg);
+}
+.palette_hue[data-color=blue] {
+  --hue-soft: var(--prime-color-palette-blue-soft);
+  --hue-text: var(--prime-color-palette-blue-text);
+  --hue-solid: var(--prime-color-palette-blue-solid);
+  --hue-solid-fg: var(--prime-color-palette-blue-solid-fg);
+}
+.palette_hue[data-color=green] {
+  --hue-soft: var(--prime-color-palette-green-soft);
+  --hue-text: var(--prime-color-palette-green-text);
+  --hue-solid: var(--prime-color-palette-green-solid);
+  --hue-solid-fg: var(--prime-color-palette-green-solid-fg);
+}
+.palette_hue[data-color=orange] {
+  --hue-soft: var(--prime-color-palette-orange-soft);
+  --hue-text: var(--prime-color-palette-orange-text);
+  --hue-solid: var(--prime-color-palette-orange-solid);
+  --hue-solid-fg: var(--prime-color-palette-orange-solid-fg);
+}
+.palette_hue[data-color=yellow] {
+  --hue-soft: var(--prime-color-palette-yellow-soft);
+  --hue-text: var(--prime-color-palette-yellow-text);
+  --hue-solid: var(--prime-color-palette-yellow-solid);
+  --hue-solid-fg: var(--prime-color-palette-yellow-solid-fg);
+}
+.palette_hue[data-color=purple] {
+  --hue-soft: var(--prime-color-palette-purple-soft);
+  --hue-text: var(--prime-color-palette-purple-text);
+  --hue-solid: var(--prime-color-palette-purple-solid);
+  --hue-solid-fg: var(--prime-color-palette-purple-solid-fg);
+}
+.palette_hue[data-color=sky] {
+  --hue-soft: var(--prime-color-palette-sky-soft);
+  --hue-text: var(--prime-color-palette-sky-text);
+  --hue-solid: var(--prime-color-palette-sky-solid);
+  --hue-solid-fg: var(--prime-color-palette-sky-solid-fg);
+}
+.palette_hue[data-color=pink] {
+  --hue-soft: var(--prime-color-palette-pink-soft);
+  --hue-text: var(--prime-color-palette-pink-text);
+  --hue-solid: var(--prime-color-palette-pink-solid);
+  --hue-solid-fg: var(--prime-color-palette-pink-solid-fg);
+}
+.palette_hue[data-color=teal] {
+  --hue-soft: var(--prime-color-palette-teal-soft);
+  --hue-text: var(--prime-color-palette-teal-text);
+  --hue-solid: var(--prime-color-palette-teal-solid);
+  --hue-solid-fg: var(--prime-color-palette-teal-solid-fg);
 }
 
-/* src/components/spinner/Spinner.module.css */
-.Spinner_root {
+/* src/components/badge/Badge.module.css */
+.Badge_root {
+  --badge-lh: var(--prime-text-caption-line-height);
+  --badge-dot: calc(var(--prime-space-1) + 2 * var(--prime-border-width));
+  --badge-pad-start: var(--chip-px);
+  --badge-pad-end: var(--chip-px);
+  --badge-seg: calc(var(--prime-icon-size) + var(--chip-px) + var(--chip-gap));
   position: relative;
+  box-sizing: border-box;
   display: inline-flex;
   align-items: center;
-  justify-content: center;
-  color: inherit;
+  gap: var(--chip-gap);
+  height: var(--chip-h);
+  width: fit-content;
+  min-width: var(--chip-h);
+  max-width: 100%;
+  padding-inline: var(--badge-pad-start) var(--badge-pad-end);
+  border-radius: var(--chip-radius);
+  font-size: var(--chip-text);
+  line-height: var(--badge-lh);
+  font-weight: var(--prime-font-weight-medium);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
   vertical-align: middle;
+  overflow: hidden;
 }
-.Spinner_ring {
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  border: calc(var(--prime-border-width) * 2) solid currentColor;
-  border-inline-end-color: transparent;
+.Badge_root[data-tier=l] {
+  --badge-lh: var(--prime-text-body-s-line-height);
+  --badge-dot: var(--prime-space-2);
+}
+.Badge_root[data-tier=xl] {
+  --badge-lh: var(--prime-text-body-m-line-height);
+  --badge-dot: var(--prime-space-2);
+}
+.Badge_root[data-icon-start=true] {
+  --badge-pad-start: 0px;
+}
+.Badge_root[data-icon-end=true] {
+  --badge-pad-end: 0px;
+}
+.Badge_root[data-icon-only=true] {
+  justify-content: center;
+  width: var(--chip-h);
+  padding-inline: 0;
+}
+.Badge_root[data-variant=solid] {
+  background: var(--hue-solid);
+  color: var(--hue-solid-fg);
+}
+.Badge_root[data-variant=soft] {
+  background: var(--hue-soft);
+  color: var(--hue-text);
+}
+.Badge_root[data-variant=outline] {
+  background: transparent;
+  box-shadow: inset 0 0 0 var(--prime-border-width) color-mix(in srgb, var(--hue-text) 32%, transparent);
+  color: var(--hue-text);
+}
+.Badge_root[data-disabled=true] {
+  background: var(--prime-color-fill-muted);
+  box-shadow: none;
+  color: var(--prime-color-text-disabled);
+}
+.Badge_dot {
+  --dot-size: calc(var(--prime-space-1) + 2 * var(--prime-border-width));
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--badge-dot, var(--dot-size));
+  height: var(--badge-dot, var(--dot-size));
   border-radius: var(--prime-radius-full);
-  animation: Spinner_primeSpinnerTurn calc(var(--prime-motion-duration-slow) * 3) linear infinite;
 }
-@keyframes Spinner_primeSpinnerTurn {
-  to {
-    transform: rotate(360deg);
-  }
+.Badge_dot:is([data-size=l], [data-size=xl]) {
+  --dot-size: var(--prime-space-2);
+}
+.Badge_dot::before {
+  content: "";
+  flex: none;
+  width: var(--badge-dot, var(--dot-size));
+  height: var(--badge-dot, var(--dot-size));
+  border-radius: var(--prime-radius-full);
+  background: currentColor;
+}
+.Badge_icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--prime-icon-size);
+  height: var(--prime-icon-size);
+}
+.Badge_icon > * {
+  width: var(--prime-icon-size);
+  height: var(--prime-icon-size);
+}
+.Badge_icon[data-edge] {
+  align-self: stretch;
+  width: var(--badge-seg);
+  height: auto;
+}
+.Badge_dot[data-edge] {
+  align-self: stretch;
+  width: calc(var(--badge-dot) + var(--chip-px) + var(--chip-gap));
+  height: auto;
+}
+.Badge_icon[data-edge=start],
+.Badge_dot[data-edge=start] {
+  margin-inline-end: calc(-1 * var(--chip-gap));
+}
+.Badge_icon[data-edge=end],
+.Badge_dot[data-edge=end] {
+  margin-inline-start: calc(-1 * var(--chip-gap));
+}
+.Badge_body {
+  display: inline-flex;
+  align-self: stretch;
+  align-items: center;
+  gap: var(--chip-gap);
+  min-width: 0;
+  overflow: hidden;
+}
+.Badge_root[data-text-only=true] {
+  display: inline-block;
+  line-height: var(--chip-h);
+  text-overflow: ellipsis;
+}
+.Badge_text {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.Badge_root[data-icon-only=true] > .Badge_body {
+  justify-content: center;
 }
-
-/* src/components/button/Button.module.css */
-.Button_root {
-  --prime-icon-size: var(--field-icon);
-  --btn-px-icon: max(calc(var(--field-button-px) - var(--prime-space-1)), var(--prime-space-2));
-  --btn-bg: transparent;
-  --btn-bg-hover: var(--prime-color-fill-subtle);
-  --btn-bg-active: var(--btn-bg-hover);
-  --btn-fg: var(--prime-color-text-primary);
-  --btn-line: transparent;
-  position: relative;
+.Badge_root[data-removable=true] {
+  --badge-pad-end: 0px;
+}
+.Badge_remove,
+.Badge_action {
   box-sizing: border-box;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: var(--field-gap);
-  height: var(--field-h);
-  min-width: var(--field-h);
-  max-width: 100%;
-  padding-block: 0;
-  padding-inline: var(--field-button-px);
+  width: var(--badge-seg);
+  padding: 0;
   margin: 0;
   border: 0;
-  border-radius: var(--field-radius);
-  background: var(--btn-bg);
-  box-shadow: inset 0 0 0 var(--prime-border-width) var(--btn-line);
-  color: var(--btn-fg);
-  font-family: inherit;
-  font-size: var(--field-text);
-  line-height: var(--field-lh);
-  font-weight: var(--prime-font-weight-medium);
-  white-space: nowrap;
-  text-decoration: none;
-  vertical-align: middle;
+  border-start-end-radius: inherit;
+  border-end-end-radius: inherit;
+  background: transparent;
+  color: color-mix(in srgb, currentColor 72%, transparent);
+  font: inherit;
   cursor: pointer;
-  user-select: none;
+  appearance: none;
   transition:
     background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
     color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
-    box-shadow var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
+    opacity var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
     transform var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Button_root[data-leading-icon=true] {
-  padding-inline-start: var(--btn-px-icon);
+.Badge_remove {
+  flex: 0 0 auto;
+  align-self: stretch;
 }
-.Button_root[data-trailing-icon=true] {
-  padding-inline-end: var(--btn-px-icon);
+@media (pointer: coarse) {
+  .Badge_root:has(> .Badge_remove, > .Badge_action) {
+    overflow: visible;
+  }
 }
-.Button_root[data-icon-only=true] {
-  width: var(--field-h);
+@media (hover: hover) {
+  .Badge_remove:hover:not(:disabled),
+  .Badge_action:hover:not(:disabled) {
+    background: var(--prime-color-fill-subtle-active);
+    color: inherit;
+  }
+}
+.Badge_remove:focus-visible,
+.Badge_action:focus-visible {
+  outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
+  outline-offset: var(--prime-focus-offset-inset);
+  color: inherit;
+}
+.Badge_remove:disabled,
+.Badge_action:disabled {
+  color: var(--prime-color-text-disabled);
+  cursor: not-allowed;
+}
+.Badge_remove > *,
+.Badge_action > * {
+  display: block;
+  flex: none;
+  width: var(--prime-icon-size);
+  height: var(--prime-icon-size);
+}
+.Badge_root[data-pressable=true] {
   padding-inline: 0;
 }
-.Button_root[data-full-width=true] {
-  display: flex;
-  width: 100%;
-  min-width: 0;
+.Badge_root[data-pressable=true] > .Badge_body {
+  margin: 0;
+  padding-block: 0;
+  padding-inline: var(--badge-pad-start) var(--badge-pad-end);
+  border: 0;
+  border-radius: inherit;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+  appearance: none;
+  transition: padding var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Button_root[data-tone=accent][data-variant=solid] {
-  --btn-bg: var(--prime-color-accent-default);
-  --btn-bg-hover: var(--prime-color-accent-hover);
-  --btn-fg: var(--prime-color-accent-fg);
+@media (hover: hover) {
+  .Badge_root[data-pressable=true]:hover:not([data-disabled=true]) {
+    background-image: linear-gradient(var(--prime-color-fill-subtle), var(--prime-color-fill-subtle));
+  }
 }
-.Button_root[data-tone=accent][data-variant=soft] {
-  --btn-bg: var(--prime-color-accent-soft);
-  --btn-bg-hover: var(--prime-color-accent-soft-hover);
-  --btn-fg: var(--prime-color-accent-text);
+.Badge_root[data-pressable=true] > .Badge_body:focus-visible {
+  outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
+  outline-offset: var(--prime-focus-offset-inset);
 }
-.Button_root[data-tone=accent][data-variant=outline] {
-  --btn-line: var(--prime-color-border-default);
-  --btn-fg: var(--prime-color-accent-text);
+.Badge_root[data-pressable=true] > .Badge_body:disabled {
+  cursor: not-allowed;
 }
-.Button_root[data-tone=accent][data-variant=ghost] {
-  --btn-bg-active: var(--prime-color-fill-subtle-active);
-  --btn-fg: var(--prime-color-accent-text);
+.Badge_root[data-action] {
+  --badge-action-room: calc(var(--badge-seg) + var(--chip-gap));
+  --badge-pad-start: calc((var(--chip-px) + var(--badge-action-room)) / 2);
+  --badge-pad-end: calc((var(--chip-px) + var(--badge-action-room)) / 2);
+  transition: padding var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Button_root[data-tone=neutral][data-variant=solid] {
-  --btn-bg: var(--prime-color-fill-muted);
-  --btn-bg-hover: var(--prime-color-fill-muted-hover);
+.Badge_root[data-action=persistent],
+.Badge_root[data-action=reveal]:focus-within {
+  --badge-pad-start: var(--chip-px);
+  --badge-pad-end: var(--badge-action-room);
 }
-.Button_root[data-tone=neutral][data-variant=soft] {
-  --btn-bg: var(--prime-color-fill-subtle);
-  --btn-bg-hover: var(--prime-color-fill-subtle-active);
+@media (hover: hover) {
+  .Badge_root[data-action=reveal]:hover {
+    --badge-pad-start: var(--chip-px);
+    --badge-pad-end: var(--badge-action-room);
+  }
 }
-.Button_root[data-tone=neutral][data-variant=outline] {
-  --btn-line: var(--prime-color-border-default);
+.Badge_root[data-action][data-icon-start=true] {
+  --badge-pad-start: calc((var(--badge-action-room) - var(--chip-px)) / 2);
+  --badge-pad-end: calc((var(--badge-action-room) + var(--chip-px)) / 2);
 }
-.Button_root[data-tone=neutral][data-variant=ghost] {
-  --btn-bg-active: var(--prime-color-fill-subtle-active);
-  --btn-fg: var(--prime-color-text-secondary);
+.Badge_root[data-action=persistent][data-icon-start=true],
+.Badge_root[data-action=reveal][data-icon-start=true]:focus-within {
+  --badge-pad-start: 0px;
+  --badge-pad-end: var(--badge-action-room);
 }
-.Button_root[data-tone=neutral][data-variant=ghost]:hover:not([data-disabled=true], [data-loading=true]) {
-  --btn-fg: var(--prime-color-text-primary);
+@media (hover: hover) {
+  .Badge_root[data-action=reveal][data-icon-start=true]:hover {
+    --badge-pad-start: 0px;
+    --badge-pad-end: var(--badge-action-room);
+  }
 }
-.Button_root[data-tone=danger][data-variant=solid] {
-  --btn-bg: var(--prime-color-danger-default);
-  --btn-bg-hover: var(--prime-color-danger-hover);
-  --btn-fg: var(--prime-color-danger-fg);
+.Badge_action {
+  position: absolute;
+  inset-block: 0;
+  inset-inline-end: 0;
+  opacity: 0;
+  pointer-events: none;
+  transform: translateX(var(--prime-space-1));
 }
-.Button_root[data-tone=danger][data-variant=soft] {
-  --btn-bg: var(--prime-color-danger-soft);
-  --btn-bg-hover: color-mix( in srgb, var(--prime-color-danger-soft) 88%, var(--prime-color-danger-default) );
-  --btn-fg: var(--prime-color-danger-text);
+.Badge_root[data-action=persistent] .Badge_action,
+.Badge_root[data-action=reveal]:focus-within .Badge_action {
+  opacity: 1;
+  pointer-events: auto;
+  transform: none;
 }
-.Button_root[data-tone=danger][data-variant=outline] {
-  --btn-line: var(--prime-color-border-default);
-  --btn-bg-hover: var(--prime-color-danger-soft);
-  --btn-fg: var(--prime-color-danger-text);
+@media (hover: hover) {
+  .Badge_root[data-action=reveal]:hover .Badge_action {
+    opacity: 1;
+    pointer-events: auto;
+    transform: none;
+  }
 }
-.Button_root[data-tone=danger][data-variant=ghost] {
-  --btn-bg-hover: var(--prime-color-danger-soft);
-  --btn-fg: var(--prime-color-danger-text);
+@media (hover: none) {
+  .Badge_root[data-action=reveal] {
+    --badge-pad-start: var(--chip-px);
+    --badge-pad-end: var(--badge-action-room);
+  }
+  .Badge_root[data-action=reveal][data-icon-start=true] {
+    --badge-pad-start: 0px;
+  }
+  .Badge_root[data-action=reveal] .Badge_action {
+    opacity: 1;
+    pointer-events: auto;
+    transform: none;
+  }
+}
+
+/* src/layout/bottom-nav/BottomNav.module.css */
+.BottomNav_root {
+  box-sizing: border-box;
+  display: grid;
+  grid-auto-columns: minmax(0, 1fr);
+  grid-auto-flow: column;
+  align-items: stretch;
+  width: 100%;
+  min-height: var(--prime-bottom-nav-height);
+  padding-inline: var(--prime-bottom-nav-padding-x);
+  padding-block-end: env(safe-area-inset-bottom, 0px);
+  background: var(--prime-color-bg-surface);
+  box-shadow: inset 0 var(--prime-border-width) 0 var(--prime-color-border-faint);
+}
+.BottomNav_root[data-icon-only=true] {
+  min-height: var(--prime-bottom-nav-icon-only-height);
+}
+.BottomNav_root[data-floating=true] {
+  position: absolute;
+  inset-inline: var(--prime-bottom-nav-floating-inset);
+  bottom: calc(var(--prime-bottom-nav-floating-inset) + env(safe-area-inset-bottom, 0px));
+  grid-auto-rows: var(--prime-bottom-nav-floating-item-size);
+  width: auto;
+  min-height: 0;
+  padding: var(--prime-bottom-nav-floating-padding);
+  border-radius: var(--prime-radius-full);
+  background: var(--prime-color-bg-glass);
+  box-shadow:
+    inset 0 var(--prime-border-width) 0 var(--prime-color-bg-glass-edge),
+    inset 0 0 0 var(--prime-border-width) color-mix(in srgb, var(--prime-color-text-primary) 6%, transparent),
+    var(--prime-shadow-overlay);
+  -webkit-backdrop-filter: blur(var(--prime-bottom-nav-blur)) saturate(180%);
+  backdrop-filter: blur(var(--prime-bottom-nav-blur)) saturate(180%);
+}
+.BottomNav_root[data-floating=true][data-icon-only=true] {
+  inset-inline: 0;
+  grid-auto-columns: var(--prime-bottom-nav-floating-item-size);
+  justify-content: center;
+  width: fit-content;
+  margin-inline: auto;
+}
+.BottomNav_root[data-floating=true] .BottomNav_item {
+  isolation: isolate;
+  padding: 0;
+  border-radius: var(--prime-radius-full);
+}
+.BottomNav_root[data-floating=true] .BottomNav_item::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  border-radius: inherit;
+  background: color-mix(in srgb, var(--prime-color-text-primary) 8%, transparent);
+  box-shadow: inset 0 var(--prime-border-width) 0 color-mix(in srgb, var(--prime-color-bg-glass-edge) 60%, transparent);
+  opacity: 0;
+  transform: scale(0.92);
+  transition: opacity var(--prime-motion-duration-fast) var(--prime-motion-easing-enter), transform var(--prime-motion-duration-fast) var(--prime-motion-easing-enter);
+}
+.BottomNav_root[data-floating=true] .BottomNav_item[aria-current=page]::before {
+  opacity: 1;
+  transform: none;
+}
+@media (prefers-reduced-transparency: reduce) {
+  .BottomNav_root[data-floating=true] {
+    background: var(--prime-color-bg-raised);
+    -webkit-backdrop-filter: none;
+    backdrop-filter: none;
+  }
+}
+@container BottomNav_prime-shell-footer (min-width: 640px) {
+  .BottomNav_root {
+    display: none;
+  }
+}
+.BottomNav_item {
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column-reverse;
+  align-items: center;
+  justify-content: center;
+  gap: var(--prime-bottom-nav-item-gap);
+  min-width: 0;
+  margin: 0;
+  padding: var(--prime-space-1) 0;
+  border: 0;
+  border-radius: var(--prime-radius-l);
+  background: none;
+  color: var(--prime-color-text-muted);
+  font: inherit;
+  text-decoration: none;
+  cursor: pointer;
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+  transition: color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
+}
+.BottomNav_indicator {
+  position: relative;
+  display: grid;
+  flex: none;
+  place-items: center;
+  width: var(--prime-bottom-nav-indicator-width);
+  height: var(--prime-bottom-nav-indicator-height);
+}
+.BottomNav_icon {
+  --prime-icon-size: var(--prime-bottom-nav-icon-size);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--prime-bottom-nav-icon-size);
+  height: var(--prime-bottom-nav-icon-size);
+}
+.BottomNav_icon > svg {
+  width: 100%;
+  height: 100%;
+}
+.BottomNav_label {
+  max-width: 100%;
+  overflow: hidden;
+  font-size: var(--prime-bottom-nav-label-size);
+  font-weight: var(--prime-font-weight-medium);
+  line-height: var(--prime-bottom-nav-label-line-height);
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.Button_root[data-tone=inherit] {
-  --btn-fg: currentColor;
-  --btn-bg-hover: color-mix(in srgb, currentColor 12%, transparent);
-  --btn-bg-active: color-mix(in srgb, currentColor 18%, transparent);
+.BottomNav_count {
+  position: absolute;
+  inset-block-start: calc(-1 * var(--prime-space-1));
+  inset-inline-start: calc(50% + var(--prime-space-1));
+  pointer-events: none;
 }
-.Button_root[data-tone=inherit][data-variant=soft] {
-  --btn-bg: color-mix(in srgb, currentColor 12%, transparent);
-  --btn-bg-hover: color-mix(in srgb, currentColor 18%, transparent);
-  --btn-bg-active: color-mix(in srgb, currentColor 24%, transparent);
+.BottomNav_item[aria-current=page] {
+  color: var(--prime-color-text-primary);
 }
-.Button_root[data-tone=inherit][data-variant=outline] {
-  --btn-line: color-mix(in srgb, currentColor 32%, transparent);
+.BottomNav_item:focus-visible {
+  outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
+  outline-offset: var(--prime-focus-offset-inset);
 }
-.Button_root:hover:not([data-disabled=true], [data-loading=true]) {
-  background-color: var(--btn-bg-hover);
+.BottomNav_item[data-disabled=true] {
+  color: var(--prime-color-text-disabled);
+  cursor: not-allowed;
 }
-.Button_root:active:not([data-disabled=true], [data-loading=true]) {
-  background-color: var(--btn-bg-active);
-  transform: scale(var(--prime-motion-press-scale));
+
+/* src/components/avatar/Avatar.module.css */
+.Avatar_root,
+.Avatar_overflow {
+  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-m));
+  position: relative;
+  box-sizing: border-box;
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--avatar-size);
+  height: var(--avatar-size);
+  border-radius: var(--prime-radius-full);
+  font-size: calc(var(--avatar-size) * 0.4);
+  line-height: 1;
+  font-weight: var(--prime-font-weight-medium);
+  vertical-align: middle;
+  user-select: none;
 }
-.Button_root:focus-visible {
-  outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
-  outline-offset: var(--prime-focus-offset);
+.Avatar_root {
+  background: var(--hue-soft);
+  color: var(--hue-text);
 }
-.Button_root[data-tone=inherit]:focus-visible {
-  outline-color: currentColor;
+:is(.Avatar_root, .Avatar_overflow)[data-size=xs] {
+  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-xs));
 }
-.Button_root[aria-current=page]:is([data-variant=ghost], [data-variant=soft]):not([data-tone=accent][data-variant=soft]) {
-  --btn-bg: var(--prime-color-fill-subtle-active);
-  --btn-fg: var(--prime-color-text-primary);
+:is(.Avatar_root, .Avatar_overflow)[data-size=s] {
+  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-s));
 }
-.Button_root[data-variant][data-disabled=true] {
-  --btn-bg: var(--prime-color-fill-muted);
-  --btn-fg: var(--prime-color-text-disabled);
-  --btn-line: transparent;
-  background-image: none;
-  box-shadow: none;
-  cursor: not-allowed;
+:is(.Avatar_root, .Avatar_overflow)[data-size=l] {
+  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-l));
 }
-.Button_root[data-variant=ghost][data-disabled=true] {
-  --btn-bg: transparent;
+:is(.Avatar_root, .Avatar_overflow)[data-size=xl] {
+  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-xl));
 }
-.Button_root[data-tone=inherit][data-disabled=true] {
-  --btn-bg: transparent;
-  --btn-fg: color-mix(in srgb, currentColor 48%, transparent);
+:is(.Avatar_root, .Avatar_overflow)[data-size="2xl"] {
+  --avatar-size: var(--avatar-slot-size, var(--prime-avatar-2xl));
 }
-.Button_root[data-tone=inherit][data-variant=soft][data-disabled=true] {
-  --btn-bg: color-mix(in srgb, currentColor 12%, transparent);
+.Avatar_image {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  border-radius: inherit;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: opacity var(--prime-motion-duration-base) var(--prime-motion-easing-enter);
 }
-.Button_root[aria-disabled=true] {
-  pointer-events: none;
+.Avatar_image[data-status=loading] {
+  opacity: 0;
 }
-.Button_icon {
-  display: inline-flex;
-  flex-shrink: 0;
+.Avatar_image[data-status=error] {
+  display: none;
+}
+.Avatar_fallback {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  border-radius: inherit;
+  display: flex;
   align-items: center;
   justify-content: center;
-  width: var(--prime-icon-size);
-  height: var(--prime-icon-size);
+  overflow: hidden;
+  text-align: center;
 }
-.Button_icon > svg {
-  display: block;
-  width: 100%;
-  height: 100%;
+.Avatar_fallback > svg {
+  width: 50%;
+  height: 50%;
 }
-.Button_root > .Button_spinner {
-  order: -1;
-  color: var(--btn-fg);
+.Avatar_status {
+  position: absolute;
+  inset-block-end: 0;
+  inset-inline-end: 0;
+  z-index: 2;
+  box-sizing: border-box;
+  width: calc(var(--avatar-size) * 0.3);
+  height: calc(var(--avatar-size) * 0.3);
+  border-radius: var(--prime-radius-full);
+  background: var(--prime-color-success-default);
+  box-shadow: 0 0 0 calc(2 * var(--prime-border-width)) var(--avatar-ring, var(--prime-color-bg-canvas));
 }
-.Button_root[data-loading=true] {
-  cursor: progress;
+.Avatar_status[data-status=offline] {
+  background: var(--prime-color-palette-gray-solid);
 }
-.Button_root[data-loading=true]:is([data-leading-icon=true], [data-icon-only=true]) > .Button_icon:not(.Button_icon ~ .Button_icon) {
-  display: none;
+.Avatar_status[data-status=away] {
+  background: var(--prime-color-warning-default);
 }
-.Button_root[data-loading-overlay=true] {
-  color: transparent;
+.Avatar_status[data-status=busy] {
+  background: var(--prime-color-danger-default);
 }
-.Button_root[data-tone=inherit][data-loading-overlay=true] {
-  color: var(--btn-fg);
-  -webkit-text-fill-color: transparent;
+.Avatar_group {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  isolation: isolate;
 }
-.Button_root[data-tone=inherit][data-loading-overlay=true] > :not(.Button_spinner) {
-  visibility: hidden;
+.Avatar_group > * {
+  box-shadow: 0 0 0 calc(2 * var(--prime-border-width)) var(--avatar-ring, var(--prime-color-bg-canvas));
 }
-.Button_root[data-loading-overlay=true] > .Button_spinner {
-  position: absolute;
-  inset: 0;
-  margin: auto;
+.Avatar_group > .Avatar_root {
+  background: linear-gradient(var(--hue-soft), var(--hue-soft)), var(--avatar-ring, var(--prime-color-bg-canvas));
+}
+.Avatar_group > * + * {
+  margin-inline-start: calc(var(--avatar-size) * -0.25);
+}
+.Avatar_overflow {
+  background: linear-gradient(var(--prime-color-fill-muted), var(--prime-color-fill-muted)), var(--avatar-ring, var(--prime-color-bg-canvas));
+  color: var(--prime-color-text-secondary);
+  font-variant-numeric: tabular-nums;
+  font-size: calc(var(--avatar-size) * 0.36);
 }
 
 /* src/internal/floatingSurface.module.css */
@@ -1816,10 +2334,46 @@ input::-moz-focus-inner {
 .floatingSurface_layer {
   z-index: var(--prime-z-overlay);
 }
+.floatingSurface_scrim {
+  position: fixed;
+  inset: 0;
+  background: var(--prime-color-bg-scrim);
+}
+.floatingSurface_sheet {
+  --prime-color-field-bg: var(--prime-color-field-bg-surface);
+  --float-max-h: calc(100dvh - var(--prime-sheet-top-gap) - var(--prime-sheet-handle-area));
+  --prime-panel-max-height: var(--float-max-h);
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  max-height: calc(100dvh - var(--prime-sheet-top-gap));
+  padding-block-end: max(var(--prime-space-2), env(safe-area-inset-bottom, 0px));
+  border-start-start-radius: var(--prime-sheet-radius);
+  border-start-end-radius: var(--prime-sheet-radius);
+  background: var(--prime-color-bg-raised);
+  box-shadow: 0 var(--prime-space-6) 0 0 var(--prime-color-bg-raised), var(--prime-shadow-modal);
+  color: var(--prime-color-text-primary);
+  font-family: var(--prime-font-family-sans);
+  outline: none;
+}
+.floatingSurface_sheetContent.floatingSurface_sheetContent {
+  position: static;
+  flex: 1 1 auto;
+  align-self: stretch;
+  width: auto;
+  min-width: 0;
+  max-width: none;
+  min-height: 0;
+}
 
 /* src/internal/overlayMotion.module.css */
 [data-state=closed].overlayMotion_dialog,
 [data-state=closed].overlayMotion_drawer,
+[data-state=closed].overlayMotion_sheet,
 [data-state=closed].overlayMotion_floating {
   pointer-events: none;
 }
@@ -1855,6 +2409,18 @@ input::-moz-focus-inner {
 .overlayMotion_drawer[data-state=closed] {
   animation: overlayMotion_overlayDrawerOut var(--prime-motion-duration-base) var(--prime-motion-easing-exit) both;
 }
+.overlayMotion_drawer[data-side=bottom][data-state=open] {
+  animation: overlayMotion_overlaySheetIn var(--prime-motion-duration-slow) var(--prime-motion-easing-enter) both;
+}
+.overlayMotion_drawer[data-side=bottom][data-state=closed] {
+  animation: overlayMotion_overlaySheetOut var(--prime-motion-duration-base) var(--prime-motion-easing-exit) both;
+}
+.overlayMotion_sheet[data-state=open] {
+  animation: overlayMotion_overlaySheetIn var(--prime-motion-duration-slow) var(--prime-motion-easing-enter) both;
+}
+.overlayMotion_sheet[data-state=closed] {
+  animation: overlayMotion_overlaySheetOut var(--prime-motion-duration-base) var(--prime-motion-easing-exit) both;
+}
 .overlayMotion_floating {
   --overlay-shift: 0 calc(-1 * var(--prime-space-1));
   transform-origin: top center;
@@ -1934,6 +2500,48 @@ input::-moz-focus-inner {
   }
 }
 
+/* src/internal/sheet.module.css */
+.sheet_handle {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  height: var(--prime-sheet-handle-area);
+  touch-action: none;
+  cursor: grab;
+}
+.sheet_handle::before {
+  content: "";
+  width: var(--prime-sheet-handle-width);
+  height: var(--prime-sheet-handle-height);
+  border-radius: var(--prime-radius-full);
+  background: var(--prime-color-fill-strong);
+}
+.sheet_swipeY,
+.sheet_swipeX {
+  transition: transform var(--prime-motion-duration-base) var(--prime-motion-easing-emphasized);
+}
+.sheet_swipeY {
+  transform: translate3d(0, var(--swipe-offset, 0px), 0);
+}
+.sheet_swipeX {
+  transform: translate3d(var(--swipe-offset, 0px), 0, 0);
+}
+.sheet_swipeY[data-swiping],
+.sheet_swipeX[data-swiping] {
+  transition: none;
+  cursor: grabbing;
+  user-select: none;
+}
+.sheet_swipeY.sheet_swipeY[data-swipe-dismissed],
+.sheet_swipeX.sheet_swipeX[data-swipe-dismissed] {
+  animation: none;
+}
+.sheet_handle + header {
+  padding-block-start: var(--prime-space-1);
+  touch-action: none;
+}
+
 /* src/components/popover/Popover.module.css */
 .Popover_content {
   --po-pad: var(--prime-panel-content-padding);
@@ -2022,7 +2630,7 @@ input::-moz-focus-inner {
   gap: var(--prime-space-2);
   padding-block-start: var(--prime-space-1);
 }
-@media (max-width: 479px) {
+@media (max-width: 639px) {
   .Popover_actions {
     flex-direction: column;
     align-items: stretch;
@@ -2312,15 +2920,28 @@ input::-moz-focus-inner {
   inset-inline-end: calc(100% - var(--sb-rail-box));
 }
 .Sidebar_root[data-panel-mode=compact]:not([data-off-canvas]) .Sidebar_brand,
-.Sidebar_root[data-panel-mode=compact]:not([data-off-canvas]) :is(.Sidebar_item, .Sidebar_account):is(:hover, :active, :focus-visible, [aria-current=page], [data-state=active], [aria-expanded=true], [data-active-path]) {
+.Sidebar_root[data-panel-mode=compact]:not([data-off-canvas]) :is(.Sidebar_item, .Sidebar_account):is(:active, :focus-visible, [aria-current=page], [data-state=active], [aria-expanded=true], [data-active-path]) {
   clip-path: inset(calc(-1 * var(--prime-space-1)) calc(100% - var(--sb-rail-box)) calc(-1 * var(--prime-space-1)) calc(-1 * var(--prime-space-1)));
 }
-.Sidebar_root:not([data-off-canvas]) :is(.Sidebar_item, .Sidebar_account, .Sidebar_brand):is(:hover, :active, :focus-visible, [aria-current=page], [data-state=active], [aria-expanded=true], [data-active-path])::before {
+@media (hover: hover) {
+  .Sidebar_root[data-panel-mode=compact]:not([data-off-canvas]) :is(.Sidebar_item, .Sidebar_account):hover {
+    clip-path: inset(calc(-1 * var(--prime-space-1)) calc(100% - var(--sb-rail-box)) calc(-1 * var(--prime-space-1)) calc(-1 * var(--prime-space-1)));
+  }
+}
+.Sidebar_root:not([data-off-canvas]) :is(.Sidebar_item, .Sidebar_account, .Sidebar_brand):is(:active, :focus-visible, [aria-current=page], [data-state=active], [aria-expanded=true], [data-active-path])::before {
   transition:
     inset-inline-end var(--sb-duration) var(--sb-ease),
     background-color var(--prime-motion-duration-xfast) var(--sb-ease),
     box-shadow var(--prime-motion-duration-fast) var(--sb-ease);
 }
+@media (hover: hover) {
+  .Sidebar_root:not([data-off-canvas]) :is(.Sidebar_item, .Sidebar_account, .Sidebar_brand):hover::before {
+    transition:
+      inset-inline-end var(--sb-duration) var(--sb-ease),
+      background-color var(--prime-motion-duration-xfast) var(--sb-ease),
+      box-shadow var(--prime-motion-duration-fast) var(--sb-ease);
+  }
+}
 .Sidebar_label,
 .Sidebar_groupText,
 .Sidebar_brandName,
@@ -2434,16 +3055,11 @@ input::-moz-focus-inner {
   cursor: pointer;
   transition: background-color var(--prime-motion-duration-xfast) var(--sb-ease), color var(--prime-motion-duration-xfast) var(--sb-ease);
 }
-.Sidebar_groupTrigger:hover {
-  background-color: var(--prime-color-fill-subtle);
-  color: var(--prime-color-text-secondary);
-}
-.Sidebar_root[data-panel-mode=compact]:not([data-off-canvas]) .Sidebar_groupTrigger {
-  cursor: default;
-}
-.Sidebar_root[data-panel-mode=compact]:not([data-off-canvas]) .Sidebar_groupTrigger:hover {
-  background-color: transparent;
-  color: var(--prime-color-text-muted);
+@media (hover: hover) {
+  .Sidebar_groupTrigger:hover {
+    background-color: var(--prime-color-fill-subtle);
+    color: var(--prime-color-text-secondary);
+  }
 }
 .Sidebar_groupTrigger:focus-visible {
   outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
@@ -2457,8 +3073,10 @@ input::-moz-focus-inner {
   stroke: currentcolor;
   transition: rotate var(--prime-motion-duration-base) var(--sb-ease), stroke var(--sb-duration) var(--sb-ease);
 }
-.Sidebar_groupTrigger:hover .Sidebar_groupChevron {
-  color: var(--prime-color-text-secondary);
+@media (hover: hover) {
+  .Sidebar_groupTrigger:hover .Sidebar_groupChevron {
+    color: var(--prime-color-text-secondary);
+  }
 }
 .Sidebar_groupTrigger[aria-expanded=true] .Sidebar_groupChevron {
   rotate: 180deg;
@@ -2550,6 +3168,19 @@ input::-moz-focus-inner {
 .Sidebar_root:not([data-ready]) :is(.Sidebar_disclosure, .Sidebar_disclosureClip > *, .Sidebar_chevron, .Sidebar_groupChevron) {
   transition: none;
 }
+.Sidebar_groupBody {
+  display: grid;
+  min-width: 0;
+}
+.Sidebar_groupBody > .Sidebar_disclosure {
+  grid-area: 1 / 1;
+}
+.Sidebar_groupBody[data-swap] > .Sidebar_groupRail {
+  transition: grid-template-rows 0s linear var(--sb-duration), visibility 0s linear var(--sb-duration);
+}
+.Sidebar_groupBody[data-swap] > .Sidebar_groupRail[data-state=open] {
+  transition: grid-template-rows 0s, visibility 0s;
+}
 .Sidebar_item {
   position: relative;
   box-sizing: border-box;
@@ -2581,11 +3212,16 @@ input::-moz-focus-inner {
     transform var(--prime-motion-duration-fast) var(--sb-ease),
     clip-path var(--sb-duration) var(--sb-ease);
 }
-.Sidebar_item:hover,
 .Sidebar_flyout .Sidebar_item:focus-visible {
   --sb-fill: var(--prime-color-fill-subtle);
   color: var(--prime-color-text-primary);
 }
+@media (hover: hover) {
+  .Sidebar_item:hover {
+    --sb-fill: var(--prime-color-fill-subtle);
+    color: var(--prime-color-text-primary);
+  }
+}
 .Sidebar_item:active:not([data-disabled=true], :disabled) {
   --sb-fill: var(--prime-color-fill-subtle-active);
   transform: scale(var(--prime-motion-press-scale));
@@ -2620,7 +3256,11 @@ input::-moz-focus-inner {
   width: 100%;
   height: 100%;
 }
-.Sidebar_item:hover .Sidebar_icon,
+@media (hover: hover) {
+  .Sidebar_item:hover .Sidebar_icon {
+    color: var(--prime-color-text-primary);
+  }
+}
 .Sidebar_item[data-state=active] .Sidebar_icon,
 .Sidebar_item[aria-current=page] .Sidebar_icon,
 .Sidebar_item[data-active-path] .Sidebar_icon {
@@ -2697,8 +3337,10 @@ input::-moz-focus-inner {
     rotate var(--prime-motion-duration-base) var(--sb-ease),
     color var(--prime-motion-duration-xfast) var(--sb-ease);
 }
-.Sidebar_item:hover .Sidebar_chevron {
-  color: var(--prime-color-text-secondary);
+@media (hover: hover) {
+  .Sidebar_item:hover .Sidebar_chevron {
+    color: var(--prime-color-text-secondary);
+  }
 }
 .Sidebar_item[aria-expanded=true] .Sidebar_chevron {
   rotate: 180deg;
@@ -2719,15 +3361,31 @@ input::-moz-focus-inner {
   pointer-events: none;
   transition: opacity var(--prime-motion-duration-fast) var(--sb-ease);
 }
-.Sidebar_row:hover > .Sidebar_action,
 .Sidebar_row:focus-within > .Sidebar_action {
   opacity: 1;
   pointer-events: auto;
 }
-.Sidebar_row:hover .Sidebar_trail,
 .Sidebar_row:focus-within .Sidebar_trail {
   translate: calc(-1 * var(--sb-action-shift)) 0;
 }
+@media (hover: hover) {
+  .Sidebar_row:hover > .Sidebar_action {
+    opacity: 1;
+    pointer-events: auto;
+  }
+  .Sidebar_row:hover .Sidebar_trail {
+    translate: calc(-1 * var(--sb-action-shift)) 0;
+  }
+}
+@media (hover: none) {
+  .Sidebar_row > .Sidebar_action {
+    opacity: 1;
+    pointer-events: auto;
+  }
+  .Sidebar_row .Sidebar_trail {
+    translate: calc(-1 * var(--sb-action-shift)) 0;
+  }
+}
 .Sidebar_subList {
   --sub-gap: var(--prime-space-1);
   --sub-line-x: calc(var(--sb-item-pad) + var(--sb-icon) / 2 - var(--prime-border-width) / 2);
@@ -2824,10 +3482,14 @@ input::-moz-focus-inner {
   isolation: isolate;
   transition: transform var(--prime-motion-duration-fast) var(--sb-ease), clip-path var(--sb-duration) var(--sb-ease);
 }
-.Sidebar_account:hover,
 .Sidebar_account[aria-expanded=true] {
   --sb-fill: var(--prime-color-fill-subtle);
 }
+@media (hover: hover) {
+  .Sidebar_account:hover {
+    --sb-fill: var(--prime-color-fill-subtle);
+  }
+}
 .Sidebar_account:active {
   --sb-fill: var(--prime-color-fill-subtle-active);
   transform: scale(var(--prime-motion-press-scale));
@@ -2855,10 +3517,14 @@ input::-moz-focus-inner {
   font-weight: var(--prime-font-weight-medium);
   transition: color var(--prime-motion-duration-xfast) var(--sb-ease), -webkit-text-fill-color var(--sb-duration) var(--sb-ease);
 }
-.Sidebar_account:hover .Sidebar_accountName,
 .Sidebar_account[aria-expanded=true] .Sidebar_accountName {
   color: var(--prime-color-text-primary);
 }
+@media (hover: hover) {
+  .Sidebar_account:hover .Sidebar_accountName {
+    color: var(--prime-color-text-primary);
+  }
+}
 .Sidebar_accountChevron {
   flex: none;
   width: var(--sb-icon);
@@ -2895,10 +3561,14 @@ input::-moz-focus-inner {
     background-color var(--prime-motion-duration-fast) var(--sb-ease),
     color var(--prime-motion-duration-fast) var(--sb-ease);
 }
-.Sidebar_root .Sidebar_headerToggle:hover,
 .Sidebar_root .Sidebar_headerToggle:focus-visible {
   color: var(--prime-color-text-primary);
 }
+@media (hover: hover) {
+  .Sidebar_root .Sidebar_headerToggle:hover {
+    color: var(--prime-color-text-primary);
+  }
+}
 .Sidebar_headerToggleIcon {
   transition: rotate var(--sb-duration) var(--sb-ease);
 }
@@ -2908,8 +3578,10 @@ input::-moz-focus-inner {
   translate: calc(var(--sb-compact) - var(--sb-toggle) / 2) 0;
   scale: var(--sb-edge-scale);
 }
-.Sidebar_root[data-mode=compact]:not([data-off-canvas]):hover .Sidebar_headerToggle {
-  color: var(--prime-color-text-primary);
+@media (hover: hover) {
+  .Sidebar_root[data-mode=compact]:not([data-off-canvas]):hover .Sidebar_headerToggle {
+    color: var(--prime-color-text-primary);
+  }
 }
 .Sidebar_root[data-panel-mode=compact]:not([data-off-canvas]) .Sidebar_headerToggleIcon {
   rotate: 180deg;
@@ -3099,8 +3771,10 @@ input::-moz-focus-inner {
   cursor: pointer;
   transition: background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Accordion_trigger:hover:not(:disabled) {
-  background: var(--prime-color-fill-subtle);
+@media (hover: hover) {
+  .Accordion_trigger:hover:not(:disabled) {
+    background: var(--prime-color-fill-subtle);
+  }
 }
 .Accordion_trigger:active:not(:disabled) {
   background: var(--prime-color-fill-subtle-active);
@@ -3135,10 +3809,14 @@ input::-moz-focus-inner {
   color: var(--prime-color-text-muted);
   transition: color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard), transform var(--prime-motion-duration-base) var(--prime-motion-easing-standard);
 }
-.Accordion_trigger:hover:not(:disabled) .Accordion_chevron,
 .Accordion_trigger[data-state=open] .Accordion_chevron {
   color: var(--prime-color-text-secondary);
 }
+@media (hover: hover) {
+  .Accordion_trigger:hover:not(:disabled) .Accordion_chevron {
+    color: var(--prime-color-text-secondary);
+  }
+}
 .Accordion_trigger[data-state=open] .Accordion_chevron {
   transform: rotate(180deg);
 }
@@ -3465,9 +4143,11 @@ button.LinkButton_root {
   --link-gap: var(--prime-space-2);
   --prime-icon-size: var(--prime-control-xl-icon);
 }
-.LinkButton_root:hover:not([data-disabled=true]) {
-  color: var(--link-fg-hover);
-  text-decoration-color: currentColor;
+@media (hover: hover) {
+  .LinkButton_root:hover:not([data-disabled=true]) {
+    color: var(--link-fg-hover);
+    text-decoration-color: currentColor;
+  }
 }
 .LinkButton_root:focus-visible {
   outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
@@ -3547,11 +4227,16 @@ button.LinkButton_root {
 .Breadcrumb_item > .Breadcrumb_link {
   color: var(--prime-color-text-muted);
 }
-.Breadcrumb_item > a.Breadcrumb_link:hover,
 .Breadcrumb_item > a.Breadcrumb_link:focus-visible {
   color: var(--prime-color-text-primary);
   text-decoration-color: transparent;
 }
+@media (hover: hover) {
+  .Breadcrumb_item > a.Breadcrumb_link:hover {
+    color: var(--prime-color-text-primary);
+    text-decoration-color: transparent;
+  }
+}
 .Breadcrumb_current {
   color: var(--prime-color-text-primary);
   font-weight: var(--prime-font-weight-medium);
@@ -3564,9 +4249,6 @@ button.LinkButton_root {
   color: var(--prime-color-text-placeholder);
   user-select: none;
 }
-.Breadcrumb_item:first-child > .Breadcrumb_separator {
-  display: none;
-}
 .Breadcrumb_ellipsis {
   display: inline-flex;
   flex-shrink: 0;
@@ -3643,9 +4325,11 @@ button.LinkButton_root {
   width: var(--field-h);
   padding-inline: 0;
 }
-.ButtonGroup_item:hover:not(:disabled) {
-  background: var(--prime-color-fill-muted-hover);
-  color: var(--prime-color-text-primary);
+@media (hover: hover) {
+  .ButtonGroup_item:hover:not(:disabled) {
+    background: var(--prime-color-fill-muted-hover);
+    color: var(--prime-color-text-primary);
+  }
 }
 .ButtonGroup_item:active:not(:disabled) {
   background: var(--prime-color-fill-strong);
@@ -3663,9 +4347,11 @@ button.LinkButton_root {
   background: var(--prime-color-accent-soft);
   color: var(--prime-color-accent-text);
 }
-.ButtonGroup_item[data-state=active]:hover:not(:disabled) {
-  background: var(--prime-color-accent-soft-hover);
-  color: var(--prime-color-accent-text);
+@media (hover: hover) {
+  .ButtonGroup_item[data-state=active]:hover:not(:disabled) {
+    background: var(--prime-color-accent-soft-hover);
+    color: var(--prime-color-accent-text);
+  }
 }
 .ButtonGroup_item:disabled {
   background: var(--prime-color-fill-muted);
@@ -4211,8 +4897,10 @@ button.LinkButton_root {
     box-shadow var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
     transform var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.ChoiceField_field:not([data-disabled=true], [data-readonly=true]) .ChoiceField_row:hover .ChoiceField_visual {
-  background: var(--prime-color-fill-strong-hover);
+@media (hover: hover) {
+  .ChoiceField_field:not([data-disabled=true], [data-readonly=true]) .ChoiceField_row:hover .ChoiceField_visual {
+    background: var(--prime-color-fill-strong-hover);
+  }
 }
 .ChoiceField_field:not([data-disabled=true], [data-readonly=true]) .ChoiceField_row:active .ChoiceField_visual {
   transform: scale(var(--prime-motion-press-scale-compact));
@@ -4220,8 +4908,10 @@ button.LinkButton_root {
 :is(.ChoiceField_field:is([data-state=checked], [data-state=indeterminate]) .ChoiceField_visual, .ChoiceField_visual:is([data-state=checked], [data-state=indeterminate])) {
   background: var(--prime-color-accent-default);
 }
-.ChoiceField_field:is([data-state=checked], [data-state=indeterminate]):not([data-disabled=true], [data-readonly=true]) .ChoiceField_row:hover .ChoiceField_visual {
-  background: var(--prime-color-accent-hover);
+@media (hover: hover) {
+  .ChoiceField_field:is([data-state=checked], [data-state=indeterminate]):not([data-disabled=true], [data-readonly=true]) .ChoiceField_row:hover .ChoiceField_visual {
+    background: var(--prime-color-accent-hover);
+  }
 }
 .ChoiceField_input:focus-visible + .ChoiceField_visual {
   outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
@@ -4651,10 +5341,14 @@ button.LinkButton_root {
   pointer-events: none;
   transition: box-shadow var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.ColorPresets_trigger:hover:not(:disabled)::after,
 .ColorPresets_trigger[data-state=open]::after {
   box-shadow: inset 0 0 0 var(--prime-border-width) var(--prime-color-fill-strong);
 }
+@media (hover: hover) {
+  .ColorPresets_trigger:hover:not(:disabled)::after {
+    box-shadow: inset 0 0 0 var(--prime-border-width) var(--prime-color-fill-strong);
+  }
+}
 .ColorPresets_trigger:active:not(:disabled) {
   transform: scale(var(--prime-motion-press-scale));
 }
@@ -4877,38 +5571,6 @@ button.LinkButton_root {
   padding-top: var(--prime-space-2);
 }
 
-/* src/components/kbd/Kbd.module.css */
-.Kbd_root {
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  gap: var(--chip-gap);
-  height: var(--chip-h);
-  min-width: var(--chip-h);
-  padding-inline: var(--chip-px);
-  border-radius: var(--chip-radius);
-  background: var(--prime-color-fill-subtle-active);
-  color: var(--prime-color-text-secondary);
-  font-family: var(--prime-font-family-mono);
-  font-size: var(--chip-text);
-  line-height: 1;
-  font-weight: var(--prime-font-weight-medium);
-  font-variant-numeric: tabular-nums;
-  white-space: nowrap;
-  vertical-align: middle;
-}
-.Kbd_root > * {
-  font-size: inherit;
-  line-height: inherit;
-}
-.Kbd_root :where(svg) {
-  flex-shrink: 0;
-  width: var(--prime-icon-size);
-  height: var(--prime-icon-size);
-}
-
 /* src/components/modal/DialogParts.module.css */
 .DialogParts_shell {
   --dialog-hairline: linear-gradient( var(--prime-color-border-faint), var(--prime-color-border-faint) );
@@ -5057,6 +5719,17 @@ button.LinkButton_root {
   justify-content: flex-end;
   gap: var(--prime-space-2);
 }
+@media (max-width: 639px) {
+  .DialogParts_footer[data-layout] {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--prime-space-2);
+  }
+  .DialogParts_footer[data-layout] > * {
+    width: 100%;
+  }
+}
 @container DialogParts_prime-dialog (max-width: 359px) {
   .DialogParts_footer[data-layout] {
     display: flex;
@@ -5117,9 +5790,13 @@ button.LinkButton_root {
   }
   .Modal_content {
     width: 100%;
-    max-height: calc(100dvh - var(--prime-modal-viewport-padding));
+    max-height: calc(100dvh - var(--prime-sheet-top-gap));
+    padding-block-end: env(safe-area-inset-bottom, 0px);
+    border-start-start-radius: var(--prime-sheet-radius);
+    border-start-end-radius: var(--prime-sheet-radius);
     border-end-start-radius: 0;
     border-end-end-radius: 0;
+    box-shadow: 0 var(--prime-space-6) 0 0 var(--prime-color-bg-raised), var(--prime-shadow-modal);
   }
 }
 
@@ -5131,7 +5808,8 @@ button.LinkButton_root {
 
 /* src/internal/menu.module.css */
 .menu_tier {
-  --menu-item-h: var(--prime-control-m-item-height);
+  --menu-item-h: var(--menu-tier-item-h);
+  --menu-tier-item-h: var(--prime-control-m-item-height);
   --menu-text: var(--prime-control-m-text-size);
   --menu-lh: var(--prime-control-m-line-height);
   --menu-icon: var(--prime-control-m-icon);
@@ -5140,7 +5818,7 @@ button.LinkButton_root {
   --menu-desc-lh: var(--prime-text-body-s-line-height);
 }
 .menu_tier[data-size=xs] {
-  --menu-item-h: var(--prime-control-xs-item-height);
+  --menu-tier-item-h: var(--prime-control-xs-item-height);
   --menu-text: var(--prime-control-xs-text-size);
   --menu-lh: var(--prime-control-xs-line-height);
   --menu-icon: var(--prime-control-xs-icon);
@@ -5149,7 +5827,7 @@ button.LinkButton_root {
   --menu-desc-lh: var(--prime-text-caption-line-height);
 }
 .menu_tier[data-size=s] {
-  --menu-item-h: var(--prime-control-s-item-height);
+  --menu-tier-item-h: var(--prime-control-s-item-height);
   --menu-text: var(--prime-control-s-text-size);
   --menu-lh: var(--prime-control-s-line-height);
   --menu-icon: var(--prime-control-s-icon);
@@ -5158,19 +5836,24 @@ button.LinkButton_root {
   --menu-desc-lh: var(--prime-text-caption-line-height);
 }
 .menu_tier[data-size=l] {
-  --menu-item-h: var(--prime-control-l-item-height);
+  --menu-tier-item-h: var(--prime-control-l-item-height);
   --menu-text: var(--prime-control-l-text-size);
   --menu-lh: var(--prime-control-l-line-height);
   --menu-icon: var(--prime-control-l-icon);
   --menu-gap: var(--prime-control-l-gap);
 }
 .menu_tier[data-size=xl] {
-  --menu-item-h: var(--prime-control-xl-item-height);
+  --menu-tier-item-h: var(--prime-control-xl-item-height);
   --menu-text: var(--prime-control-xl-text-size);
   --menu-lh: var(--prime-control-xl-line-height);
   --menu-icon: var(--prime-control-xl-icon);
   --menu-gap: var(--prime-control-xl-gap);
 }
+@media (pointer: coarse) {
+  .menu_tier {
+    --menu-item-h: max(var(--menu-tier-item-h), var(--prime-control-touch-target));
+  }
+}
 .menu_menu {
   max-height: min(var(--prime-panel-max-height), var(--float-max-h, var(--prime-panel-max-height)));
   padding: var(--prime-panel-padding);
@@ -5238,6 +5921,20 @@ button.LinkButton_root {
 .menu_shortcut {
   margin-inline-start: auto;
 }
+.menu_check {
+  --prime-icon-size: var(--menu-icon);
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: var(--menu-icon);
+  height: var(--menu-icon);
+  margin-inline-start: auto;
+  color: var(--prime-color-accent-text);
+}
+.menu_item[data-disabled=true] .menu_check {
+  color: var(--prime-color-text-disabled);
+}
 .menu_group {
   display: flex;
   flex-direction: column;
@@ -5287,6 +5984,11 @@ button.LinkButton_root {
   outline: none;
   appearance: none;
 }
+@media (pointer: coarse), (max-width: 639px) {
+  .menu_searchInput {
+    font-size: max(1em, var(--prime-control-touch-text-size));
+  }
+}
 .menu_searchInput::-webkit-search-cancel-button {
   appearance: none;
 }
@@ -5484,6 +6186,9 @@ button.LinkButton_root {
   --dt-z-sticky-first-column: 1;
   --dt-z-sticky-header: 2;
   --dt-z-sticky-corner: 3;
+  --dt-edge-depth: var(--prime-space-4);
+  --dt-edge-shadow: var(--prime-color-bg-edge-shadow);
+  --dt-edge-dir: to right;
   --prime-color-field-bg: var(--prime-color-field-bg-surface);
   container-type: inline-size;
   display: flex;
@@ -5576,11 +6281,55 @@ button.LinkButton_root {
 .DataTable_toolbar > * {
   min-width: 0;
 }
+.DataTable_root:dir(rtl) {
+  --dt-edge-dir: to left;
+}
+.DataTable_frame {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  isolation: isolate;
+}
 .DataTable_viewport {
   width: 100%;
   padding: 0;
   isolation: isolate;
 }
+.DataTable_frame::before,
+.DataTable_frame::after {
+  content: "";
+  position: absolute;
+  inset-block: 0;
+  z-index: 1;
+  width: var(--dt-edge-depth);
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
+}
+.DataTable_frame::before {
+  inset-inline-start: 0;
+  background:
+    linear-gradient(
+      var(--dt-edge-dir),
+      var(--dt-edge-shadow),
+      transparent);
+}
+.DataTable_frame::after {
+  inset-inline-end: 0;
+  background:
+    linear-gradient(
+      var(--dt-edge-dir),
+      transparent,
+      var(--dt-edge-shadow));
+}
+.DataTable_root[data-overflow-start=true] .DataTable_frame::before,
+.DataTable_root[data-overflow-end=true] .DataTable_frame::after {
+  opacity: 1;
+}
+.DataTable_root[data-sticky-first-column=true] .DataTable_frame::before {
+  display: none;
+}
 .DataTable_table {
   width: max-content;
   border-collapse: separate;
@@ -5659,8 +6408,10 @@ button.LinkButton_root {
 .DataTable_headCell[data-align=center] .DataTable_sortButton {
   justify-content: center;
 }
-.DataTable_sortButton:hover {
-  color: var(--prime-color-text-primary);
+@media (hover: hover) {
+  .DataTable_sortButton:hover {
+    color: var(--prime-color-text-primary);
+  }
 }
 .DataTable_sortButton:focus-visible {
   outline: none;
@@ -5674,10 +6425,14 @@ button.LinkButton_root {
   color: var(--prime-color-text-disabled);
   transition: color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.DataTable_sortButton:hover .DataTable_sortIcon,
 .DataTable_sortButton:focus-visible .DataTable_sortIcon {
   color: var(--prime-color-text-muted);
 }
+@media (hover: hover) {
+  .DataTable_sortButton:hover .DataTable_sortIcon {
+    color: var(--prime-color-text-muted);
+  }
+}
 .DataTable_headCell[data-sorted=true] .DataTable_sortIcon {
   color: var(--prime-color-text-secondary);
 }
@@ -5763,8 +6518,10 @@ button.LinkButton_root {
 .DataTable_root[data-striped=true] .DataTable_row[data-stripe=alt] {
   --dt-cell-bg: var(--dt-step);
 }
-.DataTable_root[data-highlight-row=true] .DataTable_row:hover {
-  --dt-wash: var(--prime-color-fill-subtle);
+@media (hover: hover) {
+  .DataTable_root[data-highlight-row=true] .DataTable_row:hover {
+    --dt-wash: var(--prime-color-fill-subtle);
+  }
 }
 .DataTable_root[data-highlight-column=true] .DataTable_cell[data-column-hovered=true],
 .DataTable_root[data-highlight-column=true] .DataTable_headCell[data-column-hovered=true] {
@@ -5816,8 +6573,10 @@ button.LinkButton_root {
   --dt-cell-bg: var(--prime-color-accent-soft);
   --dt-wash: transparent;
 }
-.DataTable_root[data-highlight-row=true] .DataTable_row[aria-selected=true]:hover {
-  --dt-cell-bg: var(--prime-color-accent-soft-hover);
+@media (hover: hover) {
+  .DataTable_root[data-highlight-row=true] .DataTable_row[aria-selected=true]:hover {
+    --dt-cell-bg: var(--prime-color-accent-soft-hover);
+  }
 }
 .DataTable_row[data-clickable=true] {
   cursor: pointer;
@@ -5827,10 +6586,31 @@ button.LinkButton_root {
 }
 .DataTable_firstColumnSticky {
   position: sticky;
-  left: var(--dt-lead, 0);
+  inset-inline-start: var(--dt-lead, 0);
   z-index: var(--dt-z-sticky-first-column);
   box-shadow: inset calc(-1 * var(--prime-border-width)) 0 0 var(--dt-divider-color);
 }
+.DataTable_root:dir(rtl) .DataTable_firstColumnSticky {
+  box-shadow: inset var(--prime-border-width) 0 0 var(--dt-divider-color);
+}
+.DataTable_firstColumnSticky::after {
+  content: "";
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: 100%;
+  width: var(--dt-edge-depth);
+  pointer-events: none;
+  opacity: 0;
+  background:
+    linear-gradient(
+      var(--dt-edge-dir),
+      var(--dt-edge-shadow),
+      transparent);
+  transition: opacity var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
+}
+.DataTable_root[data-overflow-start=true] .DataTable_firstColumnSticky::after {
+  opacity: 1;
+}
 .DataTable_firstColumnSticky + .DataTable_cell,
 .DataTable_firstColumnSticky + .DataTable_headCell {
   border-inline-start-width: 0;
@@ -5840,11 +6620,11 @@ button.LinkButton_root {
 }
 .DataTable_stickyLead {
   position: sticky;
-  left: 0;
+  inset-inline-start: 0;
   z-index: var(--dt-z-sticky-first-column);
 }
 .DataTable_root[data-selectable=true] .DataTable_toggleCell.DataTable_stickyLead {
-  left: var(--dt-select-w);
+  inset-inline-start: var(--dt-select-w);
 }
 .DataTable_headCell.DataTable_stickyLead {
   z-index: var(--dt-z-sticky-header);
@@ -5925,6 +6705,11 @@ button.LinkButton_root {
   flex: 1 1 0%;
   min-width: 0;
 }
+@media (max-height: 479px) {
+  .DataTable_root[data-sticky-header=true] .DataTable_headCell {
+    top: auto;
+  }
+}
 @container (max-width: 30rem) {
   .DataTable_toolbar {
     flex-direction: column;
@@ -6364,11 +7149,13 @@ button.LinkButton_root {
   cursor: pointer;
   transition: background-color var(--prime-motion-duration-xfast) var(--prime-motion-easing-standard), color var(--prime-motion-duration-xfast) var(--prime-motion-easing-standard);
 }
-.Datepicker_day:hover:not(:disabled):not([data-edge=true]) {
-  background: var(--prime-color-fill-subtle);
-}
-.Datepicker_cell[data-band] .Datepicker_day:hover:not(:disabled):not([data-edge=true]) {
-  background: var(--prime-color-accent-soft-hover);
+@media (hover: hover) {
+  .Datepicker_day:hover:not(:disabled):not([data-edge=true]) {
+    background: var(--prime-color-fill-subtle);
+  }
+  .Datepicker_cell[data-band] .Datepicker_day:hover:not(:disabled):not([data-edge=true]) {
+    background: var(--prime-color-accent-soft-hover);
+  }
 }
 .Datepicker_day:active:not(:disabled):not([data-edge=true]) {
   background: var(--prime-color-fill-subtle-active);
@@ -6396,8 +7183,10 @@ button.LinkButton_root {
   color: var(--prime-color-accent-fg);
   font-weight: var(--prime-font-weight-medium);
 }
-.Datepicker_day[data-edge=true]:hover {
-  background: var(--prime-color-accent-hover);
+@media (hover: hover) {
+  .Datepicker_day[data-edge=true]:hover {
+    background: var(--prime-color-accent-hover);
+  }
 }
 .Datepicker_outsideDay {
   color: var(--prime-color-text-disabled);
@@ -6474,6 +7263,12 @@ button.LinkButton_root {
   text-align: center;
   outline: none;
 }
+@media (pointer: coarse), (max-width: 639px) {
+  .Datepicker_fieldTime {
+    width: max(calc(var(--dp-field-h) * 1.75), calc(5ch + 2 * var(--prime-space-2)));
+    font-size: max(1em, var(--prime-control-touch-text-size));
+  }
+}
 .Datepicker_field:has(.Datepicker_fieldTime:focus-visible) {
   background: var(--prime-color-field-bg-focus);
   outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
@@ -6537,11 +7332,14 @@ button.LinkButton_root {
   width: 100%;
 }
 .DigitInput_root {
-  --digit-cell-text: var(--prime-text-body-l-size);
-  --digit-cell-line-height: var(--prime-text-body-l-line-height);
+  --digit-cell: var(--prime-control-xl-height);
+  --digit-radius: var(--prime-control-xl-radius);
+  --digit-gap: var(--prime-space-3);
+  --digit-cell-text: var(--prime-text-heading-s-size);
+  --digit-cell-line-height: var(--prime-text-heading-s-line-height);
   display: flex;
   flex-wrap: wrap;
-  gap: var(--field-gap);
+  gap: var(--digit-gap);
   min-width: 0;
   min-inline-size: 0;
   margin: 0;
@@ -6553,151 +7351,74 @@ button.LinkButton_root {
   flex-wrap: nowrap;
 }
 .DigitInput_root[data-size=xs] {
-  --digit-cell-text: var(--prime-control-xs-text-size);
-  --digit-cell-line-height: var(--prime-control-xs-line-height);
-}
-.DigitInput_root[data-size=s] {
-  --digit-cell-text: var(--prime-text-body-m-size);
-  --digit-cell-line-height: var(--prime-text-body-m-line-height);
-}
-.DigitInput_root[data-size=l] {
-  --digit-cell-text: var(--prime-text-title-l-size);
-  --digit-cell-line-height: var(--prime-text-title-l-line-height);
-}
-.DigitInput_root[data-size=xl] {
-  --digit-cell-text: var(--prime-text-heading-s-size);
-  --digit-cell-line-height: var(--prime-text-heading-s-line-height);
-}
-.DigitInput_cell {
-  -webkit-appearance: none;
-  appearance: none;
-  box-sizing: border-box;
-  flex: 0 0 auto;
-  width: var(--field-h);
-  height: var(--field-h);
-  min-width: 0;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  border-radius: var(--field-radius);
-  caret-color: var(--prime-color-accent-default);
-  font: inherit;
-  font-size: var(--digit-cell-text);
-  line-height: var(--digit-cell-line-height);
-  font-weight: var(--prime-font-weight-semibold);
-  font-variant-numeric: tabular-nums;
-  text-align: center;
-  outline: none;
-  transition:
-    background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
-    box-shadow var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
-    color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
-}
-.DigitInput_root[data-full-width=true] .DigitInput_cell {
-  flex: 1 1 0;
-  width: auto;
-}
-.DigitInput_cell[data-group-start=true] {
-  margin-inline-start: var(--field-gap);
-}
-.DigitInput_root[data-invalid=true] .DigitInput_cell {
-  color: var(--prime-color-danger-text);
-}
-.DigitInput_cell:disabled {
-  -webkit-text-fill-color: var(--prime-color-text-disabled);
-}
-
-/* src/components/divider/Divider.module.css */
-.Divider_root {
-  --divider-gap: var(--prime-control-m-gap);
-  --divider-icon: var(--prime-control-m-icon);
-  --divider-text: var(--prime-control-m-label-size);
-  --divider-lh: var(--prime-control-m-label-line-height);
-  --divider-tracking: normal;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  gap: var(--divider-gap);
-  color: var(--prime-color-text-muted);
-  font-size: var(--divider-text);
-  line-height: var(--divider-lh);
-  letter-spacing: var(--divider-tracking);
-}
-.Divider_root[data-size=xs] {
-  --divider-gap: var(--prime-control-xs-gap);
-  --divider-icon: var(--prime-control-xs-icon);
-  --divider-text: var(--prime-control-xs-label-size);
-  --divider-lh: var(--prime-control-xs-label-line-height);
-  --divider-tracking: var(--prime-text-caption-tracking);
-}
-.Divider_root[data-size=s] {
-  --divider-gap: var(--prime-control-s-gap);
-  --divider-icon: var(--prime-control-s-icon);
-  --divider-text: var(--prime-control-s-label-size);
-  --divider-lh: var(--prime-control-s-label-line-height);
-  --divider-tracking: var(--prime-text-caption-tracking);
-}
-.Divider_root[data-size=l] {
-  --divider-gap: var(--prime-control-l-gap);
-  --divider-icon: var(--prime-control-l-icon);
-  --divider-text: var(--prime-control-l-label-size);
-  --divider-lh: var(--prime-control-l-label-line-height);
-}
-.Divider_root[data-size=xl] {
-  --divider-gap: var(--prime-control-xl-gap);
-  --divider-icon: var(--prime-control-xl-icon);
-  --divider-text: var(--prime-control-xl-text-size);
-  --divider-lh: var(--prime-control-xl-line-height);
-}
-.Divider_root:not([data-orientation=vertical]) {
-  width: 100%;
-  min-width: 0;
-}
-.Divider_root::before,
-.Divider_root::after {
-  content: "";
-  flex: 1 1 0;
-  height: var(--prime-border-width);
-  background: var(--prime-color-border-subtle);
-}
-.Divider_root[data-align=start]::before {
-  display: none;
-}
-.Divider_root[data-align=end]::after {
-  display: none;
+  --digit-cell: var(--prime-control-m-height);
+  --digit-radius: var(--prime-control-m-radius);
+  --digit-gap: var(--prime-space-2);
+  --digit-cell-text: var(--prime-text-body-l-size);
+  --digit-cell-line-height: var(--prime-text-body-l-line-height);
 }
-.Divider_root:not(:empty):not([data-orientation=vertical])::before,
-.Divider_root:not(:empty):not([data-orientation=vertical])::after {
-  min-width: var(--prime-space-6);
+.DigitInput_root[data-size=s] {
+  --digit-cell: var(--prime-control-l-height);
+  --digit-radius: var(--prime-control-l-radius);
+  --digit-gap: var(--prime-space-2);
+  --digit-cell-text: var(--prime-text-title-l-size);
+  --digit-cell-line-height: var(--prime-text-title-l-line-height);
 }
-.Divider_root:empty {
-  gap: 0;
+.DigitInput_root[data-size=l] {
+  --digit-cell: var(--prime-space-14);
+  --digit-radius: var(--prime-radius-l);
+  --digit-gap: var(--prime-space-3);
+  --digit-cell-text: var(--prime-text-heading-m-size);
+  --digit-cell-line-height: var(--prime-text-heading-m-line-height);
 }
-.Divider_root:empty::after {
-  display: none;
+.DigitInput_root[data-size=xl] {
+  --digit-cell: var(--prime-space-16);
+  --digit-radius: var(--prime-radius-xl);
+  --digit-gap: var(--prime-space-4);
+  --digit-cell-text: var(--prime-text-heading-l-size);
+  --digit-cell-line-height: var(--prime-text-heading-l-line-height);
 }
-.Divider_content {
-  --prime-icon-size: var(--divider-icon);
-  display: inline-flex;
-  align-items: center;
-  gap: var(--divider-gap);
+.DigitInput_cell {
+  -webkit-appearance: none;
+  appearance: none;
+  box-sizing: border-box;
+  flex: 0 0 auto;
+  width: var(--digit-cell);
+  height: var(--digit-cell);
   min-width: 0;
-  font-weight: var(--prime-font-weight-medium);
-  overflow-wrap: anywhere;
-}
-.Divider_root[data-orientation=vertical] {
-  flex-direction: column;
-  align-self: stretch;
-  width: var(--prime-border-width);
-  height: auto;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-radius: var(--digit-radius);
+  caret-color: var(--prime-color-accent-default);
+  font: inherit;
+  font-size: var(--digit-cell-text);
+  line-height: var(--digit-cell-line-height);
+  font-weight: var(--prime-font-weight-semibold);
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+  outline: none;
+  transition:
+    background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
+    box-shadow var(--prime-motion-duration-fast) var(--prime-motion-easing-standard),
+    color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Divider_root[data-orientation=vertical]::before,
-.Divider_root[data-orientation=vertical]::after {
-  width: var(--prime-border-width);
-  height: auto;
+.DigitInput_root[data-full-width=true] {
+  justify-content: center;
 }
-.Divider_root[data-orientation=vertical]:not(:empty) {
+.DigitInput_root[data-full-width=true] .DigitInput_cell {
+  flex: 1 1 0;
   width: auto;
+  max-width: calc(var(--digit-cell) * 1.5);
+}
+.DigitInput_cell[data-group-start=true] {
+  margin-inline-start: var(--digit-gap);
+}
+.DigitInput_root[data-invalid=true] .DigitInput_cell {
+  color: var(--prime-color-danger-text);
+}
+.DigitInput_cell:disabled {
+  -webkit-text-fill-color: var(--prime-color-text-disabled);
 }
 
 /* src/components/dnd/Dnd.module.css */
@@ -6763,7 +7484,6 @@ html[data-dnd-active] * {
   outline-offset: var(--prime-focus-offset);
 }
 .Dnd_placeholder {
-  --enter-shift: 0;
   flex: none;
   box-sizing: border-box;
   width: var(--dnd-gap-width, 100%);
@@ -6839,7 +7559,14 @@ li.Dnd_placeholder {
   position: fixed;
   inset: 0;
   z-index: var(--prime-z-overlay);
-  background: var(--prime-color-bg-scrim);
+  background: color-mix(in srgb, var(--prime-color-bg-scrim) calc((1 - var(--swipe-progress, 0)) * 100%), transparent);
+  transition: background-color var(--prime-motion-duration-base) var(--prime-motion-easing-emphasized);
+}
+.Drawer_overlay:has(+ .Drawer_panel[data-swiping]) {
+  transition: none;
+}
+.Drawer_overlay:has(+ .Drawer_panel[data-swipe-dismissed]) {
+  animation: none;
 }
 .Drawer_panel {
   --drawer-width: var(--prime-drawer-width-m);
@@ -6882,10 +7609,31 @@ li.Dnd_placeholder {
   border-start-end-radius: var(--prime-modal-radius);
   border-end-end-radius: var(--prime-modal-radius);
 }
+.Drawer_panel[data-side=left],
+.Drawer_panel[data-side=right] {
+  touch-action: pan-y;
+}
+.Drawer_panel[data-side=right] {
+  box-shadow: var(--prime-space-6) 0 0 0 var(--prime-color-bg-raised), var(--prime-shadow-modal);
+}
+.Drawer_panel[data-side=left] {
+  box-shadow: calc(-1 * var(--prime-space-6)) 0 0 0 var(--prime-color-bg-raised), var(--prime-shadow-modal);
+}
+.Drawer_panel[data-side=bottom] {
+  width: min(100vw, max(var(--drawer-width), var(--prime-sheet-min-width)));
+  top: auto;
+  right: 0;
+  left: 0;
+  max-height: calc(100dvh - var(--prime-sheet-top-gap));
+  margin-inline: auto;
+  padding-block-end: env(safe-area-inset-bottom, 0px);
+  border-start-start-radius: var(--prime-sheet-radius);
+  border-start-end-radius: var(--prime-sheet-radius);
+  box-shadow: 0 var(--prime-space-6) 0 0 var(--prime-color-bg-raised), var(--prime-shadow-modal);
+}
 @media (max-width: 639px) {
   .Drawer_panel {
     width: 100vw;
-    border-radius: 0;
   }
   .Drawer_panel[data-side=left],
   .Drawer_panel[data-side=right] {
@@ -6897,12 +7645,20 @@ li.Dnd_placeholder {
 .Dropdown_item {
   white-space: nowrap;
 }
-.Dropdown_item:is(:hover, :focus-visible):not([data-disabled=true]) {
+.Dropdown_item:focus-visible:not([data-disabled=true]) {
   background: var(--prime-color-fill-subtle);
 }
-.Dropdown_item[data-tone=danger]:is(:hover, :focus-visible):not([data-disabled=true]) {
+.Dropdown_item[data-tone=danger]:focus-visible:not([data-disabled=true]) {
   background: var(--prime-color-danger-soft);
 }
+@media (hover: hover) {
+  .Dropdown_item:hover:not([data-disabled=true]) {
+    background: var(--prime-color-fill-subtle);
+  }
+  .Dropdown_item[data-tone=danger]:hover:not([data-disabled=true]) {
+    background: var(--prime-color-danger-soft);
+  }
+}
 .Dropdown_item[data-disabled=true] .Dropdown_shortcut {
   color: var(--prime-color-text-disabled);
 }
@@ -6959,7 +7715,6 @@ li.Dnd_placeholder {
   --seg-two-line-pad-y: var(--prime-space-2);
   --seg-desc-size: var(--prime-control-m-hint-size);
   --seg-desc-line-height: var(--prime-control-m-hint-line-height);
-  --seg-ring: color-mix(in srgb, var(--prime-color-text-primary) 7%, transparent);
   --seg-thumb-ring: color-mix(in srgb, var(--prime-color-text-primary) 10%, transparent);
   position: relative;
   box-sizing: border-box;
@@ -6971,7 +7726,7 @@ li.Dnd_placeholder {
   padding: var(--seg-pad);
   border-radius: var(--seg-radius);
   background: var(--prime-color-fill-muted);
-  box-shadow: inset 0 0 0 var(--prime-border-width) var(--seg-ring);
+  box-shadow: inset 0 0 0 var(--prime-border-width) var(--prime-color-border-control);
   font-family: var(--prime-font-family-sans);
 }
 .SegmentedControl_root[data-size=xs] {
@@ -7079,10 +7834,6 @@ li.Dnd_placeholder {
   overflow: clip;
 }
 .SegmentedControl_root[data-full-width=true] .SegmentedControl_list {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-.SegmentedControl_root[data-full-width=true] .SegmentedControl_list:has(> [data-two-line=true]) {
   flex: 1 0 auto;
 }
 .SegmentedControl_item {
@@ -7116,6 +7867,9 @@ li.Dnd_placeholder {
 .SegmentedControl_root[data-full-width=true] .SegmentedControl_item {
   flex: 1 1 0;
 }
+.SegmentedControl_root[data-full-width=true] .SegmentedControl_item:not([data-icon-only=true], [data-two-line=true]) {
+  min-width: max-content;
+}
 .SegmentedControl_item[data-icon-only=true] {
   width: var(--seg-height);
   min-width: var(--seg-height);
@@ -7136,8 +7890,10 @@ li.Dnd_placeholder {
 .SegmentedControl_root[data-full-width=true] .SegmentedControl_item[data-two-line=true] {
   flex: 1 0 auto;
 }
-.SegmentedControl_item[aria-checked=false]:not([data-disabled=true]):hover {
-  color: var(--prime-color-text-primary);
+@media (hover: hover) {
+  .SegmentedControl_item[aria-checked=false]:not([data-disabled=true]):hover {
+    color: var(--prime-color-text-primary);
+  }
 }
 .SegmentedControl_item[aria-checked=true] {
   color: var(--prime-color-text-primary);
@@ -7151,9 +7907,6 @@ li.Dnd_placeholder {
   cursor: not-allowed;
 }
 .SegmentedControl_label {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
 }
 .SegmentedControl_icon {
@@ -7756,9 +8509,11 @@ li.Dnd_placeholder {
   --fu-line: var(--prime-color-accent-default);
   --fu-line-hover: var(--prime-color-accent-default);
 }
-.FileUpload_root:hover:not([data-disabled=true]) {
-  border-color: var(--fu-line-hover);
-  background: var(--prime-color-field-bg-hover);
+@media (hover: hover) {
+  .FileUpload_root:hover:not([data-disabled=true]) {
+    border-color: var(--fu-line-hover);
+    background: var(--prime-color-field-bg-hover);
+  }
 }
 .FileUpload_root[data-state=active]:not([data-disabled=true]) {
   background: var(--prime-color-accent-soft);
@@ -7896,7 +8651,7 @@ li.Dnd_placeholder {
   background: var(--prime-color-danger-soft);
   box-shadow: inset 0 0 0 var(--prime-border-width) var(--prime-color-danger-border);
 }
-.FileUpload_item .FileUpload_formatBadge {
+.FileUpload_item .FileUpload_formatBadge[aria-hidden] {
   grid-area: badge;
   justify-content: center;
   width: var(--fu-item-badge);
@@ -7904,6 +8659,8 @@ li.Dnd_placeholder {
   padding-inline: 0;
   border-radius: var(--fu-item-badge-radius);
   font-weight: var(--prime-font-weight-semibold);
+  line-height: var(--fu-item-badge);
+  text-align: center;
 }
 .FileUpload_itemName {
   grid-area: name;
@@ -7980,8 +8737,8 @@ li.Dnd_placeholder {
   outline: none;
   box-shadow: none;
   font: inherit;
-  font-size: var(--field-text);
-  line-height: var(--field-lh);
+  font-size: var(--field-input-text);
+  line-height: var(--field-input-lh);
   text-overflow: ellipsis;
 }
 .Input_field:focus,
@@ -8023,100 +8780,319 @@ li.Dnd_placeholder {
   height: var(--field-icon);
   color: var(--prime-color-text-muted);
   pointer-events: none;
-  transition: color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
+  transition: color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
+}
+.Input_icon > svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.Input_icon[data-side=start] {
+  order: -1;
+  padding-inline-end: var(--input-icon-space);
+}
+.Input_icon[data-side=end] {
+  order: 3;
+  padding-inline-start: var(--input-icon-space);
+}
+.Input_wrapper:has(input:focus-visible) .Input_icon {
+  color: var(--prime-color-text-secondary);
+}
+.Input_wrapper:has(input:disabled) :is(.Input_icon, .Input_inlineAffix, .Input_affix) {
+  color: var(--prime-color-text-disabled);
+}
+.Input_affix {
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+  flex-shrink: 0;
+  padding-inline: var(--field-px);
+  background: var(--prime-color-fill-subtle);
+  color: var(--prime-color-text-muted);
+  font-size: var(--field-input-text);
+  line-height: var(--field-input-lh);
+  white-space: nowrap;
+}
+.Input_affix[data-side=start] {
+  order: -1;
+}
+.Input_affix[data-side=end] {
+  order: 5;
+}
+.Input_inlineAffix {
+  flex-shrink: 0;
+  color: var(--prime-color-text-muted);
+  font-size: var(--field-input-text);
+  line-height: var(--field-input-lh);
+  white-space: nowrap;
+}
+.Input_inlineAffix[data-side=start] {
+  order: -1;
+}
+.Input_inlineAffix[data-side=end] {
+  order: 1;
+}
+.Input_wrapper:has(> .Input_action) {
+  padding-inline-end: 0;
+}
+.Input_action {
+  order: 4;
+  flex-shrink: 0;
+  display: inline-flex;
+  align-self: stretch;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: calc(var(--field-icon) + 2 * var(--field-px));
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: var(--prime-color-text-muted);
+  cursor: pointer;
+  transition: background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard), color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
+}
+.Input_action > svg {
+  display: block;
+  width: calc(var(--field-icon) - var(--prime-space-1));
+  height: calc(var(--field-icon) - var(--prime-space-1));
+}
+@media (hover: hover) {
+  .Input_action:hover {
+    background: var(--prime-color-fill-subtle);
+    color: var(--prime-color-text-primary);
+  }
+}
+.Input_action:active {
+  background: var(--prime-color-fill-subtle-active);
+}
+.Input_action:focus-visible {
+  outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
+  outline-offset: var(--prime-focus-offset-inset);
+}
+.Input_action:disabled,
+.Input_wrapper:has(input:disabled) .Input_action {
+  color: var(--prime-color-text-disabled);
+  background: transparent;
+  cursor: not-allowed;
+}
+
+/* src/components/kanban/Kanban.module.css */
+.Kanban_root {
+  --kanban-column-width: calc(var(--prime-space-24) * 3);
+  --kanban-gap: var(--prime-space-3);
+  container-type: inline-size;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  inline-size: 100%;
+  min-width: 0;
+  min-height: 0;
+  font-family: var(--prime-font-family-sans);
+  color: var(--prime-color-text-primary);
+}
+.Kanban_scroller {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: stretch;
+  gap: var(--kanban-gap);
+  min-height: 0;
+  padding-block-end: var(--prime-space-2);
+}
+.Kanban_column {
+  position: relative;
+  display: flex;
+  flex: none;
+  flex-direction: column;
+  box-sizing: border-box;
+  inline-size: var(--kanban-column-width);
+  max-block-size: 100%;
+  min-height: 0;
+  padding-block-start: var(--prime-space-2);
+  border-radius: var(--prime-radius-l);
+  background: var(--prime-color-fill-faint);
+  scroll-snap-align: start;
+}
+@container (width < 40rem) {
+  .Kanban_scroller {
+    scroll-snap-type: x mandatory;
+  }
+  .Kanban_column {
+    inline-size: 85cqi;
+  }
+}
+html[data-dnd-active] .Kanban_scroller {
+  scroll-snap-type: none;
+}
+.Kanban_header {
+  display: flex;
+  align-items: center;
+  gap: var(--prime-space-2);
+  min-block-size: var(--prime-control-s-height);
+  padding-inline: var(--prime-space-4) var(--prime-space-2);
+}
+.Kanban_title {
+  min-width: 0;
+  margin: 0;
+  overflow: hidden;
+  font-size: var(--prime-text-title-s-size);
+  font-weight: var(--prime-text-title-s-weight);
+  line-height: var(--prime-text-title-s-line-height);
+  letter-spacing: var(--prime-text-title-s-tracking);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.Kanban_actions {
+  display: flex;
+  flex: none;
+  align-items: center;
+  gap: var(--prime-space-1);
+  margin-inline-start: auto;
+}
+.Kanban_body {
+  display: grid;
+  flex: 1 1 auto;
+  grid-template-rows: 1fr;
+  min-height: 0;
+  padding: var(--prime-space-2);
+}
+.Kanban_swap {
+  display: grid;
+}
+.Kanban_drop {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-block-size: 100%;
+}
+.Kanban_list {
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: column;
+  gap: var(--prime-space-2);
+  min-block-size: var(--prime-space-20);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.Kanban_empty {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline: 0;
+  block-size: var(--prime-space-20);
+  display: grid;
+  place-content: center;
+  border-radius: var(--prime-radius-m);
+  background: var(--prime-color-fill-faint);
+  pointer-events: none;
+  transition: opacity var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Input_icon > svg {
-  display: block;
-  width: 100%;
-  height: 100%;
+.Kanban_list[data-dnd-over] + .Kanban_empty {
+  opacity: 0;
 }
-.Input_icon[data-side=start] {
-  order: -1;
-  padding-inline-end: var(--input-icon-space);
+.Kanban_item {
+  position: relative;
+  isolation: isolate;
+  display: flex;
+  flex-direction: column;
+  gap: var(--prime-space-2);
+  box-sizing: border-box;
+  min-width: 0;
+  padding: var(--prime-space-3);
+  border-radius: var(--prime-radius-m);
+  background: var(--prime-color-bg-raised);
+  box-shadow: var(--prime-card-shadow);
+  list-style: none;
 }
-.Input_icon[data-side=end] {
-  order: 3;
-  padding-inline-start: var(--input-icon-space);
+.Kanban_item::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  border-radius: inherit;
+  background: var(--prime-color-fill-subtle);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Input_wrapper:has(input:focus-visible) .Input_icon {
+@media (hover: hover) {
+  .Kanban_item:not([data-disabled]):hover::after {
+    opacity: 1;
+  }
+}
+.Kanban_item[data-disabled] {
   color: var(--prime-color-text-secondary);
 }
-.Input_wrapper:has(input:disabled) :is(.Input_icon, .Input_inlineAffix, .Input_affix) {
-  color: var(--prime-color-text-disabled);
+.Kanban_itemTitle {
+  display: -webkit-box;
+  overflow: hidden;
+  font-size: var(--prime-text-body-m-size);
+  font-weight: var(--prime-font-weight-medium);
+  line-height: var(--prime-text-body-m-line-height);
+  letter-spacing: var(--prime-text-body-m-tracking);
+  overflow-wrap: anywhere;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
 }
-.Input_affix {
-  display: flex;
-  align-items: center;
-  align-self: stretch;
-  flex-shrink: 0;
-  padding-inline: var(--field-px);
-  background: var(--prime-color-fill-subtle);
+.Kanban_itemDescription {
+  overflow: hidden;
+  font-size: var(--prime-text-caption-size);
+  font-weight: var(--prime-text-caption-weight);
+  line-height: var(--prime-text-caption-line-height);
+  letter-spacing: var(--prime-text-caption-tracking);
   color: var(--prime-color-text-muted);
-  font-size: var(--field-text);
-  line-height: var(--field-lh);
+  font-variant-numeric: tabular-nums;
+  text-overflow: ellipsis;
   white-space: nowrap;
 }
-.Input_affix[data-side=start] {
-  order: -1;
-}
-.Input_affix[data-side=end] {
-  order: 5;
+.Kanban_itemTitle + .Kanban_itemDescription {
+  margin-block-start: calc(var(--prime-space-1) - var(--prime-space-2));
 }
-.Input_inlineAffix {
-  flex-shrink: 0;
-  color: var(--prime-color-text-muted);
-  font-size: var(--field-text);
-  line-height: var(--field-lh);
-  white-space: nowrap;
+.Kanban_itemBadges {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--prime-space-1);
+  min-width: 0;
 }
-.Input_inlineAffix[data-side=start] {
-  order: -1;
+.Kanban_footer {
+  display: flex;
+  align-items: center;
+  gap: var(--prime-space-3);
+  min-width: 0;
+  min-block-size: var(--prime-control-xs-height);
 }
-.Input_inlineAffix[data-side=end] {
-  order: 1;
+.Kanban_footer > * {
+  min-width: 0;
 }
-.Input_wrapper:has(> .Input_action) {
-  padding-inline-end: 0;
+.Kanban_footer > :last-child:not(.Kanban_count):not(:first-child) {
+  margin-inline-start: auto;
 }
-.Input_action {
-  order: 4;
-  flex-shrink: 0;
+.Kanban_count {
+  --prime-icon-size: var(--prime-icon-xs);
   display: inline-flex;
-  align-self: stretch;
   align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  width: calc(var(--field-icon) + 2 * var(--field-px));
-  margin: 0;
-  padding: 0;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
+  gap: var(--prime-space-1);
+  font-size: var(--prime-text-caption-size);
+  line-height: var(--prime-text-caption-line-height);
   color: var(--prime-color-text-muted);
-  cursor: pointer;
-  transition: background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard), color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
-}
-.Input_action > svg {
-  display: block;
-  width: calc(var(--field-icon) - var(--prime-space-1));
-  height: calc(var(--field-icon) - var(--prime-space-1));
-}
-.Input_action:hover {
-  background: var(--prime-color-fill-subtle);
-  color: var(--prime-color-text-primary);
+  font-variant-numeric: tabular-nums;
 }
-.Input_action:active {
-  background: var(--prime-color-fill-subtle-active);
+.Kanban_skeleton {
+  pointer-events: none;
 }
-.Input_action:focus-visible {
-  outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
-  outline-offset: var(--prime-focus-offset-inset);
+.Kanban_skeletonBadge {
+  inline-size: var(--prime-space-16);
+  block-size: var(--prime-badge-s-height);
+  min-block-size: 0;
+  border-radius: var(--prime-badge-s-radius);
 }
-.Input_action:disabled,
-.Input_wrapper:has(input:disabled) .Input_action {
-  color: var(--prime-color-text-disabled);
-  background: transparent;
-  cursor: not-allowed;
+@media (prefers-reduced-motion: reduce) {
+  .Kanban_empty,
+  .Kanban_item::after {
+    transition: none;
+  }
 }
 
 /* src/components/typography/Typography.module.css */
@@ -8315,9 +9291,9 @@ li.Dnd_placeholder {
   border: 0;
   border-radius: var(--field-radius);
   font-family: var(--prime-font-family-sans);
-  font-size: var(--field-text);
+  font-size: var(--field-input-text);
   font-weight: var(--prime-font-weight-regular);
-  line-height: var(--field-lh);
+  line-height: var(--field-input-lh);
   cursor: pointer;
   outline: none;
   appearance: none;
@@ -8347,32 +9323,36 @@ li.Dnd_placeholder {
 }
 .Notification_zone {
   --ntf-edge: var(--prime-space-5);
+  --ntf-safe-top: env(safe-area-inset-top, 0px);
+  --ntf-safe-right: env(safe-area-inset-right, 0px);
+  --ntf-safe-bottom: env(safe-area-inset-bottom, 0px);
+  --ntf-safe-left: env(safe-area-inset-left, 0px);
   position: absolute;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: var(--prime-space-3);
-  width: min(100vw - 2 * var(--ntf-edge), calc(var(--prime-space-24) * 4));
+  width: min(100vw - 2 * var(--ntf-edge) - var(--ntf-safe-left) - var(--ntf-safe-right), calc(var(--prime-space-24) * 4));
   pointer-events: none;
 }
 .Notification_top {
-  top: var(--ntf-edge);
+  top: calc(var(--ntf-edge) + var(--ntf-safe-top));
 }
 .Notification_bottom {
-  bottom: var(--ntf-edge);
+  bottom: calc(var(--ntf-edge) + var(--ntf-safe-bottom));
   flex-direction: column-reverse;
 }
 .Notification_left {
-  left: var(--ntf-edge);
+  left: calc(var(--ntf-edge) + var(--ntf-safe-left));
 }
 .Notification_center {
-  left: 50%;
+  left: calc(50% + (var(--ntf-safe-left) - var(--ntf-safe-right)) / 2);
   transform: translateX(-50%);
 }
 .Notification_right {
-  right: var(--ntf-edge);
+  right: calc(var(--ntf-edge) + var(--ntf-safe-right));
 }
-@media (max-width: 640px) {
+@media (max-width: 639px) {
   .Notification_zone {
     --ntf-edge: var(--prime-space-3);
   }
@@ -8753,6 +9733,97 @@ li.Dnd_placeholder {
   min-width: 0;
 }
 
+/* src/components/page-toolbar/PageToolbar.module.css */
+.PageToolbar_root {
+  container-type: inline-size;
+  display: flex;
+  flex-direction: column;
+  gap: var(--prime-space-3);
+  min-width: 0;
+}
+.PageToolbar_bar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--prime-space-3);
+  min-width: 0;
+}
+.PageToolbar_sections,
+.PageToolbar_tools,
+.PageToolbar_view,
+.PageToolbar_actions {
+  display: flex;
+  align-items: center;
+  gap: var(--prime-space-2);
+  min-width: 0;
+}
+.PageToolbar_sections {
+  order: 1;
+  flex: 1 1 0;
+}
+.PageToolbar_sections > * {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.PageToolbar_actions {
+  order: 2;
+  flex: none;
+  margin-inline-start: auto;
+}
+.PageToolbar_break {
+  order: 3;
+  flex-basis: 100%;
+  height: 0;
+}
+.PageToolbar_tools {
+  order: 4;
+  flex: 999 1 calc(var(--prime-space-24) * 3);
+}
+.PageToolbar_tools > * {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.PageToolbar_view {
+  order: 5;
+  flex: 1 0 auto;
+}
+.PageToolbar_view > * {
+  flex: 1 1 0;
+  min-width: max-content;
+}
+.PageToolbar_chips {
+  min-width: 0;
+}
+.PageToolbar_chips:empty {
+  display: none;
+}
+.PageToolbar_bar:not(:has(> .PageToolbar_sections, > .PageToolbar_actions)) > .PageToolbar_break,
+.PageToolbar_bar:not(:has(> .PageToolbar_tools, > .PageToolbar_view)) > .PageToolbar_break {
+  display: none;
+}
+@container (min-width: 56rem) {
+  .PageToolbar_bar {
+    flex-wrap: nowrap;
+  }
+  .PageToolbar_break {
+    display: none;
+  }
+  .PageToolbar_sections {
+    flex: 0 1 auto;
+  }
+  .PageToolbar_tools {
+    order: 2;
+    min-width: calc(var(--prime-space-24) * 3);
+  }
+  .PageToolbar_view {
+    order: 3;
+    flex: none;
+  }
+  .PageToolbar_actions {
+    order: 4;
+  }
+}
+
 /* src/components/progress-circle/ProgressCircle.module.css */
 .ProgressCircle_root {
   --pc-size: var(--prime-space-12);
@@ -8986,9 +10057,11 @@ li.Dnd_placeholder {
   cursor: pointer;
   transition: background-color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard), color var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Select_clear:hover {
-  background: var(--prime-color-fill-subtle);
-  color: var(--prime-color-text-primary);
+@media (hover: hover) {
+  .Select_clear:hover {
+    background: var(--prime-color-fill-subtle);
+    color: var(--prime-color-text-primary);
+  }
 }
 .Select_content {
   overflow: hidden;
@@ -9081,16 +10154,6 @@ li.Dnd_placeholder {
 :is(.Select_trigger:disabled, .Select_item[data-disabled=true]) :is(.Select_itemDescription, .Select_itemMeta) {
   color: var(--prime-color-text-disabled);
 }
-.Select_check {
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  width: var(--menu-icon);
-  height: var(--menu-icon);
-  color: var(--prime-color-accent-text);
-  --prime-icon-size: var(--menu-icon);
-}
 
 /* src/components/thumbnail/Thumbnail.module.css */
 .Thumbnail_root {
@@ -9395,12 +10458,16 @@ li.Dnd_placeholder {
 }
 .SmartFilter_toolbar {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: var(--prime-space-2);
   min-width: 0;
 }
+.SmartFilter_filterButton {
+  flex: none;
+}
 .SmartFilter_search {
-  flex: 1;
+  flex: 1 1 calc(var(--prime-space-24) * 1.5);
   min-width: 0;
 }
 .SmartFilter_queryRow {
@@ -9584,8 +10651,10 @@ li.Dnd_placeholder {
   gap: var(--st-gap);
   padding: var(--prime-space-1);
 }
-.Stepper_root[data-orientation=horizontal] .Stepper_step:hover:not(:disabled) {
-  color: var(--prime-color-text-primary);
+@media (hover: hover) {
+  .Stepper_root[data-orientation=horizontal] .Stepper_step:hover:not(:disabled) {
+    color: var(--prime-color-text-primary);
+  }
 }
 .Stepper_root[data-orientation=vertical] .Stepper_step {
   display: grid;
@@ -9598,8 +10667,10 @@ li.Dnd_placeholder {
 .Stepper_step:active:not(:disabled) {
   transform: scale(var(--prime-motion-press-scale));
 }
-.Stepper_root[data-orientation=vertical] .Stepper_step:hover:not(:disabled) {
-  background: var(--prime-color-fill-subtle);
+@media (hover: hover) {
+  .Stepper_root[data-orientation=vertical] .Stepper_step:hover:not(:disabled) {
+    background: var(--prime-color-fill-subtle);
+  }
 }
 .Stepper_root[data-orientation=vertical] .Stepper_step:active:not(:disabled) {
   background: var(--prime-color-fill-subtle-active);
@@ -9903,15 +10974,17 @@ li.Dnd_placeholder {
   z-index: 1;
   pointer-events: none;
   opacity: 0;
+}
+.Tabs_indicator[data-visible=true] {
+  opacity: 1;
+}
+.Tabs_indicator[data-animate=true] {
   transition:
     transform var(--prime-motion-duration-base) var(--prime-motion-easing-emphasized),
     width var(--prime-motion-duration-base) var(--prime-motion-easing-emphasized),
     height var(--prime-motion-duration-base) var(--prime-motion-easing-emphasized),
     opacity var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Tabs_indicator[data-visible=true] {
-  opacity: 1;
-}
 .Tabs_indicatorFolder {
   border-radius: var(--tabs-folder-radius) var(--tabs-folder-radius) 0 0;
   background: var(--prime-color-bg-surface);
@@ -9991,12 +11064,16 @@ li.Dnd_placeholder {
 }
 .Tabs_root[data-orientation=horizontal] .Tabs_item {
   flex: 0 1 auto;
-  min-width: var(--tabs-item-min);
+  min-width: max-content;
   max-width: var(--tabs-item-max);
   border-radius: var(--tabs-folder-radius) var(--tabs-folder-radius) 0 0;
 }
+.Tabs_root[data-orientation=horizontal] .Tabs_tab {
+  min-width: var(--tabs-item-min);
+  max-width: var(--tabs-item-max);
+}
 .Tabs_root[data-orientation=horizontal][data-full-width=true] .Tabs_item {
-  flex: 1 1 auto;
+  flex: 1 1 0;
 }
 .Tabs_root[data-orientation=horizontal] .Tabs_tab {
   height: var(--tabs-item-height);
@@ -10051,9 +11128,11 @@ li.Dnd_placeholder {
   opacity: 0;
   transition: opacity var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Tabs_root[data-orientation=horizontal] .Tabs_item:hover:not([data-disabled=true], [data-state=active])::before {
-  opacity: 1;
-  transition-duration: var(--prime-motion-duration-xfast);
+@media (hover: hover) {
+  .Tabs_root[data-orientation=horizontal] .Tabs_item:hover:not([data-disabled=true], [data-state=active])::before {
+    opacity: 1;
+    transition-duration: var(--prime-motion-duration-xfast);
+  }
 }
 .Tabs_root[data-orientation=horizontal] .Tabs_tab::after {
   z-index: 2;
@@ -10065,11 +11144,13 @@ li.Dnd_placeholder {
   outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
   outline-offset: var(--prime-focus-offset-inset);
 }
-.Tabs_item:hover:not([data-disabled=true]) .Tabs_tab {
-  color: var(--prime-color-text-primary);
-}
-.Tabs_root[data-orientation=vertical] .Tabs_tab:hover:not([data-disabled=true], [aria-selected=true]) {
-  background: var(--prime-color-fill-subtle);
+@media (hover: hover) {
+  .Tabs_item:hover:not([data-disabled=true]) .Tabs_tab {
+    color: var(--prime-color-text-primary);
+  }
+  .Tabs_root[data-orientation=vertical] .Tabs_tab:hover:not([data-disabled=true], [aria-selected=true]) {
+    background: var(--prime-color-fill-subtle);
+  }
 }
 .Tabs_tab[aria-selected=true] {
   color: var(--prime-color-text-primary);
@@ -10096,9 +11177,14 @@ li.Dnd_placeholder {
   transform: translateY(-50%);
   transition: opacity var(--prime-motion-duration-fast) var(--prime-motion-easing-standard);
 }
-.Tabs_item:is([data-state=active], :hover, :focus-within) .Tabs_remove {
+.Tabs_item:is([data-state=active], :focus-within) .Tabs_remove {
   opacity: 1;
 }
+@media (hover: hover) {
+  .Tabs_item:hover .Tabs_remove {
+    opacity: 1;
+  }
+}
 @media (hover: none) {
   .Tabs_remove {
     opacity: 1;
@@ -10120,10 +11206,14 @@ li.Dnd_placeholder {
   width: 100%;
   height: 100%;
 }
-.Tabs_item:hover:not([data-disabled=true]) .Tabs_icon,
 .Tabs_tab[aria-selected=true] .Tabs_icon {
   color: inherit;
 }
+@media (hover: hover) {
+  .Tabs_item:hover:not([data-disabled=true]) .Tabs_icon {
+    color: inherit;
+  }
+}
 .Tabs_tab[aria-selected=true] .Tabs_icon:first-child {
   color: var(--prime-color-accent-text);
 }
@@ -10182,7 +11272,8 @@ li.Dnd_placeholder {
   height: var(--tabs-item-height);
   padding-block: 0;
 }
-.Tabs_list[data-collapse=icon] .Tabs_item {
+.Tabs_root .Tabs_list[data-collapse=icon] .Tabs_item,
+.Tabs_root .Tabs_list[data-collapse=icon] .Tabs_tab {
   min-width: var(--tabs-item-height);
 }
 .Tabs_list[data-collapse=icon] .Tabs_tab {
@@ -10253,7 +11344,6 @@ li.Dnd_placeholder {
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .Tabs_indicator,
   .Tabs_content,
   .Tabs_remove {
     transition: none;
@@ -10324,6 +11414,8 @@ li.Dnd_placeholder {
   background: transparent;
   color: inherit;
   font: inherit;
+  font-size: var(--field-input-text);
+  line-height: var(--field-input-lh);
   outline: none;
 }
 .TagSelect_input[data-collapsed=true] {
@@ -10489,8 +11581,10 @@ li.Dnd_placeholder {
 .TagSelect_colorRow {
   justify-content: space-between;
 }
-.TagSelect_colorRow:hover {
-  background: var(--prime-color-fill-subtle);
+@media (hover: hover) {
+  .TagSelect_colorRow:hover {
+    background: var(--prime-color-fill-subtle);
+  }
 }
 .TagSelect_colorRow:focus-visible {
   outline: var(--prime-focus-width) solid var(--prime-color-focus-ring);
@@ -10507,8 +11601,8 @@ li.Dnd_placeholder {
 
 /* src/components/textarea/Textarea.module.css */
 .Textarea_root {
-  --textarea-padding-y: calc((var(--field-h) - var(--field-lh)) / 2);
-  --textarea-inner-min-height: calc(var(--field-lh) * 3);
+  --textarea-padding-y: calc((var(--field-h) - var(--field-input-lh)) / 2);
+  --textarea-inner-min-height: calc(var(--field-input-lh) * 3);
   width: 100%;
 }
 .Textarea_control {
@@ -10538,9 +11632,9 @@ li.Dnd_placeholder {
   padding: 0;
   border: 0;
   font-family: inherit;
-  font-size: var(--field-text);
+  font-size: var(--field-input-text);
   font-weight: inherit;
-  line-height: var(--field-lh);
+  line-height: var(--field-input-lh);
   letter-spacing: inherit;
   white-space: pre-wrap;
   overflow-wrap: anywhere;
@@ -10561,8 +11655,8 @@ li.Dnd_placeholder {
   box-shadow: none;
   resize: vertical;
   font: inherit;
-  font-size: var(--field-text);
-  line-height: var(--field-lh);
+  font-size: var(--field-input-text);
+  line-height: var(--field-input-lh);
   white-space: pre-wrap;
   overflow-wrap: anywhere;
 }
@@ -10733,8 +11827,8 @@ li.Dnd_placeholder {
   top: calc(50% + var(--tl-dot) / 2);
   bottom: 0;
 }
-.Timeline_item:first-child::before,
-.Timeline_item:last-child::after {
+.Timeline_item[data-first]::before,
+.Timeline_item[data-last]::after {
   display: none;
 }
 .Timeline_gapItem {
@@ -10794,13 +11888,22 @@ li.Dnd_placeholder {
 .Timeline_row[data-tone=info] {
   --tl-dot-color: var(--prime-color-info-default);
 }
-.Timeline_row:is(:hover, :focus-visible) {
+.Timeline_row:focus-visible {
   --tl-title-color: var(--prime-color-accent-text);
   background: var(--prime-color-fill-subtle-active);
 }
-.Timeline_row:is(:hover, :focus-visible):not([data-tone]) {
+.Timeline_row:focus-visible:not([data-tone]) {
   --tl-dot-color: var(--prime-color-accent-default);
 }
+@media (hover: hover) {
+  .Timeline_row:hover {
+    --tl-title-color: var(--prime-color-accent-text);
+    background: var(--prime-color-fill-subtle-active);
+  }
+  .Timeline_row:hover:not([data-tone]) {
+    --tl-dot-color: var(--prime-color-accent-default);
+  }
+}
 .Timeline_row[data-interactive=true] {
   cursor: pointer;
 }
@@ -11105,6 +12208,11 @@ li.Dnd_placeholder {
   text-align: end;
   outline: none;
 }
+@media (pointer: coarse), (max-width: 639px) {
+  .ColorPicker_channelInput {
+    font-size: max(1em, var(--prime-control-touch-text-size));
+  }
+}
 .ColorPicker_channelCellHex {
   padding-inline: var(--prime-control-s-field-padding-x);
 }