@ceebee/ui 0.5.2 → 0.6.0

package/dist/styles.css

@@ -11,6 +11,7 @@
   --cb-space-7: 3rem;
   --cb-space-8: 4rem;
 
+  --cb-radius-none: 0;
   --cb-radius-sm: 0.5rem;
   --cb-radius-md: 0.875rem;
   --cb-radius-lg: 1.25rem;
@@ -271,6 +272,20 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   :root { --cb-motion-scale: 0; }
 }
 
+/* foundation/affix/affix.css */
+.cb-affix {
+  position: sticky;
+  z-index: var(--cb-z-sticky);
+}
+
+.cb-affix--top {
+  inset-block-start: var(--cb-affix-offset);
+}
+
+.cb-affix--bottom {
+  inset-block-end: var(--cb-affix-offset);
+}
+
 /* foundation/divider.css */
 .cb-divider {
   border: 0;
@@ -344,6 +359,155 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 .cb-container--lg { max-width: 76rem; }
 .cb-container--full { max-width: none; }
 
+/* foundation/masonry/masonry.css */
+.cb-masonry {
+  column-count: var(--cb-masonry-columns);
+  column-gap: var(--cb-masonry-gap);
+}
+
+.cb-masonry__item {
+  break-inside: avoid;
+  margin-block-end: var(--cb-masonry-gap);
+}
+
+.cb-masonry__skeleton-item {
+  display: block;
+  width: 100%;
+  height: var(--cb-control-height-lg);
+}
+
+.cb-masonry__skeleton-item--0 { height: var(--cb-control-height-md); }
+.cb-masonry__skeleton-item--1 { height: var(--cb-control-height-lg); }
+.cb-masonry__skeleton-item--2 { height: var(--cb-control-height-sm); }
+
+@media (max-width: 900px) {
+  .cb-masonry { column-count: min(var(--cb-masonry-columns), 2); }
+}
+
+@media (max-width: 560px) {
+  .cb-masonry { column-count: 1; }
+}
+
+/* foundation/page-container/page-container.css */
+.cb-page-container { display: flex; flex-direction: column; gap: var(--cb-space-4); padding-block: var(--cb-space-5); color: var(--cb-fg); font-family: var(--cb-font-sans); }
+.cb-page-container__breadcrumb { color: var(--cb-fg-muted); font-size: var(--cb-text-sm); }
+.cb-page-container__header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--cb-space-4); }
+.cb-page-container__heading { display: flex; flex-direction: column; gap: var(--cb-space-1); min-width: 0; }
+.cb-page-container__title { color: var(--cb-fg); font-size: var(--cb-text-xl); font-weight: var(--cb-weight-semibold); }
+.cb-page-container__subtitle { color: var(--cb-fg-muted); font-size: var(--cb-text-sm); line-height: var(--cb-leading-normal); }
+.cb-page-container__extra { flex: none; }
+.cb-page-container__tabs { border-block-end: var(--cb-border-width) solid var(--cb-border); }
+.cb-page-container__body { min-width: 0; }
+.cb-page-container__skeleton-breadcrumb { inline-size: calc(var(--cb-space-8) * 3); block-size: var(--cb-text-sm); }
+.cb-page-container__skeleton-title { inline-size: calc(var(--cb-space-8) * 5); block-size: var(--cb-text-xl); }
+.cb-page-container__skeleton-subtitle { inline-size: calc(var(--cb-space-8) * 7); block-size: var(--cb-text-sm); }
+.cb-page-container__skeleton-extra { inline-size: calc(var(--cb-space-8) * 2); block-size: var(--cb-control-height-sm); }
+.cb-page-container__skeleton-tabs { inline-size: 100%; block-size: var(--cb-control-height-md); }
+@media (max-width: 40rem) { .cb-page-container__header { flex-direction: column; } }
+
+/* foundation/space/space.css */
+.cb-space {
+  display: flex;
+  gap: var(--cb-space-gap);
+}
+
+.cb-space--horizontal { flex-direction: row; }
+.cb-space--vertical { flex-direction: column; }
+.cb-space--wrap { flex-wrap: wrap; }
+.cb-space--align-start { align-items: flex-start; }
+.cb-space--align-center { align-items: center; }
+.cb-space--align-end { align-items: flex-end; }
+.cb-space--align-baseline { align-items: baseline; }
+.cb-space--align-stretch { align-items: stretch; }
+
+.cb-space__item {
+  display: inline-flex;
+  align-items: inherit;
+  min-width: 0;
+}
+
+.cb-space__split {
+  display: inline-flex;
+  align-items: center;
+}
+
+.cb-space-compact {
+  display: inline-flex;
+}
+
+.cb-space-compact--horizontal { flex-direction: row; }
+.cb-space-compact--vertical { flex-direction: column; }
+.cb-space-compact > * + * { margin-inline-start: calc(-1 * var(--cb-border-width)); }
+.cb-space-compact--vertical > * + * {
+  margin-inline-start: 0;
+  margin-block-start: calc(-1 * var(--cb-border-width));
+}
+.cb-space-compact > *:focus-visible {
+  position: relative;
+  z-index: 1;
+}
+
+.cb-space--skeleton .cb-space__skeleton-item {
+  width: var(--cb-space-8);
+  height: var(--cb-control-height-md);
+}
+
+.cb-space--skeleton.cb-space--vertical .cb-space__skeleton-item { width: 100%; }
+
+/* foundation/splitter/splitter.css */
+.cb-splitter {
+  display: flex;
+  min-width: 0;
+  min-height: 0;
+}
+
+.cb-splitter--horizontal {
+  flex-direction: row;
+}
+
+.cb-splitter--vertical {
+  flex-direction: column;
+}
+
+.cb-splitter--handle-sm { --cb-splitter-handle-size: var(--cb-space-1); }
+.cb-splitter--handle-md { --cb-splitter-handle-size: var(--cb-space-2); }
+.cb-splitter--handle-lg { --cb-splitter-handle-size: var(--cb-space-3); }
+
+.cb-splitter__pane { min-width: 0; min-height: 0; flex-basis: 0; }
+.cb-splitter__pane--first { flex-grow: var(--cb-splitter-first-grow); }
+.cb-splitter__pane--second { flex-grow: var(--cb-splitter-second-grow); }
+
+.cb-splitter__handle {
+  position: relative;
+  flex: 0 0 var(--cb-splitter-handle-size);
+  background: var(--cb-border);
+  outline: none;
+  touch-action: none;
+}
+
+.cb-splitter--horizontal .cb-splitter__handle { cursor: col-resize; }
+.cb-splitter--vertical .cb-splitter__handle { cursor: row-resize; }
+.cb-splitter--horizontal .cb-splitter__handle::before {
+  position: absolute;
+  inset-block: 0;
+  inset-inline: calc(-1 * var(--cb-space-3));
+  content: '';
+}
+.cb-splitter--vertical .cb-splitter__handle::before {
+  position: absolute;
+  inset-inline: 0;
+  inset-block: calc(-1 * var(--cb-space-3));
+  content: '';
+}
+.cb-splitter__handle:focus-visible {
+  background: var(--cb-tone-brand);
+  outline: var(--cb-focus-width) solid var(--cb-tone-brand);
+  outline-offset: var(--cb-focus-offset);
+}
+.cb-splitter--disabled .cb-splitter__handle { cursor: default; }
+.cb-splitter--skeleton .cb-splitter__handle { background: var(--cb-border); }
+.cb-splitter__skeleton-pane { display: block; width: 100%; height: 100%; }
+
 /* foundation/surface.css */
 .cb-surface {
   --cb-surface-accent: var(--cb-tone-neutral);
@@ -443,6 +607,7 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   }
 }
 
+.cb-radius--none { border-radius: var(--cb-radius-none); }
 .cb-radius--sm { border-radius: var(--cb-radius-sm); }
 .cb-radius--md { border-radius: var(--cb-radius-md); }
 .cb-radius--lg { border-radius: var(--cb-radius-lg); }
@@ -532,8 +697,10 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   color: var(--cb-fg-subtle);
   cursor: pointer;
 }
-.cb-autocomplete__clear:hover,
-.cb-autocomplete__trigger:hover { color: var(--cb-fg); background: var(--cb-bg-subtle); }
+@media (hover: hover) {
+  .cb-autocomplete__clear:hover,
+  .cb-autocomplete__trigger:hover { color: var(--cb-fg); background: var(--cb-bg-subtle); }
+}
 .cb-autocomplete__clear:focus-visible,
 .cb-autocomplete__trigger:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
 
@@ -626,19 +793,27 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 .cb-button--lg { height: var(--cb-control-height-lg); padding-inline: var(--cb-space-5); font-size: var(--cb-text-md); }
 
 .cb-button--solid { background: var(--cb-button-accent); color: var(--cb-button-fg); }
-.cb-button--solid:hover:not(:disabled) { background: color-mix(in oklch, var(--cb-button-accent) 88%, black); }
+@media (hover: hover) {
+  .cb-button--solid:hover:not(:disabled) { background: color-mix(in oklch, var(--cb-button-accent) 88%, black); }
+}
 
 .cb-button--soft {
   background: color-mix(in oklch, var(--cb-button-accent) 14%, transparent);
   color: var(--cb-button-accent);
 }
-.cb-button--soft:hover:not(:disabled) { background: color-mix(in oklch, var(--cb-button-accent) 22%, transparent); }
+@media (hover: hover) {
+  .cb-button--soft:hover:not(:disabled) { background: color-mix(in oklch, var(--cb-button-accent) 22%, transparent); }
+}
 
 .cb-button--outline { border-color: var(--cb-border-strong); color: var(--cb-fg); background: transparent; }
-.cb-button--outline:hover:not(:disabled) { border-color: var(--cb-button-accent); color: var(--cb-button-accent); }
+@media (hover: hover) {
+  .cb-button--outline:hover:not(:disabled) { border-color: var(--cb-button-accent); color: var(--cb-button-accent); }
+}
 
 .cb-button--ghost { background: transparent; color: var(--cb-fg-muted); }
-.cb-button--ghost:hover:not(:disabled) { background: var(--cb-bg-subtle); color: var(--cb-fg); }
+@media (hover: hover) {
+  .cb-button--ghost:hover:not(:disabled) { background: var(--cb-bg-subtle); color: var(--cb-fg); }
+}
 
 /* Square, no text padding, no gap: the glyph sits on the centre of the control. */
 .cb-button--icon { padding-inline: 0; gap: 0; }
@@ -670,6 +845,69 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
    browser's own link styling is taken back off. */
 .cb-link-button { text-decoration: none; }
 
+/* form/cascader/cascader.css */
+.cb-cascader {
+  display: inline-flex;
+  width: 100%;
+  min-height: var(--cb-control-height-md);
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--cb-space-2);
+  box-sizing: border-box;
+  padding-inline: var(--cb-space-3);
+  background: var(--cb-surface);
+  border: var(--cb-border-width) solid var(--cb-border-strong);
+  border-radius: var(--cb-radius-md);
+  color: var(--cb-fg);
+  font-family: var(--cb-font-sans);
+  font-size: var(--cb-text-sm);
+  text-align: start;
+  cursor: pointer;
+  transition: border-color var(--cb-duration-fast) var(--cb-ease-standard), box-shadow var(--cb-duration-fast) var(--cb-ease-standard);
+}
+
+@media (hover: hover) {
+  .cb-cascader:hover:not(:disabled) { border-color: var(--cb-fg-subtle); }
+}
+.cb-cascader:focus-visible { outline: none; border-color: var(--cb-tone-brand); box-shadow: 0 0 0 var(--cb-focus-width) color-mix(in oklch, var(--cb-tone-brand) 30%, transparent); }
+.cb-cascader[aria-invalid="true"] { border-color: var(--cb-tone-danger); }
+.cb-cascader:disabled { color: var(--cb-fg-subtle); cursor: not-allowed; }
+.cb-cascader__value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.cb-cascader__icon { flex: none; width: var(--cb-space-4); height: var(--cb-space-4); color: var(--cb-fg-subtle); transition: rotate var(--cb-duration-fast) var(--cb-ease-standard); }
+.cb-cascader[aria-expanded="true"] .cb-cascader__icon { rotate: 180deg; }
+.cb-cascader__positioner { z-index: var(--cb-z-dropdown); }
+.cb-cascader__popup {
+  max-width: var(--available-width, 100vw);
+  overflow-x: auto;
+  background: var(--cb-surface-raised);
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-radius: var(--cb-radius-md);
+  box-shadow: var(--cb-shadow-md);
+  font-family: var(--cb-font-sans);
+  transition: opacity var(--cb-duration-fast) var(--cb-ease-entrance), transform var(--cb-duration-fast) var(--cb-ease-entrance);
+}
+.cb-cascader__popup[data-starting-style], .cb-cascader__popup[data-ending-style] { opacity: 0; transform: translateY(var(--cb-space-1)); }
+.cb-cascader__columns { display: flex; }
+.cb-cascader__column { display: grid; min-width: calc(var(--cb-control-height-lg) * 4); max-height: calc(var(--cb-control-height-lg) * 6); overflow-y: auto; padding: var(--cb-space-1); border-inline-start: var(--cb-border-width) solid var(--cb-border); }
+.cb-cascader__column:first-child { border-inline-start: none; }
+.cb-cascader__option { display: flex; min-height: var(--cb-control-height-sm); align-items: center; justify-content: space-between; gap: var(--cb-space-3); padding: var(--cb-space-2) var(--cb-space-3); border: 0; border-radius: var(--cb-radius-sm); background: transparent; color: var(--cb-fg); font: inherit; font-size: var(--cb-text-sm); text-align: start; cursor: pointer; }
+.cb-cascader__option[data-active] { background: var(--cb-bg-subtle); }
+@media (hover: hover) {
+  .cb-cascader__option:hover:not(:disabled) { background: var(--cb-bg-subtle); }
+}
+.cb-cascader__option:disabled { color: var(--cb-fg-subtle); cursor: not-allowed; }
+.cb-cascader__option:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
+.cb-cascader__option-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.cb-cascader__option-icon { flex: none; width: var(--cb-space-4); height: var(--cb-space-4); }
+.cb-cascader--motionless, .cb-cascader--motionless .cb-cascader__icon, .cb-cascader__popup--motionless { transition: none; }
+.cb-cascader--skeleton { pointer-events: none; cursor: default; }
+.cb-cascader__skeleton-menu { display: grid; width: 100%; gap: var(--cb-space-1); }
+.cb-cascader__skeleton-label { inline-size: calc(var(--cb-space-8) * 2); block-size: var(--cb-text-sm); }
+@media (prefers-reduced-motion: reduce) {
+  .cb-cascader, .cb-cascader__icon, .cb-cascader__popup { transition: opacity var(--cb-duration-fast) var(--cb-ease-entrance); }
+  .cb-cascader__popup[data-starting-style], .cb-cascader__popup[data-ending-style] { transform: none; }
+}
+
 /* form/choice.css */
 .cb-choice { display: flex; align-items: flex-start; gap: var(--cb-space-3); }
 /* A row whose text is a single line centres on the control instead of hanging from its top. */
@@ -871,6 +1109,23 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   .cb-radio-group--segmented .cb-choice__label { transition: none; }
 }
 
+/* form/color-picker/color-picker.css */
+.cb-color-picker { display: inline-flex; font-family: var(--cb-font-sans); }
+.cb-color-picker__trigger { display: inline-flex; min-block-size: var(--cb-control-height-md); align-items: center; gap: var(--cb-space-2); padding: var(--cb-space-2) var(--cb-space-3); border: var(--cb-border-width) solid var(--cb-border-strong); border-radius: var(--cb-radius-md); background: var(--cb-surface); color: var(--cb-fg); font: inherit; cursor: pointer; }
+.cb-color-picker__trigger:focus-visible, .cb-color-picker__option:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset); }
+.cb-color-picker__trigger:disabled { color: var(--cb-fg-subtle); cursor: not-allowed; }
+.cb-color-picker__swatch { display: block; inline-size: var(--cb-space-4); block-size: var(--cb-space-4); border: var(--cb-border-width) solid var(--cb-border); border-radius: var(--cb-radius-sm); background: var(--cb-tone-brand); }
+.cb-color-picker__swatch[data-tone='neutral'] { background: var(--cb-tone-neutral); }.cb-color-picker__swatch[data-tone='success'] { background: var(--cb-tone-success); }.cb-color-picker__swatch[data-tone='warning'] { background: var(--cb-tone-warning); }.cb-color-picker__swatch[data-tone='danger'] { background: var(--cb-tone-danger); }.cb-color-picker__swatch[data-tone='info'] { background: var(--cb-tone-info); }
+.cb-color-picker__positioner { z-index: var(--cb-z-dropdown); }
+.cb-color-picker__popup { padding: var(--cb-space-2); background: var(--cb-surface-raised); border: var(--cb-border-width) solid var(--cb-border); border-radius: var(--cb-radius-md); box-shadow: var(--cb-shadow-md); transition: opacity var(--cb-duration-fast) var(--cb-ease-entrance), transform var(--cb-duration-fast) var(--cb-ease-entrance); }
+.cb-color-picker__popup[data-starting-style], .cb-color-picker__popup[data-ending-style] { opacity: 0; transform: translateY(var(--cb-space-1)); }
+.cb-color-picker__grid { display: grid; gap: var(--cb-space-2); }.cb-color-picker__row { display: grid; grid-template-columns: repeat(3, var(--cb-control-height-md)); gap: var(--cb-space-2); }
+.cb-color-picker__option { display: grid; inline-size: var(--cb-control-height-md); block-size: var(--cb-control-height-md); place-items: center; padding: 0; border: var(--cb-border-width) solid transparent; border-radius: var(--cb-radius-sm); background: transparent; cursor: pointer; }
+.cb-color-picker__option[data-selected] { border-color: var(--cb-fg); }.cb-color-picker__option:disabled { color: var(--cb-fg-subtle); cursor: not-allowed; }
+.cb-color-picker--skeleton { min-block-size: var(--cb-control-height-md); min-inline-size: calc(var(--cb-space-8) * 4); padding: var(--cb-space-2); border: var(--cb-border-width) solid var(--cb-border); border-radius: var(--cb-radius-md); }.cb-color-picker__skeleton { display: block; inline-size: 100%; block-size: var(--cb-space-4); }
+.cb-color-picker__popup[data-motion='off'] { transition: none; }.cb-color-picker__popup[data-motion='off'][data-starting-style], .cb-color-picker__popup[data-motion='off'][data-ending-style] { transform: none; }
+@media (prefers-reduced-motion: reduce) { .cb-color-picker__popup { transition: opacity var(--cb-duration-fast) var(--cb-ease-entrance); }.cb-color-picker__popup[data-starting-style], .cb-color-picker__popup[data-ending-style] { transform: none; } }
+
 /* form/date-picker.css */
 .cb-date {
   display: flex;
@@ -919,10 +1174,12 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   color: var(--cb-fg-subtle);
   cursor: pointer;
 }
-.cb-date__trigger:hover { color: var(--cb-fg); background: var(--cb-bg-subtle); }
+@media (hover: hover) {
+  .cb-date__trigger:hover { color: var(--cb-fg); background: var(--cb-bg-subtle); }
+}
 .cb-date__trigger:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
 
-.cb-calendar {
+.cb-date-picker-calendar {
   padding: var(--cb-space-3);
   background: var(--cb-surface-raised);
   border: var(--cb-border-width) solid var(--cb-border);
@@ -931,12 +1188,12 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   font-family: var(--cb-font-sans);
   transition: opacity var(--cb-duration-fast) var(--cb-ease-entrance);
 }
-.cb-calendar[data-starting-style],
-.cb-calendar[data-ending-style] { opacity: 0; }
+.cb-date-picker-calendar[data-starting-style],
+.cb-date-picker-calendar[data-ending-style] { opacity: 0; }
 
-.cb-calendar__head { display: flex; align-items: center; justify-content: space-between; gap: var(--cb-space-2); margin-bottom: var(--cb-space-2); }
-.cb-calendar__month { margin: 0; font-size: var(--cb-text-sm); font-weight: var(--cb-weight-medium); color: var(--cb-fg); }
-.cb-calendar__nav {
+.cb-date-picker-calendar__head { display: flex; align-items: center; justify-content: space-between; gap: var(--cb-space-2); margin-bottom: var(--cb-space-2); }
+.cb-date-picker-calendar__month { margin: 0; font-size: var(--cb-text-sm); font-weight: var(--cb-weight-medium); color: var(--cb-fg); }
+.cb-date-picker-calendar__nav {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -948,17 +1205,19 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   color: var(--cb-fg-muted);
   cursor: pointer;
 }
-.cb-calendar__nav:hover { background: var(--cb-bg-subtle); color: var(--cb-fg); }
-.cb-calendar__nav:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset); }
+@media (hover: hover) {
+  .cb-date-picker-calendar__nav:hover { background: var(--cb-bg-subtle); color: var(--cb-fg); }
+}
+.cb-date-picker-calendar__nav:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset); }
 
-.cb-calendar__grid { border-collapse: collapse; }
-.cb-calendar__grid th {
+.cb-date-picker-calendar__grid { border-collapse: collapse; }
+.cb-date-picker-calendar__grid th {
   font-size: 0.6875rem;
   font-weight: var(--cb-weight-medium);
   color: var(--cb-fg-subtle);
   padding-bottom: var(--cb-space-1);
 }
-.cb-calendar__day {
+.cb-date-picker-calendar__day {
   width: 2rem;
   height: 2rem;
   border: none;
@@ -970,12 +1229,14 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   font-variant-numeric: tabular-nums;
   cursor: pointer;
 }
-.cb-calendar__day:hover:not(:disabled) { background: var(--cb-bg-subtle); }
-.cb-calendar__day[data-outside] { color: var(--cb-fg-subtle); }
-.cb-calendar__day[data-today] { box-shadow: inset 0 0 0 1px var(--cb-border-strong); }
-.cb-calendar__day[data-selected] { background: var(--cb-tone-brand); color: var(--cb-fg-on-brand); font-weight: var(--cb-weight-medium); }
-.cb-calendar__day:disabled { opacity: 0.3; cursor: not-allowed; }
-.cb-calendar__day:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
+@media (hover: hover) {
+  .cb-date-picker-calendar__day:hover:not(:disabled) { background: var(--cb-bg-subtle); }
+}
+.cb-date-picker-calendar__day[data-outside] { color: var(--cb-fg-subtle); }
+.cb-date-picker-calendar__day[data-today] { box-shadow: inset 0 0 0 var(--cb-border-width) var(--cb-border-strong); }
+.cb-date-picker-calendar__day[data-selected] { background: var(--cb-tone-brand); color: var(--cb-fg-on-brand); font-weight: var(--cb-weight-medium); }
+.cb-date-picker-calendar__day:disabled { opacity: 0.3; cursor: not-allowed; }
+.cb-date-picker-calendar__day:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
 
 .cb-times {
   max-height: 15rem;
@@ -1001,10 +1262,12 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   text-align: start;
   cursor: pointer;
 }
-.cb-times__option:hover { background: var(--cb-bg-subtle); }
+@media (hover: hover) {
+  .cb-times__option:hover { background: var(--cb-bg-subtle); }
+}
 .cb-times__option[data-selected] { background: color-mix(in oklch, var(--cb-tone-brand) 16%, transparent); color: var(--cb-tone-brand); font-weight: var(--cb-weight-medium); }
 .cb-times__option:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
-.cb-calendar__positioner,
+.cb-date-picker-calendar__positioner,
 .cb-times__positioner { z-index: var(--cb-z-dropdown); }
 
 /* form/field.css */
@@ -1058,6 +1321,48 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   box-shadow: 0 0 0 var(--cb-focus-width) color-mix(in oklch, var(--cb-tone-danger) 30%, transparent);
 }
 
+/* form/float-button/float-button.css */
+.cb-float-button {
+  --cb-float-button-accent: var(--cb-tone-brand);
+  --cb-float-button-fg: var(--cb-fg-on-brand);
+  position: fixed;
+  z-index: var(--cb-z-sticky);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--cb-space-2);
+  border: var(--cb-border-width) solid transparent;
+  border-radius: var(--cb-radius-full);
+  background: var(--cb-float-button-accent);
+  color: var(--cb-float-button-fg);
+  font-family: var(--cb-font-sans);
+  font-weight: var(--cb-weight-medium);
+  cursor: pointer;
+  box-shadow: var(--cb-shadow-md);
+}
+
+.cb-float-button:disabled { opacity: 0.55; cursor: not-allowed; }
+.cb-float-button:focus-visible {
+  outline: var(--cb-focus-width) solid var(--cb-float-button-accent);
+  outline-offset: var(--cb-focus-offset);
+}
+
+.cb-float-button[data-tone="neutral"] { --cb-float-button-accent: var(--cb-fg); --cb-float-button-fg: var(--cb-bg); }
+.cb-float-button[data-tone="info"] { --cb-float-button-accent: var(--cb-tone-info); }
+.cb-float-button[data-tone="success"] { --cb-float-button-accent: var(--cb-tone-success); }
+.cb-float-button[data-tone="warning"] { --cb-float-button-accent: var(--cb-tone-warning); --cb-float-button-fg: var(--cb-on-warning); }
+.cb-float-button[data-tone="danger"] { --cb-float-button-accent: var(--cb-tone-danger); }
+
+.cb-float-button--bottom-start { inset-block-end: var(--cb-space-5); inset-inline-start: var(--cb-space-5); }
+.cb-float-button--bottom-end { inset-block-end: var(--cb-space-5); inset-inline-end: var(--cb-space-5); }
+
+.cb-float-button--sm { width: var(--cb-control-height-sm); height: var(--cb-control-height-sm); font-size: var(--cb-text-sm); }
+.cb-float-button--md { width: var(--cb-control-height-md); height: var(--cb-control-height-md); font-size: var(--cb-text-sm); }
+.cb-float-button--lg { width: var(--cb-control-height-lg); height: var(--cb-control-height-lg); font-size: var(--cb-text-md); }
+
+.cb-float-button--label-visible { width: auto; padding-inline: var(--cb-space-4); }
+.cb-float-button__icon { display: inline-flex; }
+
 /* form/input-number.css */
 .cb-number {
   display: inline-flex;
@@ -1111,10 +1416,94 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   cursor: pointer;
   transition: background-color var(--cb-duration-fast) var(--cb-ease-standard);
 }
-.cb-number__step:hover:not(:disabled) { background: var(--cb-bg-subtle); color: var(--cb-fg); }
+@media (hover: hover) {
+  .cb-number__step:hover:not(:disabled) { background: var(--cb-bg-subtle); color: var(--cb-fg); }
+}
 .cb-number__step:disabled { opacity: 0.35; cursor: not-allowed; }
 .cb-number__step:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
 
+/* form/mentions/mentions.css */
+.cb-mentions {
+  box-sizing: border-box;
+  width: 100%;
+  padding: var(--cb-space-3);
+  background: var(--cb-surface);
+  border: var(--cb-border-width) solid var(--cb-border-strong);
+  border-radius: var(--cb-radius-md);
+  transition: border-color var(--cb-duration-fast) var(--cb-ease-standard), box-shadow var(--cb-duration-fast) var(--cb-ease-standard);
+}
+
+.cb-mentions:focus-within { border-color: var(--cb-tone-brand); box-shadow: 0 0 0 var(--cb-focus-width) color-mix(in oklch, var(--cb-tone-brand) 30%, transparent); }
+.cb-mentions[data-disabled] { color: var(--cb-fg-subtle); }
+.cb-mentions:has(.cb-mentions__textarea[aria-invalid="true"]) { border-color: var(--cb-tone-danger); }
+.cb-mentions__textarea {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: var(--cb-control-height-lg);
+  resize: vertical;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--cb-fg);
+  font-family: var(--cb-font-sans);
+  font-size: var(--cb-text-sm);
+  line-height: var(--cb-leading-normal);
+  outline: none;
+}
+
+.cb-mentions__textarea::placeholder { color: var(--cb-fg-subtle); }
+.cb-mentions__positioner { z-index: var(--cb-z-dropdown); }
+.cb-mentions__popup {
+  box-sizing: border-box;
+  min-width: var(--anchor-width, var(--cb-control-height-lg));
+  max-width: var(--available-width, 100vw);
+  max-height: min(calc(var(--cb-control-height-lg) * 6), var(--available-height, calc(var(--cb-control-height-lg) * 6)));
+  overflow-y: auto;
+  padding: var(--cb-space-1);
+  background: var(--cb-surface-raised);
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-radius: var(--cb-radius-md);
+  box-shadow: var(--cb-shadow-md);
+  font-family: var(--cb-font-sans);
+  transition: opacity var(--cb-duration-fast) var(--cb-ease-entrance), transform var(--cb-duration-fast) var(--cb-ease-entrance);
+}
+
+.cb-mentions__popup[data-starting-style],
+.cb-mentions__popup[data-ending-style] { opacity: 0; transform: translateY(var(--cb-space-1)); }
+.cb-mentions__list { display: grid; }
+.cb-mentions__option {
+  min-height: var(--cb-control-height-sm);
+  padding: var(--cb-space-2) var(--cb-space-3);
+  border: 0;
+  border-radius: var(--cb-radius-sm);
+  background: transparent;
+  color: var(--cb-fg);
+  font: inherit;
+  font-size: var(--cb-text-sm);
+  line-height: var(--cb-leading-tight);
+  text-align: start;
+  cursor: pointer;
+}
+
+/* Keyboard selection is not hover and must stay outside the query: it is how
+   somebody arrowing through the list sees where they are. */
+.cb-mentions__option[data-active] { background: var(--cb-bg-subtle); }
+@media (hover: hover) {
+  .cb-mentions__option:hover:not(:disabled) { background: var(--cb-bg-subtle); }
+}
+.cb-mentions__option:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
+.cb-mentions__option:disabled { color: var(--cb-fg-subtle); cursor: not-allowed; }
+.cb-mentions--motionless,
+.cb-mentions__popup--motionless { transition: none; }
+
+@media (prefers-reduced-motion: reduce) {
+  .cb-mentions,
+  .cb-mentions__popup { transition: opacity var(--cb-duration-fast) var(--cb-ease-entrance); }
+  .cb-mentions__popup[data-starting-style],
+  .cb-mentions__popup[data-ending-style] { transform: none; }
+}
+
 /* form/rate.css */
 .cb-rate {
   display: inline-flex;
@@ -1134,7 +1523,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   border-radius: var(--cb-radius-sm);
   transition: transform var(--cb-duration-fast) var(--cb-ease-standard);
 }
-.cb-rate__star:hover { transform: scale(1.12); }
+@media (hover: hover) {
+  .cb-rate__star:hover { transform: scale(1.12); }
+}
 .cb-rate__star:focus-visible {
   outline: var(--cb-focus-width) solid var(--cb-tone-brand);
   outline-offset: var(--cb-focus-offset);
@@ -1144,7 +1535,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
    already filled or not, which is the whole feedback. */
 @media (prefers-reduced-motion: reduce) {
   .cb-rate__star { transition: none; }
-  .cb-rate__star:hover { transform: none; }
+  @media (hover: hover) {
+    .cb-rate__star:hover { transform: none; }
+  }
 }
 
 /* form/select.css */
@@ -1172,7 +1565,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 .cb-select--sm { height: var(--cb-control-height-sm); }
 .cb-select--md { height: var(--cb-control-height-md); }
 .cb-select--lg { height: var(--cb-control-height-lg); }
-.cb-select:hover:not(:disabled) { border-color: var(--cb-fg-subtle); }
+@media (hover: hover) {
+  .cb-select:hover:not(:disabled) { border-color: var(--cb-fg-subtle); }
+}
 .cb-select:focus-visible {
   outline: none;
   border-color: var(--cb-tone-brand);
@@ -1237,54 +1632,275 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 .cb-select__item[data-disabled] { color: var(--cb-fg-subtle); text-decoration: line-through; cursor: not-allowed; }
 .cb-select__check { order: 2; display: inline-flex; justify-content: center; color: var(--cb-tone-brand); }
 
-/* form/upload.css */
-.cb-filedrop { display: flex; flex-direction: column; gap: var(--cb-space-3); font-family: var(--cb-font-sans); }
-.cb-filedrop__zone {
-  cursor: pointer;
+/* form/slider/slider.css */
+.cb-slider {
+  --cb-slider-accent: var(--cb-tone-brand);
+  --cb-slider-thumb-size: var(--cb-control-height-sm);
+  display: block;
+  color: var(--cb-fg);
+  font-family: var(--cb-font-sans);
+}
+
+.cb-slider[data-tone="neutral"] { --cb-slider-accent: var(--cb-tone-neutral); }
+.cb-slider[data-tone="info"] { --cb-slider-accent: var(--cb-tone-info); }
+.cb-slider[data-tone="success"] { --cb-slider-accent: var(--cb-tone-success); }
+.cb-slider[data-tone="warning"] { --cb-slider-accent: var(--cb-tone-warning); }
+.cb-slider[data-tone="danger"] { --cb-slider-accent: var(--cb-tone-danger); }
+
+.cb-slider--sm { --cb-slider-thumb-size: var(--cb-control-height-sm); }
+.cb-slider--md { --cb-slider-thumb-size: var(--cb-control-height-md); }
+.cb-slider--lg { --cb-slider-thumb-size: var(--cb-control-height-lg); }
+
+.cb-slider__control {
+  position: relative;
   display: flex;
-  flex-direction: column;
   align-items: center;
-  gap: var(--cb-space-2);
-  padding: var(--cb-space-6) var(--cb-space-4);
-  border: 1px dashed var(--cb-border-strong);
-  border-radius: var(--cb-radius-lg);
-  background: var(--cb-surface);
-  text-align: center;
-  transition: border-color var(--cb-duration-fast) var(--cb-ease-standard),
-    background-color var(--cb-duration-fast) var(--cb-ease-standard);
+  min-inline-size: 100%;
+  block-size: var(--cb-slider-thumb-size);
+  touch-action: none;
 }
-.cb-filedrop__zone[data-over] {
-  border-color: var(--cb-tone-brand);
-  background: color-mix(in oklch, var(--cb-tone-brand) 8%, var(--cb-surface));
+
+.cb-slider__track {
+  inline-size: 100%;
+  block-size: var(--cb-space-2);
+  overflow: hidden;
+  border-radius: var(--cb-radius-full);
+  background: var(--cb-bg-subtle);
 }
-.cb-filedrop__zone[data-disabled] { opacity: 0.55; }
-.cb-filedrop__icon { color: var(--cb-fg-subtle); }
-.cb-filedrop__button {
-  color: var(--cb-tone-brand);
-  font-size: var(--cb-text-sm);
-  font-weight: var(--cb-weight-medium);
-  border-radius: var(--cb-radius-sm);
-  padding: var(--cb-space-1) var(--cb-space-2);
+
+.cb-slider__indicator { background: var(--cb-slider-accent); }
+
+.cb-slider__thumb {
+  box-sizing: border-box;
+  inline-size: var(--cb-slider-thumb-size);
+  block-size: var(--cb-slider-thumb-size);
+  border: var(--cb-border-width) solid var(--cb-slider-accent);
+  border-radius: var(--cb-radius-full);
+  background: var(--cb-surface-raised);
+  box-shadow: var(--cb-shadow-sm);
+  cursor: grab;
+  transition: box-shadow var(--cb-duration-fast) var(--cb-ease-standard);
 }
-.cb-filedrop__zone:hover .cb-filedrop__button { background: color-mix(in oklch, var(--cb-tone-brand) 12%, transparent); }
-/* The input is what receives focus, so the ring is drawn on the zone around it. */
-.cb-filedrop__zone:has(input:focus-visible) {
-  outline: var(--cb-focus-width) solid var(--cb-tone-brand);
+
+.cb-slider__thumb:focus-visible {
+  outline: var(--cb-focus-width) solid var(--cb-slider-accent);
   outline-offset: var(--cb-focus-offset);
 }
-.cb-filedrop__zone[data-disabled] { cursor: not-allowed; }
-.cb-filedrop__hint { margin: 0; font-size: var(--cb-text-xs); color: var(--cb-fg-subtle); }
 
-.cb-filedrop__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--cb-space-2); }
-.cb-filedrop__file {
-  margin: 0;
-  display: flex;
+.cb-slider__thumb[data-dragging] { cursor: grabbing; box-shadow: var(--cb-shadow-md); }
+.cb-slider__thumb[data-disabled] { cursor: not-allowed; border-color: var(--cb-fg-subtle); }
+.cb-slider[data-disabled] { color: var(--cb-fg-subtle); }
+.cb-slider[data-invalid] .cb-slider__track { outline: var(--cb-focus-width) solid var(--cb-tone-danger); outline-offset: var(--cb-focus-offset-inset); }
+.cb-slider--motionless .cb-slider__thumb { transition: none; }
+
+.cb-slider--vertical { inline-size: var(--cb-slider-thumb-size); }
+.cb-slider--vertical .cb-slider__control {
+  min-inline-size: auto;
+  min-block-size: calc(var(--cb-control-height-lg) * 4);
+  block-size: auto;
+  justify-content: center;
+}
+.cb-slider--vertical .cb-slider__track { inline-size: var(--cb-space-2); block-size: 100%; }
+
+.cb-slider--skeleton .cb-slider__control { pointer-events: none; }
+.cb-slider--skeleton .cb-slider__track { position: absolute; }
+.cb-slider--skeleton .cb-slider__thumb {
+  position: absolute;
+  inset-inline-start: var(--cb-space-0);
+  box-shadow: none;
+}
+.cb-slider--skeleton.cb-slider--range .cb-slider__thumb:last-child { inset-inline-start: auto; inset-inline-end: var(--cb-space-0); }
+.cb-slider--skeleton.cb-slider--vertical .cb-slider__track { inset-inline-start: 50%; transform: translateX(-50%); }
+.cb-slider--skeleton.cb-slider--vertical .cb-slider__thumb { inset-block-end: var(--cb-space-0); }
+.cb-slider--skeleton.cb-slider--vertical.cb-slider--range .cb-slider__thumb:last-child { inset-block-end: auto; inset-block-start: var(--cb-space-0); }
+
+@media (prefers-reduced-motion: reduce) {
+  .cb-slider__thumb { transition: none; }
+}
+
+/* form/transfer/transfer.css */
+.cb-transfer {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
   align-items: center;
   gap: var(--cb-space-3);
-  padding: var(--cb-space-2) var(--cb-space-3);
-  border: var(--cb-border-width) solid var(--cb-border);
-  border-radius: var(--cb-radius-md);
-  background: var(--cb-surface);
+  color: var(--cb-fg);
+  font-family: var(--cb-font-sans);
+  font-size: var(--cb-text-sm);
+}
+
+.cb-transfer__list {
+  display: grid;
+  min-width: 0;
+  min-block-size: calc(var(--cb-control-height-md) * 6);
+  margin: 0;
+  padding: var(--cb-space-3);
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-radius: var(--cb-radius-md);
+  background: var(--cb-surface-raised);
+}
+
+.cb-transfer__title {
+  grid-column: 1;
+  padding: 0;
+  font-weight: var(--cb-weight-semibold);
+}
+
+.cb-transfer__count {
+  grid-column: 2;
+  grid-row: 1;
+  justify-self: end;
+  color: var(--cb-fg-subtle);
+  font-variant-numeric: tabular-nums;
+}
+
+.cb-transfer__items {
+  grid-column: 1 / -1;
+  display: grid;
+  align-content: start;
+  gap: var(--cb-space-1);
+  margin: var(--cb-space-3) 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+.cb-transfer__item {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--cb-space-2);
+  min-width: 0;
+  padding: var(--cb-space-2);
+  border-radius: var(--cb-radius-sm);
+}
+
+.cb-transfer__item:has(.cb-transfer__checkbox:focus-visible) {
+  outline: var(--cb-focus-width) solid var(--cb-tone-brand);
+  outline-offset: var(--cb-focus-offset-inset);
+}
+
+.cb-transfer__item[data-disabled] { color: var(--cb-fg-subtle); }
+
+.cb-transfer__checkbox {
+  flex: none;
+  inline-size: var(--cb-space-4);
+  block-size: var(--cb-space-4);
+  margin: 0;
+  accent-color: var(--cb-tone-brand);
+}
+
+.cb-transfer__content {
+  display: grid;
+  gap: var(--cb-space-1);
+  min-width: 0;
+}
+
+.cb-transfer__label {
+  color: inherit;
+  cursor: pointer;
+}
+
+.cb-transfer__checkbox:disabled + .cb-transfer__content .cb-transfer__label { cursor: not-allowed; }
+.cb-transfer__description { color: var(--cb-fg-muted); font-size: var(--cb-text-xs); }
+
+.cb-transfer__actions {
+  display: grid;
+  gap: var(--cb-space-2);
+}
+
+.cb-transfer__action {
+  display: inline-flex;
+  inline-size: var(--cb-control-height-sm);
+  block-size: var(--cb-control-height-sm);
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-radius: var(--cb-radius-sm);
+  background: var(--cb-surface-raised);
+  color: var(--cb-fg);
+  font: inherit;
+  cursor: pointer;
+}
+
+@media (hover: hover) {
+  .cb-transfer__action:hover:not(:disabled) { background: var(--cb-bg-subtle); }
+}
+.cb-transfer__action:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset); }
+.cb-transfer__action:disabled { color: var(--cb-fg-subtle); cursor: not-allowed; }
+
+.cb-transfer--skeleton { pointer-events: none; }
+.cb-transfer__skeleton-title { inline-size: calc(var(--cb-space-8) * 3); block-size: var(--cb-text-sm); }
+.cb-transfer__skeleton-checkbox { inline-size: var(--cb-space-4); block-size: var(--cb-space-4); border-radius: var(--cb-radius-sm); }
+.cb-transfer__skeleton-label { flex: 1; block-size: var(--cb-text-sm); }
+.cb-transfer__skeleton-action { inline-size: var(--cb-control-height-sm); block-size: var(--cb-control-height-sm); border-radius: var(--cb-radius-sm); }
+
+/* form/tree-select/tree-select.css */
+.cb-tree-select__positioner { z-index: var(--cb-z-dropdown); }
+.cb-tree-select { display: inline-flex; align-items: center; justify-content: space-between; gap: var(--cb-space-2); width: 100%; min-height: var(--cb-control-height-md); padding: var(--cb-space-2) var(--cb-space-3); border: var(--cb-border-width) solid var(--cb-border-strong); border-radius: var(--cb-radius-md); background: var(--cb-surface); color: var(--cb-fg); font-family: var(--cb-font-sans); font-size: var(--cb-text-sm); text-align: start; transition: border-color var(--cb-duration-fast) var(--cb-ease-standard), box-shadow var(--cb-duration-fast) var(--cb-ease-standard); }
+@media (hover: hover) {
+  .cb-tree-select:hover:not(:disabled) { border-color: var(--cb-fg-subtle); }
+}
+.cb-tree-select:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset); }
+.cb-tree-select[aria-invalid="true"] { border-color: var(--cb-tone-danger); }
+.cb-tree-select:disabled { color: var(--cb-fg-subtle); cursor: not-allowed; }
+.cb-tree-select__value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.cb-tree-select__placeholder, .cb-tree-select__icon { color: var(--cb-fg-subtle); }
+.cb-tree-select__icon { flex: none; }
+.cb-tree-select__popup { min-width: var(--anchor-width, var(--cb-control-height-lg)); max-width: var(--available-width, 100vw); max-height: min(calc(var(--cb-control-height-lg) * 7), var(--available-height)); overflow: auto; padding: var(--cb-space-2); border: var(--cb-border-width) solid var(--cb-border); border-radius: var(--cb-radius-md); background: var(--cb-surface-raised); box-shadow: var(--cb-shadow-md); transition: opacity var(--cb-duration-fast) var(--cb-ease-entrance), transform var(--cb-duration-fast) var(--cb-ease-entrance); }
+.cb-tree-select__popup[data-starting-style], .cb-tree-select__popup[data-ending-style] { opacity: 0; transform: translateY(var(--cb-space-1)); }
+.cb-tree-select--motionless, .cb-tree-select__popup--motionless { transition: none; }
+@media (prefers-reduced-motion: reduce) { .cb-tree-select, .cb-tree-select__popup { transition: none; } .cb-tree-select__popup[data-starting-style], .cb-tree-select__popup[data-ending-style] { transform: none; } }
+
+/* form/upload.css */
+.cb-filedrop { display: flex; flex-direction: column; gap: var(--cb-space-3); font-family: var(--cb-font-sans); }
+.cb-filedrop__zone {
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--cb-space-2);
+  padding: var(--cb-space-6) var(--cb-space-4);
+  border: 1px dashed var(--cb-border-strong);
+  border-radius: var(--cb-radius-lg);
+  background: var(--cb-surface);
+  text-align: center;
+  transition: border-color var(--cb-duration-fast) var(--cb-ease-standard),
+    background-color var(--cb-duration-fast) var(--cb-ease-standard);
+}
+.cb-filedrop__zone[data-over] {
+  border-color: var(--cb-tone-brand);
+  background: color-mix(in oklch, var(--cb-tone-brand) 8%, var(--cb-surface));
+}
+.cb-filedrop__zone[data-disabled] { opacity: 0.55; }
+.cb-filedrop__icon { color: var(--cb-fg-subtle); }
+.cb-filedrop__button {
+  color: var(--cb-tone-brand);
+  font-size: var(--cb-text-sm);
+  font-weight: var(--cb-weight-medium);
+  border-radius: var(--cb-radius-sm);
+  padding: var(--cb-space-1) var(--cb-space-2);
+}
+@media (hover: hover) {
+  .cb-filedrop__zone:hover .cb-filedrop__button { background: color-mix(in oklch, var(--cb-tone-brand) 12%, transparent); }
+}
+/* The input is what receives focus, so the ring is drawn on the zone around it. */
+.cb-filedrop__zone:has(input:focus-visible) {
+  outline: var(--cb-focus-width) solid var(--cb-tone-brand);
+  outline-offset: var(--cb-focus-offset);
+}
+.cb-filedrop__zone[data-disabled] { cursor: not-allowed; }
+.cb-filedrop__hint { margin: 0; font-size: var(--cb-text-xs); color: var(--cb-fg-subtle); }
+
+.cb-filedrop__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--cb-space-2); }
+.cb-filedrop__file {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--cb-space-3);
+  padding: var(--cb-space-2) var(--cb-space-3);
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-radius: var(--cb-radius-md);
+  background: var(--cb-surface);
   font-size: var(--cb-text-sm);
 }
 .cb-filedrop__name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--cb-fg); }
@@ -1298,7 +1914,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   padding: var(--cb-space-1);
   border-radius: var(--cb-radius-sm);
 }
-.cb-filedrop__remove:hover { color: var(--cb-tone-danger); background: color-mix(in oklch, var(--cb-tone-danger) 10%, transparent); }
+@media (hover: hover) {
+  .cb-filedrop__remove:hover { color: var(--cb-tone-danger); background: color-mix(in oklch, var(--cb-tone-danger) 10%, transparent); }
+}
 .cb-filedrop__remove:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-danger); outline-offset: var(--cb-focus-offset); }
 
 /* feedback/badge.css */
@@ -1368,7 +1986,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   flex: none; border: none; background: transparent; color: var(--cb-fg-subtle);
   cursor: pointer; border-radius: var(--cb-radius-sm); padding: var(--cb-space-1); height: fit-content;
 }
-.cb-alert__close:hover { color: var(--cb-fg); background: color-mix(in oklch, var(--cb-fg) 8%, transparent); }
+@media (hover: hover) {
+  .cb-alert__close:hover { color: var(--cb-fg); background: color-mix(in oklch, var(--cb-fg) 8%, transparent); }
+}
 .cb-alert__close:focus-visible { outline: var(--cb-focus-width) solid var(--cb-alert-accent); outline-offset: var(--cb-focus-offset); }
 
 .cb-empty {
@@ -1399,6 +2019,92 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 .cb-empty__description { margin: 0; font-size: var(--cb-text-sm); color: var(--cb-fg-muted); max-width: 32rem; }
 .cb-empty__actions { display: flex; gap: var(--cb-space-2); margin-top: var(--cb-space-3); }
 
+/* feedback/notification/notification.css */
+.cb-notification {
+  --cb-notification-accent: var(--cb-tone-info);
+  box-sizing: border-box;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: var(--cb-space-3);
+  width: 100%;
+  padding: var(--cb-space-4);
+  color: var(--cb-fg);
+  background: var(--cb-surface-raised);
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-inline-start-color: var(--cb-notification-accent);
+  border-radius: var(--cb-radius-md);
+  box-shadow: var(--cb-shadow-sm);
+  font-family: var(--cb-font-sans);
+}
+
+.cb-notification[data-tone='neutral'] { --cb-notification-accent: var(--cb-tone-neutral); }
+.cb-notification[data-tone='success'] { --cb-notification-accent: var(--cb-tone-success); }
+.cb-notification[data-tone='warning'] { --cb-notification-accent: var(--cb-tone-warning); }
+.cb-notification[data-tone='danger'] { --cb-notification-accent: var(--cb-tone-danger); }
+
+.cb-notification__icon {
+  display: inline-flex;
+  color: var(--cb-notification-accent);
+}
+
+.cb-notification__content {
+  display: grid;
+  gap: var(--cb-space-2);
+  min-width: 0;
+}
+
+.cb-notification__title {
+  color: var(--cb-fg);
+  font-size: var(--cb-text-md);
+  font-weight: var(--cb-weight-semibold);
+  line-height: var(--cb-leading-normal);
+}
+
+.cb-notification__description {
+  color: var(--cb-fg-muted);
+  font-size: var(--cb-text-sm);
+  line-height: var(--cb-leading-normal);
+}
+
+.cb-notification__actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--cb-space-2);
+  margin-top: var(--cb-space-1);
+}
+
+.cb-notification__skeleton-icon {
+  width: var(--cb-space-5);
+  height: var(--cb-space-5);
+  border-radius: var(--cb-radius-full);
+}
+
+.cb-notification__skeleton-title,
+.cb-notification__skeleton-line,
+.cb-notification__skeleton-action {
+  display: block;
+  border-radius: var(--cb-radius-sm);
+}
+
+.cb-notification__skeleton-title {
+  width: 58%;
+  height: var(--cb-space-4);
+}
+
+.cb-notification__skeleton-line {
+  width: 100%;
+  height: var(--cb-space-3);
+}
+
+.cb-notification__skeleton-line[data-last] { width: 76%; }
+
+.cb-notification__skeleton-action {
+  width: calc(var(--cb-space-8) * 2);
+  height: var(--cb-control-height-sm);
+}
+
+
 /* feedback/progress.css */
 .cb-spin {
   --cb-spin-accent: var(--cb-tone-brand);
@@ -1472,6 +2178,89 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   text-align: end;
 }
 
+/* feedback/result/result.css */
+.cb-result {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--cb-space-3);
+  padding: var(--cb-space-8) var(--cb-space-5);
+  color: var(--cb-fg);
+  font-family: var(--cb-font-sans);
+  text-align: center;
+}
+
+.cb-result__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--cb-space-7);
+  min-height: var(--cb-space-7);
+  padding: var(--cb-space-2);
+  border-radius: var(--cb-radius-full);
+  background: color-mix(
+    in oklch,
+    var(--cb-result-accent) calc(var(--cb-tint-strength) * 100%),
+    transparent
+  );
+  color: var(--cb-result-accent);
+  font-size: var(--cb-text-sm);
+  font-weight: var(--cb-weight-semibold);
+}
+
+.cb-result__mark {
+  font-size: var(--cb-text-lg);
+  font-weight: var(--cb-weight-semibold);
+  line-height: var(--cb-leading-tight);
+}
+
+.cb-result[data-tone="neutral"] { --cb-result-accent: var(--cb-fg-muted); }
+.cb-result[data-tone="brand"] { --cb-result-accent: var(--cb-tone-brand); }
+.cb-result[data-tone="info"] { --cb-result-accent: var(--cb-tone-info); }
+.cb-result[data-tone="success"] { --cb-result-accent: var(--cb-tone-success); }
+.cb-result[data-tone="warning"] { --cb-result-accent: var(--cb-tone-warning); }
+.cb-result[data-tone="danger"] { --cb-result-accent: var(--cb-tone-danger); }
+
+.cb-result__title {
+  margin: 0;
+  color: var(--cb-fg);
+  font-size: var(--cb-text-lg);
+  font-weight: var(--cb-weight-semibold);
+  line-height: var(--cb-leading-tight);
+}
+
+.cb-result__description {
+  max-width: calc(var(--cb-space-8) * 8);
+  margin: 0;
+  color: var(--cb-fg-muted);
+  font-size: var(--cb-text-sm);
+  line-height: var(--cb-leading-normal);
+}
+
+.cb-result__extra,
+.cb-result__content {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: var(--cb-space-2);
+}
+
+.cb-result__content {
+  width: 100%;
+  margin-top: var(--cb-space-2);
+}
+
+.cb-result--skeleton { gap: var(--cb-space-3); }
+.cb-result__skeleton-icon,
+.cb-result__skeleton-title,
+.cb-result__skeleton-description,
+.cb-result__skeleton-action { flex: none; }
+.cb-result__skeleton-icon { width: var(--cb-space-8); height: var(--cb-space-8); border-radius: var(--cb-radius-full); }
+.cb-result__skeleton-title { width: var(--cb-space-7); height: var(--cb-space-3); }
+.cb-result__skeleton-description { width: var(--cb-space-8); height: var(--cb-space-2); }
+.cb-result__skeleton-action { width: var(--cb-space-7); height: var(--cb-space-6); }
+.cb-result__skeleton-extra { display: flex; gap: var(--cb-space-2); }
+
 /* feedback/skeleton.css */
 .cb-skeleton {
   display: block;
@@ -1524,7 +2313,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   transition: border-color var(--cb-duration-fast) var(--cb-ease-standard),
     background-color var(--cb-duration-fast) var(--cb-ease-standard);
 }
-.cb-tag--pressable:hover { border-color: var(--cb-tone-brand); }
+@media (hover: hover) {
+  .cb-tag--pressable:hover { border-color: var(--cb-tone-brand); }
+}
 .cb-tag--pressable:focus-visible {
   outline: var(--cb-focus-width) solid var(--cb-tone-brand);
   outline-offset: var(--cb-focus-offset);
@@ -1545,7 +2336,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   opacity: 0.7;
   cursor: pointer;
 }
-.cb-tag__close:hover { opacity: 1; }
+@media (hover: hover) {
+  .cb-tag__close:hover { opacity: 1; }
+}
 .cb-tag__close:focus-visible {
   outline: var(--cb-focus-width) solid currentColor;
   outline-offset: 1px;
@@ -1632,7 +2425,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   cursor: pointer;
   transition: background-color var(--cb-duration-fast) var(--cb-ease-standard);
 }
-.cb-toast__action:hover { background: color-mix(in oklch, var(--cb-toast-accent) 26%, transparent); }
+@media (hover: hover) {
+  .cb-toast__action:hover { background: color-mix(in oklch, var(--cb-toast-accent) 26%, transparent); }
+}
 /* An action-less toast must not reserve the row it would have sat in. */
 .cb-toast:not(:has(.cb-toast__action)) { grid-template-areas: "icon content close"; }
 .cb-toast__close {
@@ -1644,26 +2439,93 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   padding: var(--cb-space-1);
   border-radius: var(--cb-radius-sm);
 }
-.cb-toast__close:hover { color: var(--cb-fg); }
+@media (hover: hover) {
+  .cb-toast__close:hover { color: var(--cb-fg); }
+}
 .cb-toast__close:focus-visible,
 .cb-toast__action:focus-visible { outline: var(--cb-focus-width) solid var(--cb-toast-accent); outline-offset: var(--cb-focus-offset); }
 
-/* overlay/command-palette.css */
-.cb-palette__backdrop {
-  position: fixed;
+/* feedback/watermark/watermark.css */
+.cb-watermark {
+  position: relative;
+  color: var(--cb-fg);
+}
+
+.cb-watermark__content {
+  position: relative;
+  z-index: 1;
+}
+
+.cb-watermark__marks {
+  position: absolute;
+  z-index: 2;
   inset: 0;
-  z-index: var(--cb-z-command-backdrop);
-  background: var(--cb-scrim);
-  backdrop-filter: blur(2px);
-  transition: opacity var(--cb-duration-base) var(--cb-ease-entrance);
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  pointer-events: none;
+  user-select: none;
+  color: var(--cb-watermark-color);
 }
-.cb-palette__backdrop[data-starting-style],
-.cb-palette__backdrop[data-ending-style] { opacity: 0; }
 
-.cb-palette {
-  position: fixed;
-  top: 12vh;
-  left: 50%;
+.cb-watermark__mark {
+  font-family: var(--cb-font-sans);
+  font-size: var(--cb-watermark-size);
+  font-weight: var(--cb-weight-medium);
+  line-height: var(--cb-leading-tight);
+  fill: color-mix(in oklch, currentColor calc(var(--cb-tint-strength) * 100%), transparent);
+}
+
+.cb-watermark--sm {
+  --cb-watermark-tile-size: calc(var(--cb-space-8) * 4);
+  --cb-watermark-size: var(--cb-text-xs);
+}
+
+.cb-watermark--md {
+  --cb-watermark-tile-size: calc(var(--cb-space-8) * 6);
+  --cb-watermark-size: var(--cb-text-sm);
+}
+
+.cb-watermark--lg {
+  --cb-watermark-tile-size: calc(var(--cb-space-8) * 8);
+  --cb-watermark-size: var(--cb-text-md);
+}
+
+.cb-watermark__pattern {
+  font-size: var(--cb-watermark-tile-size);
+}
+
+.cb-watermark[data-tone='brand'] { --cb-watermark-color: var(--cb-tone-brand); }
+.cb-watermark[data-tone='info'] { --cb-watermark-color: var(--cb-tone-info); }
+.cb-watermark[data-tone='success'] { --cb-watermark-color: var(--cb-tone-success); }
+.cb-watermark[data-tone='warning'] { --cb-watermark-color: var(--cb-tone-warning); }
+.cb-watermark[data-tone='danger'] { --cb-watermark-color: var(--cb-tone-danger); }
+.cb-watermark[data-tone='neutral'] { --cb-watermark-color: var(--cb-fg-muted); }
+
+.cb-watermark--vertical .cb-watermark__mark {
+  writing-mode: vertical-rl;
+}
+
+.cb-watermark--skeleton .cb-watermark__marks {
+  z-index: 2;
+}
+
+/* overlay/command-palette.css */
+.cb-palette__backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: var(--cb-z-command-backdrop);
+  background: var(--cb-scrim);
+  backdrop-filter: blur(2px);
+  transition: opacity var(--cb-duration-base) var(--cb-ease-entrance);
+}
+.cb-palette__backdrop[data-starting-style],
+.cb-palette__backdrop[data-ending-style] { opacity: 0; }
+
+.cb-palette {
+  position: fixed;
+  top: 12vh;
+  left: 50%;
   translate: -50% 0;
   z-index: var(--cb-z-command);
   display: flex;
@@ -1868,6 +2730,175 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 }
 .cb-modal__footer { flex: none; display: flex; justify-content: flex-end; gap: var(--cb-space-2); margin-top: var(--cb-space-2); }
 
+.cb-modal-confirm__heading {
+  display: flex;
+  align-items: center;
+  gap: var(--cb-space-2);
+}
+
+.cb-modal-confirm__icon {
+  display: inline-flex;
+  flex: none;
+  color: var(--cb-modal-confirm-accent, var(--cb-tone-warning));
+}
+
+.cb-modal-confirm__icon[data-tone="neutral"] { --cb-modal-confirm-accent: var(--cb-tone-neutral); }
+.cb-modal-confirm__icon[data-tone="brand"] { --cb-modal-confirm-accent: var(--cb-tone-brand); }
+.cb-modal-confirm__icon[data-tone="info"] { --cb-modal-confirm-accent: var(--cb-tone-info); }
+.cb-modal-confirm__icon[data-tone="success"] { --cb-modal-confirm-accent: var(--cb-tone-success); }
+.cb-modal-confirm__icon[data-tone="warning"] { --cb-modal-confirm-accent: var(--cb-tone-warning); }
+.cb-modal-confirm__icon[data-tone="danger"] { --cb-modal-confirm-accent: var(--cb-tone-danger); }
+
+.cb-modal-skeleton {
+  display: flex;
+  flex-direction: column;
+  gap: var(--cb-space-3);
+  box-sizing: border-box;
+  width: 100%;
+  padding: var(--cb-space-5);
+  color: var(--cb-fg);
+  background: var(--cb-surface-raised);
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-radius: var(--cb-radius-lg);
+  box-shadow: var(--cb-shadow-lg);
+}
+
+.cb-modal-skeleton__body {
+  padding-block: var(--cb-space-2);
+}
+
+/* overlay/popconfirm/popconfirm.css */
+.cb-popconfirm__positioner {
+  z-index: var(--cb-z-popover);
+}
+
+.cb-popconfirm__positioner[data-side='top'] { padding-block-end: var(--cb-space-2); }
+.cb-popconfirm__positioner[data-side='bottom'] { padding-block-start: var(--cb-space-2); }
+.cb-popconfirm__positioner[data-side='left'] { padding-inline-end: var(--cb-space-2); }
+.cb-popconfirm__positioner[data-side='right'] { padding-inline-start: var(--cb-space-2); }
+
+.cb-popconfirm {
+  --cb-popconfirm-accent: var(--cb-tone-warning);
+  box-sizing: border-box;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: var(--cb-space-3);
+  max-width: calc(var(--cb-space-8) * 11);
+  padding: var(--cb-space-4);
+  color: var(--cb-fg);
+  background: var(--cb-surface-raised);
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-radius: var(--cb-radius-md);
+  box-shadow: var(--cb-shadow-md);
+  font-family: var(--cb-font-sans);
+  font-size: var(--cb-text-sm);
+  transition: opacity var(--cb-duration-fast) var(--cb-ease-entrance),
+    transform var(--cb-duration-fast) var(--cb-ease-entrance);
+}
+
+.cb-popconfirm[data-tone='neutral'] { --cb-popconfirm-accent: var(--cb-tone-neutral); }
+.cb-popconfirm[data-tone='danger'] { --cb-popconfirm-accent: var(--cb-tone-danger); }
+.cb-popconfirm[data-icon='none'] { grid-template-columns: minmax(0, 1fr); }
+
+.cb-popconfirm[data-starting-style],
+.cb-popconfirm[data-ending-style] {
+  opacity: 0;
+  transform: scale(0.96);
+}
+
+.cb-popconfirm[data-motion='off'] {
+  transition: none;
+}
+
+.cb-popconfirm[data-motion='off'][data-starting-style],
+.cb-popconfirm[data-motion='off'][data-ending-style] {
+  transform: none;
+}
+
+.cb-popconfirm__arrow {
+  --cb-arrow-bg: var(--cb-surface-raised);
+  --cb-arrow-border: var(--cb-border);
+  position: absolute;
+  display: block;
+  width: var(--cb-space-4);
+  height: var(--cb-space-2);
+  overflow: visible;
+  pointer-events: none;
+}
+
+.cb-popconfirm__arrow[data-side='bottom'] { top: calc(var(--cb-space-2) * -1); }
+.cb-popconfirm__arrow[data-side='top'] { bottom: calc(var(--cb-space-2) * -1); rotate: 180deg; }
+.cb-popconfirm__arrow[data-side='left'] { right: calc(var(--cb-space-3) * -1); rotate: 90deg; }
+.cb-popconfirm__arrow[data-side='right'] { left: calc(var(--cb-space-3) * -1); rotate: -90deg; }
+
+.cb-popconfirm__icon {
+  display: inline-flex;
+  color: var(--cb-popconfirm-accent);
+}
+
+.cb-popconfirm__content {
+  display: grid;
+  gap: var(--cb-space-2);
+  min-width: 0;
+}
+
+.cb-popconfirm__title {
+  margin: 0;
+  color: var(--cb-fg);
+  font: inherit;
+  font-weight: var(--cb-weight-semibold);
+}
+
+.cb-popconfirm__description {
+  margin: 0;
+  color: var(--cb-fg-muted);
+  line-height: var(--cb-leading-normal);
+}
+
+.cb-popconfirm__actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--cb-space-2);
+  margin-top: var(--cb-space-1);
+}
+
+.cb-popconfirm--skeleton {
+  position: relative;
+  width: calc(var(--cb-space-8) * 9);
+}
+
+.cb-popconfirm__skeleton-icon {
+  width: var(--cb-space-5);
+  height: var(--cb-space-5);
+  border-radius: var(--cb-radius-full);
+}
+
+.cb-popconfirm__skeleton-title,
+.cb-popconfirm__skeleton-description,
+.cb-popconfirm__skeleton-action {
+  display: block;
+  height: var(--cb-space-3);
+  border-radius: var(--cb-radius-sm);
+}
+
+.cb-popconfirm__skeleton-title { width: calc(var(--cb-space-8) * 6); }
+.cb-popconfirm__skeleton-description { align-self: stretch; }
+.cb-popconfirm__skeleton-action {
+  width: var(--cb-space-7);
+  height: var(--cb-control-height-sm);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .cb-popconfirm {
+    transition: opacity var(--cb-duration-fast) linear;
+  }
+
+  .cb-popconfirm[data-starting-style],
+  .cb-popconfirm[data-ending-style] {
+    transform: none;
+  }
+}
+
 /* overlay/popover.css */
 .cb-popover-positioner { z-index: var(--cb-z-popover); }
 .cb-tooltip-positioner { z-index: var(--cb-z-tooltip); }
@@ -1948,6 +2979,534 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 .cb-tooltip[data-starting-style],
 .cb-tooltip[data-ending-style] { opacity: 0; }
 
+/* data/calendar/calendar.css */
+.cb-calendar {
+  display: grid;
+  gap: var(--cb-space-3);
+  box-sizing: border-box;
+  padding: var(--cb-space-4);
+  color: var(--cb-fg);
+  background: var(--cb-surface-raised);
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-radius: var(--cb-radius-lg);
+  font-family: var(--cb-font-sans);
+}
+
+.cb-calendar__header {
+  display: grid;
+  grid-template-columns: var(--cb-control-height-sm) minmax(0, 1fr) var(--cb-control-height-sm);
+  align-items: center;
+  gap: var(--cb-space-2);
+}
+
+.cb-calendar__month {
+  margin: 0;
+  color: var(--cb-fg);
+  font-size: var(--cb-text-sm);
+  font-weight: var(--cb-weight-medium);
+  line-height: var(--cb-leading-tight);
+  text-align: center;
+}
+
+.cb-calendar__nav,
+.cb-calendar__day {
+  border: 0;
+  border-radius: var(--cb-radius-sm);
+  font: inherit;
+  cursor: pointer;
+}
+
+.cb-calendar__nav {
+  display: inline-flex;
+  width: var(--cb-control-height-sm);
+  height: var(--cb-control-height-sm);
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  color: var(--cb-fg-muted);
+}
+
+@media (hover: hover) {
+  .cb-calendar__nav:hover:not(:disabled) { color: var(--cb-fg); background: var(--cb-bg-subtle); }
+}
+.cb-calendar__nav svg { width: var(--cb-space-4); height: var(--cb-space-4); }
+
+.cb-calendar__weekdays,
+.cb-calendar__week {
+  display: grid;
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+}
+
+.cb-calendar__weekdays {
+  color: var(--cb-fg-subtle);
+  font-size: var(--cb-text-xs);
+  font-weight: var(--cb-weight-medium);
+  line-height: var(--cb-leading-tight);
+  text-align: center;
+}
+
+.cb-calendar__grid { display: grid; }
+.cb-calendar__cell { display: grid; place-items: center; }
+
+.cb-calendar__day {
+  width: var(--cb-control-height-sm);
+  height: var(--cb-control-height-sm);
+  background: transparent;
+  color: var(--cb-fg);
+  font-size: var(--cb-text-sm);
+  font-variant-numeric: tabular-nums;
+}
+
+@media (hover: hover) {
+  .cb-calendar__day:hover:not(:disabled) { background: var(--cb-bg-subtle); }
+}
+.cb-calendar__day[data-outside] { color: var(--cb-fg-subtle); }
+.cb-calendar__day[data-today] { box-shadow: inset 0 0 0 var(--cb-border-width) var(--cb-border-strong); }
+.cb-calendar__day[data-selected] { background: var(--cb-tone-brand); color: var(--cb-fg-on-brand); font-weight: var(--cb-weight-medium); }
+.cb-calendar__day:disabled { cursor: not-allowed; color: var(--cb-fg-subtle); }
+.cb-calendar__nav:focus-visible,
+.cb-calendar__day:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
+
+.cb-calendar--skeleton .cb-calendar__header { pointer-events: none; }
+.cb-calendar--skeleton .cb-calendar__weekdays { align-items: center; justify-items: center; }
+.cb-calendar--skeleton .cb-calendar__grid { grid-template-columns: repeat(7, minmax(0, 1fr)); }
+.cb-calendar__skeleton-day { width: var(--cb-control-height-sm); height: var(--cb-control-height-sm); justify-self: center; }
+
+/* data/card/card.css */
+.cb-card {
+  --cb-card-padding: var(--cb-space-5);
+  --cb-card-gap: var(--cb-space-4);
+  overflow: hidden;
+  transition:
+    transform calc(var(--cb-duration-base) * var(--cb-motion-scale)) var(--cb-ease-standard),
+    box-shadow calc(var(--cb-duration-base) * var(--cb-motion-scale)) var(--cb-ease-standard);
+}
+
+.cb-card--sm {
+  --cb-card-padding: var(--cb-space-3);
+  --cb-card-gap: var(--cb-space-2);
+}
+
+.cb-card--lg {
+  --cb-card-padding: var(--cb-space-6);
+  --cb-card-gap: var(--cb-space-5);
+}
+
+.cb-card--nested {
+  --cb-card-padding: var(--cb-space-4);
+  --cb-card-gap: var(--cb-space-3);
+  box-shadow: var(--cb-surface-material-shadow);
+}
+
+@media (hover: hover) {
+  .cb-card--hoverable:hover {
+  transform: translateY(calc(var(--cb-space-1) * -1 * var(--cb-motion-scale)));
+  box-shadow: var(--cb-surface-material-shadow), var(--cb-shadow-md);
+}
+}
+
+.cb-card__cover {
+  overflow: hidden;
+  line-height: 0;
+}
+
+.cb-card__cover > * {
+  display: block;
+  width: 100%;
+}
+
+.cb-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--cb-card-gap);
+  padding: var(--cb-card-padding);
+  border-bottom: var(--cb-border-width) solid var(--cb-border);
+}
+
+.cb-card__title {
+  min-width: 0;
+  color: var(--cb-fg);
+  font-size: var(--cb-text-lg);
+  font-weight: var(--cb-weight-semibold);
+  line-height: var(--cb-leading-tight);
+}
+
+.cb-card__extra {
+  flex: none;
+  color: var(--cb-fg-muted);
+}
+
+.cb-card__tabs {
+  padding: var(--cb-card-padding);
+}
+
+.cb-card__body {
+  padding: var(--cb-card-padding);
+}
+
+.cb-card__body[aria-busy="true"] {
+  cursor: progress;
+}
+
+.cb-card__actions {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--cb-space-2);
+  padding: var(--cb-space-3) var(--cb-card-padding);
+  border-top: var(--cb-border-width) solid var(--cb-border);
+}
+
+.cb-card-meta {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--cb-space-3);
+}
+
+.cb-card-meta__avatar {
+  flex: none;
+}
+
+.cb-card-meta__content {
+  display: flex;
+  min-width: 0;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--cb-space-1);
+}
+
+.cb-card-meta__title {
+  color: var(--cb-fg);
+  font-weight: var(--cb-weight-medium);
+  line-height: var(--cb-leading-tight);
+}
+
+.cb-card-meta__description {
+  color: var(--cb-fg-muted);
+  font-size: var(--cb-text-sm);
+  line-height: var(--cb-leading-normal);
+}
+
+.cb-card-grid {
+  overflow: hidden;
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-radius: var(--cb-radius-md);
+}
+
+.cb-card-grid > * {
+  min-width: 0;
+  padding: var(--cb-space-4);
+  border: var(--cb-border-width) solid var(--cb-border);
+}
+
+.cb-card__skeleton-cover {
+  aspect-ratio: 16 / 9;
+}
+
+.cb-card__skeleton-actions {
+  justify-content: flex-end;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .cb-card {
+    transition: none;
+  }
+
+  @media (hover: hover) {
+    .cb-card--hoverable:hover {
+    transform: none;
+  }
+  }
+}
+
+/* data/collapse/collapse.css */
+.cb-collapse {
+  --cb-collapse-padding-block: var(--cb-space-4);
+  --cb-collapse-padding-inline: var(--cb-space-4);
+  overflow: hidden;
+  color: var(--cb-fg);
+  background: var(--cb-surface-raised);
+  border-radius: var(--cb-radius-lg);
+}
+
+.cb-collapse--sm {
+  --cb-collapse-padding-block: var(--cb-space-2);
+  --cb-collapse-padding-inline: var(--cb-space-3);
+}
+
+.cb-collapse--lg {
+  --cb-collapse-padding-block: var(--cb-space-5);
+  --cb-collapse-padding-inline: var(--cb-space-5);
+}
+
+.cb-collapse--bordered {
+  border: var(--cb-border-width) solid var(--cb-border);
+}
+
+.cb-collapse__item + .cb-collapse__item {
+  border-top: var(--cb-border-width) solid var(--cb-border);
+}
+
+.cb-collapse__heading {
+  margin: 0;
+  font: inherit;
+}
+
+.cb-collapse__trigger {
+  box-sizing: border-box;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: var(--cb-space-3);
+  padding: var(--cb-collapse-padding-block) var(--cb-collapse-padding-inline);
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: var(--cb-fg);
+  font-family: var(--cb-font-sans);
+  font-size: var(--cb-text-sm);
+  font-weight: var(--cb-weight-medium);
+  line-height: var(--cb-leading-tight);
+  text-align: start;
+  cursor: pointer;
+  transition: background-color var(--cb-duration-fast) var(--cb-ease-standard);
+}
+
+@media (hover: hover) {
+  .cb-collapse__trigger:hover:not([data-disabled]) {
+  background: var(--cb-bg-subtle);
+}
+}
+
+.cb-collapse__trigger:focus-visible {
+  position: relative;
+  z-index: 1;
+  outline: var(--cb-focus-width) solid var(--cb-tone-brand);
+  outline-offset: var(--cb-focus-offset-inset);
+}
+
+.cb-collapse__trigger[data-disabled] {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.cb-collapse__label {
+  min-width: 0;
+  flex: 1;
+}
+
+.cb-collapse__icon {
+  display: inline-flex;
+  flex: none;
+  width: 1rem;
+  height: 1rem;
+  align-items: center;
+  justify-content: center;
+  transition: transform calc(var(--cb-duration-base) * var(--cb-motion-scale)) var(--cb-ease-standard);
+}
+
+.cb-collapse__icon svg {
+  width: 100%;
+  height: 100%;
+}
+
+.cb-collapse__trigger[data-panel-open] .cb-collapse__icon {
+  transform: rotate(180deg);
+}
+
+.cb-collapse--icon-end .cb-collapse__icon {
+  order: 2;
+}
+
+.cb-collapse__panel {
+  box-sizing: border-box;
+  height: var(--accordion-panel-height);
+  overflow: hidden;
+  opacity: 1;
+  font-family: var(--cb-font-sans);
+  font-size: var(--cb-text-sm);
+  line-height: var(--cb-leading-normal);
+  transition:
+    height calc(var(--cb-duration-base) * var(--cb-motion-scale)) var(--cb-ease-standard),
+    opacity calc(var(--cb-duration-fast) * var(--cb-motion-scale)) var(--cb-ease-standard);
+}
+
+.cb-collapse__panel[data-starting-style],
+.cb-collapse__panel[data-ending-style] {
+  height: 0;
+  opacity: 0;
+}
+
+.cb-collapse__content {
+  padding: 0 var(--cb-collapse-padding-inline) var(--cb-collapse-padding-block);
+  color: var(--cb-fg-muted);
+}
+
+.cb-collapse--motionless .cb-collapse__icon,
+.cb-collapse--motionless .cb-collapse__panel {
+  transition: none;
+}
+
+.cb-collapse--skeleton .cb-collapse__trigger {
+  cursor: default;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .cb-collapse__icon {
+    transition: none;
+  }
+
+  .cb-collapse__trigger[data-panel-open] .cb-collapse__icon {
+    transform: none;
+  }
+
+  .cb-collapse__panel {
+    transition: opacity var(--cb-duration-fast) var(--cb-ease-standard);
+  }
+
+  .cb-collapse__panel[data-starting-style],
+  .cb-collapse__panel[data-ending-style] {
+    height: var(--accordion-panel-height);
+    opacity: 0;
+  }
+}
+
+/* data/descriptions/descriptions.css */
+.cb-descriptions {
+  color: var(--cb-fg);
+}
+
+.cb-descriptions__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--cb-space-4);
+  margin-bottom: var(--cb-space-3);
+}
+
+.cb-descriptions__title {
+  color: var(--cb-fg);
+  font-size: var(--cb-text-lg);
+  font-weight: var(--cb-weight-semibold);
+  line-height: var(--cb-leading-tight);
+}
+
+.cb-descriptions__extra {
+  color: var(--cb-fg-muted);
+}
+
+.cb-descriptions__list {
+  display: grid;
+  grid-template-columns: repeat(var(--cb-descriptions-columns), minmax(0, 1fr));
+  margin: 0;
+}
+
+.cb-descriptions__item {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
+  gap: var(--cb-space-2);
+  padding: var(--cb-descriptions-padding);
+}
+
+.cb-descriptions--vertical .cb-descriptions__item {
+  display: flex;
+  flex-direction: column;
+  gap: var(--cb-space-1);
+}
+
+.cb-descriptions__item--span-2 { grid-column: span 2; }
+.cb-descriptions__item--span-3 { grid-column: span 3; }
+.cb-descriptions__item--span-4 { grid-column: span 4; }
+
+.cb-descriptions[data-columns="1"] > .cb-descriptions__list > .cb-descriptions__item--span-2,
+.cb-descriptions[data-columns="1"] > .cb-descriptions__list > .cb-descriptions__item--span-3,
+.cb-descriptions[data-columns="1"] > .cb-descriptions__list > .cb-descriptions__item--span-4 { grid-column: span 1; }
+.cb-descriptions[data-columns="2"] > .cb-descriptions__list > .cb-descriptions__item--span-3,
+.cb-descriptions[data-columns="2"] > .cb-descriptions__list > .cb-descriptions__item--span-4 { grid-column: span 2; }
+.cb-descriptions[data-columns="3"] > .cb-descriptions__list > .cb-descriptions__item--span-4 { grid-column: span 3; }
+
+.cb-descriptions__label,
+.cb-descriptions__value {
+  min-width: 0;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.cb-descriptions__label {
+  color: var(--cb-fg-muted);
+  font-weight: var(--cb-weight-medium);
+}
+
+.cb-descriptions__label::after {
+  content: ':';
+}
+
+.cb-descriptions--without-colon .cb-descriptions__label::after {
+  content: none;
+}
+
+.cb-descriptions__value {
+  color: var(--cb-fg);
+}
+
+.cb-descriptions--sm { --cb-descriptions-padding: var(--cb-space-2); }
+.cb-descriptions--md { --cb-descriptions-padding: var(--cb-space-3); }
+.cb-descriptions--lg { --cb-descriptions-padding: var(--cb-space-4); }
+
+.cb-descriptions--bordered {
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-radius: var(--cb-radius-md);
+  overflow: hidden;
+}
+
+.cb-descriptions--bordered > .cb-descriptions__list {
+  gap: var(--cb-border-width);
+  background: var(--cb-border);
+}
+
+.cb-descriptions--bordered > .cb-descriptions__list > .cb-descriptions__item {
+  background: var(--cb-surface);
+}
+
+.cb-descriptions--bordered .cb-descriptions__label {
+  color: var(--cb-fg-muted);
+}
+
+.cb-descriptions--skeleton .cb-skeleton {
+  display: block;
+}
+
+.cb-descriptions__skeleton-label .cb-skeleton {
+  width: var(--cb-space-8);
+  max-width: 100%;
+  height: var(--cb-space-3);
+}
+
+.cb-descriptions__skeleton-value .cb-skeleton {
+  width: var(--cb-space-8);
+  max-width: 100%;
+  height: var(--cb-space-3);
+}
+
+@media (max-width: 900px) {
+  .cb-descriptions__list { grid-template-columns: repeat(min(var(--cb-descriptions-columns), 2), minmax(0, 1fr)); }
+  .cb-descriptions[data-columns="1"] > .cb-descriptions__list > .cb-descriptions__item--span-2,
+  .cb-descriptions[data-columns="1"] > .cb-descriptions__list > .cb-descriptions__item--span-3,
+  .cb-descriptions[data-columns="1"] > .cb-descriptions__list > .cb-descriptions__item--span-4 { grid-column: span 1; }
+  .cb-descriptions__item--span-3,
+  .cb-descriptions__item--span-4 { grid-column: span 2; }
+}
+
+@media (max-width: 560px) {
+  .cb-descriptions__list { grid-template-columns: minmax(0, 1fr); }
+  .cb-descriptions__item--span-2,
+  .cb-descriptions__item--span-3,
+  .cb-descriptions__item--span-4 { grid-column: span 1; }
+}
+
 /* data/donut.css */
 .cb-donut { position: relative; display: inline-grid; place-items: center; }
 .cb-donut svg { position: absolute; inset: 0; }
@@ -2041,6 +3600,35 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 .cb-leaderboard__delta[data-direction="flat"] { color: var(--cb-fg-subtle); }
 .cb-leaderboard__score { font-size: var(--cb-text-sm); font-weight: var(--cb-weight-semibold); font-variant-numeric: tabular-nums; color: var(--cb-fg); }
 
+/* data/listy/listy.css */
+.cb-listy,
+.cb-listy__group-items,
+.cb-listy__section-items {
+  display: grid;
+  gap: var(--cb-space-2);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.cb-listy {
+  color: var(--cb-fg);
+  font-family: var(--cb-font-sans);
+}
+
+.cb-listy__group,
+.cb-listy__section { min-width: 0; }
+.cb-listy__group { display: grid; gap: var(--cb-space-2); }
+.cb-listy__group-heading { padding-block: var(--cb-space-1); color: var(--cb-fg-muted); font-size: var(--cb-text-sm); font-weight: var(--cb-weight-semibold); }
+.cb-listy__group-heading[data-sticky] { position: sticky; inset-block-start: 0; background: var(--cb-surface); }
+.cb-listy__item { min-width: 0; }
+.cb-listy[data-optimized] .cb-listy__item {
+  content-visibility: auto;
+  contain-intrinsic-block-size: var(--cb-control-height-md);
+}
+.cb-listy__skeleton-heading { display: block; inline-size: calc(var(--cb-space-8) * 3); block-size: var(--cb-text-sm); }
+.cb-listy__skeleton-row { display: block; block-size: var(--cb-control-height-md); }
+
 /* data/progress-ring.css */
 .cb-ring {
   --cb-ring-accent: var(--cb-tone-brand);
@@ -2085,6 +3673,28 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   color: var(--cb-fg);
 }
 
+/* data/qr-code/qr-code.css */
+.cb-qr-code {
+  display: block;
+  box-sizing: border-box;
+  width: var(--cb-qr-code-size);
+  height: var(--cb-qr-code-size);
+  max-width: 100%;
+  padding: var(--cb-space-2);
+  overflow: visible;
+  background: var(--cb-surface-raised);
+  border: var(--cb-border-width) solid var(--cb-border);
+  border-radius: var(--cb-radius-sm);
+}
+
+.cb-qr-code--sm { --cb-qr-code-size: calc(var(--cb-space-8) * 4); }
+.cb-qr-code--md { --cb-qr-code-size: calc(var(--cb-space-8) * 6); }
+.cb-qr-code--lg { --cb-qr-code-size: calc(var(--cb-space-8) * 8); }
+
+.cb-qr-code__background { fill: var(--cb-surface-raised); }
+.cb-qr-code__modules { fill: var(--cb-fg); }
+
+
 /* data/statistic.css */
 .cb-stat { display: flex; flex-direction: column; gap: var(--cb-space-3); }
 .cb-stat__head { display: flex; align-items: center; justify-content: space-between; gap: var(--cb-space-2); }
@@ -2176,7 +3786,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 .cb-table td:has(> .cb-menu-anchor) { padding-block: 0; }
 
 .cb-table tbody tr[data-clickable] { cursor: pointer; }
-.cb-table tbody tr[data-clickable]:hover td { background: var(--cb-bg-subtle); }
+@media (hover: hover) {
+  .cb-table tbody tr[data-clickable]:hover td { background: var(--cb-bg-subtle); }
+}
 
 .cb-table__sort {
   display: inline-flex;
@@ -2195,7 +3807,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   padding: 0;
   border-radius: var(--cb-radius-sm);
 }
-.cb-table__sort:hover { color: var(--cb-fg); }
+@media (hover: hover) {
+  .cb-table__sort:hover { color: var(--cb-fg); }
+}
 .cb-table__sort:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset); }
 .cb-table__sort-idle { opacity: 0.4; }
 
@@ -2239,8 +3853,10 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   transition: background-color var(--cb-duration-fast) var(--cb-ease-standard),
     color var(--cb-duration-fast) var(--cb-ease-standard);
 }
-.cb-pagination__page:hover:not([data-active]),
-.cb-pagination__step:hover:not(:disabled) { background: var(--cb-bg-subtle); color: var(--cb-fg); }
+@media (hover: hover) {
+  .cb-pagination__page:hover:not([data-active]),
+  .cb-pagination__step:hover:not(:disabled) { background: var(--cb-bg-subtle); color: var(--cb-fg); }
+}
 .cb-pagination__page[data-active] {
   background: color-mix(in oklch, var(--cb-tone-brand) 14%, transparent);
   border-color: color-mix(in oklch, var(--cb-tone-brand) 35%, transparent);
@@ -2290,6 +3906,51 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 .cb-timeline__time { font-size: var(--cb-text-xs); color: var(--cb-fg-subtle); white-space: nowrap; font-variant-numeric: tabular-nums; }
 .cb-timeline__description { margin: var(--cb-space-1) 0 0; font-size: var(--cb-text-sm); color: var(--cb-fg-muted); line-height: var(--cb-leading-normal); }
 
+/* data/tree/tree.css */
+.cb-tree {
+  --cb-tree-gap: var(--cb-space-1);
+  --cb-tree-padding: var(--cb-space-2);
+  --cb-tree-accent: var(--cb-tone-brand);
+  color: var(--cb-fg);
+  font-family: var(--cb-font-sans);
+  font-size: var(--cb-text-sm);
+}
+.cb-tree--sm { --cb-tree-padding: var(--cb-space-1); font-size: var(--cb-text-xs); }
+.cb-tree--lg { --cb-tree-gap: var(--cb-space-2); --cb-tree-padding: var(--cb-space-3); font-size: var(--cb-text-md); }
+.cb-tree--neutral { --cb-tree-accent: var(--cb-tone-neutral); }
+.cb-tree--brand { --cb-tree-accent: var(--cb-tone-brand); }
+.cb-tree--success { --cb-tree-accent: var(--cb-tone-success); }
+.cb-tree--warning { --cb-tree-accent: var(--cb-tone-warning); }
+.cb-tree--danger { --cb-tree-accent: var(--cb-tone-danger); }
+.cb-tree--info { --cb-tree-accent: var(--cb-tone-info); }
+.cb-tree__group { display: flex; flex-direction: column; gap: var(--cb-tree-gap); }
+.cb-tree__node { min-width: 0; }
+.cb-tree__node > .cb-tree__group { margin-inline-start: var(--cb-space-4); padding-inline-start: var(--cb-space-3); border-inline-start: var(--cb-border-width) solid var(--cb-border); }
+.cb-tree__item { display: flex; align-items: center; gap: var(--cb-space-2); min-width: 0; padding: var(--cb-tree-padding); border-radius: var(--cb-radius-sm); outline: none; cursor: pointer; }
+@media (hover: hover) {
+  .cb-tree__item:hover { background: var(--cb-bg-subtle); }
+}
+.cb-tree__item:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tree-accent); outline-offset: var(--cb-focus-offset); }
+.cb-tree__item[data-selected] { background: var(--cb-bg-subtle); color: var(--cb-tree-accent); font-weight: var(--cb-weight-medium); }
+.cb-tree__item[data-disabled] { color: var(--cb-fg-subtle); cursor: not-allowed; }
+.cb-tree__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.cb-tree__content { margin-inline-start: auto; color: var(--cb-fg-subtle); font-size: var(--cb-text-xs); }
+.cb-tree__chevrons, .cb-tree__indent { display: inline-flex; flex: none; width: var(--cb-control-height-sm); align-items: center; justify-content: center; }
+.cb-tree__chevron { transition: rotate var(--cb-duration-fast) var(--cb-ease-standard); }
+.cb-tree__chevron--expanded { display: none; }
+.cb-tree__chevrons[data-expanded] .cb-tree__chevron--collapsed { rotate: 90deg; }
+.cb-tree--motion-off .cb-tree__chevron { transition: none; }
+.cb-tree--motion-off .cb-tree__chevrons[data-expanded] .cb-tree__chevron--collapsed { display: none; }
+.cb-tree--motion-off .cb-tree__chevrons[data-expanded] .cb-tree__chevron--expanded { display: block; }
+.cb-tree--skeleton .cb-tree__group { pointer-events: none; }
+.cb-tree__skeleton-line { display: block; width: calc(var(--cb-space-8) * 4); height: var(--cb-control-height-sm); }
+.cb-tree__skeleton-line--long { width: calc(var(--cb-space-8) * 5); }
+@media (prefers-reduced-motion: reduce) {
+  .cb-tree__chevron { transition: none; }
+  .cb-tree__chevrons[data-expanded] .cb-tree__chevron--collapsed { display: none; }
+  .cb-tree__chevrons[data-expanded] .cb-tree__chevron--expanded { display: block; }
+}
+
 /* media/avatar.css */
 .cb-avatar {
   --cb-avatar-accent: var(--cb-decor-violet);
@@ -2390,7 +4051,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   transition: background-color var(--cb-duration-fast) var(--cb-ease-standard),
     opacity var(--cb-duration-fast) var(--cb-ease-standard);
 }
-.cb-carousel__arrow:hover:not(:disabled) { background: var(--cb-bg-subtle); }
+@media (hover: hover) {
+  .cb-carousel__arrow:hover:not(:disabled) { background: var(--cb-bg-subtle); }
+}
 .cb-carousel__arrow:disabled { opacity: 0.35; cursor: not-allowed; }
 .cb-carousel__arrow:focus-visible {
   outline: var(--cb-focus-width) solid var(--cb-tone-brand);
@@ -2432,15 +4095,17 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 .cb-image[data-blurred]::before {
   content: "";
   position: absolute;
-  inset: -5%;
+  inset: calc(-1 * var(--cb-space-1));
   background: inherit;
   background-size: cover;
   background-position: center;
-  filter: blur(16px);
+  filter: blur(var(--cb-space-4));
   transform: scale(1.05);
   transition: opacity var(--cb-duration-slow) var(--cb-ease-standard);
 }
-.cb-image[data-loaded][data-blurred]::before { opacity: 0; }
+.cb-image[data-loaded][data-blurred]::before {
+  opacity: 0;
+}
 
 .cb-image__img {
   position: relative;
@@ -2450,12 +4115,392 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   opacity: 0;
   transition: opacity var(--cb-duration-slow) var(--cb-ease-entrance);
 }
-.cb-image[data-loaded] .cb-image__img { opacity: 1; }
+.cb-image[data-loaded] .cb-image__img {
+  opacity: 1;
+}
+
+.cb-image[data-motion="off"] .cb-image__img,
+.cb-image[data-motion="off"][data-blurred]::before {
+  transition: none;
+}
+
+.cb-image--skeleton {
+  min-height: var(--cb-control-height-lg);
+}
+.cb-image__skeleton-shape {
+  position: absolute;
+  inset: 0;
+}
+
+.cb-image-preview-group {
+  display: grid;
+  grid-template-columns: repeat(
+    auto-fit,
+    minmax(min(100%, calc(var(--cb-space-8) * 3)), 1fr)
+  );
+  gap: var(--cb-space-3);
+}
+
+.cb-image-preview-group__trigger {
+  display: block;
+  min-width: 0;
+  padding: var(--cb-space-0);
+  border: var(--cb-border-width) solid transparent;
+  border-radius: var(--cb-radius-md);
+  background: transparent;
+  color: inherit;
+  cursor: zoom-in;
+}
+
+.cb-image-preview-group__trigger:focus-visible {
+  outline: var(--cb-focus-width) solid var(--cb-tone-brand);
+  outline-offset: var(--cb-focus-offset);
+}
+
+.cb-image-preview__backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: var(--cb-z-modal-backdrop);
+  background: var(--cb-scrim-strong);
+  transition: opacity var(--cb-duration-base) var(--cb-ease-standard);
+}
+
+.cb-image-preview__backdrop[data-starting-style],
+.cb-image-preview__backdrop[data-ending-style] {
+  opacity: 0;
+}
+
+.cb-image-preview {
+  position: fixed;
+  inset: 0;
+  z-index: var(--cb-z-modal);
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr) auto;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100dvh;
+  padding: var(--cb-space-4);
+  color: var(--cb-fg-on-brand);
+  font-family: var(--cb-font-sans);
+  outline: none;
+  transition: opacity var(--cb-duration-base) var(--cb-ease-entrance),
+    transform var(--cb-duration-base) var(--cb-ease-entrance);
+}
+
+.cb-image-preview[data-starting-style],
+.cb-image-preview[data-ending-style] {
+  opacity: 0;
+  transform: scale(0.98);
+}
+
+.cb-image-preview[data-motion="off"] {
+  transition: opacity var(--cb-duration-fast) var(--cb-ease-standard);
+}
+.cb-image-preview[data-motion="off"][data-starting-style],
+.cb-image-preview[data-motion="off"][data-ending-style] {
+  transform: none;
+}
+
+.cb-image-preview__sr-title {
+  position: absolute;
+  width: var(--cb-border-width);
+  height: var(--cb-border-width);
+  padding: var(--cb-space-0);
+  margin: calc(var(--cb-border-width) * -1);
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.cb-image-preview__toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--cb-space-2);
+  min-width: 0;
+}
+
+.cb-image-preview__position {
+  margin-inline-end: auto;
+  font-size: var(--cb-text-sm);
+  font-variant-numeric: tabular-nums;
+}
+
+.cb-image-preview__control,
+.cb-image-preview__navigation {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--cb-control-height-md);
+  height: var(--cb-control-height-md);
+  padding: var(--cb-space-0);
+  border: var(--cb-border-width) solid
+    color-mix(in oklch, currentColor 35%, transparent);
+  border-radius: var(--cb-radius-full);
+  background: var(--cb-surface-raised);
+  color: var(--cb-fg);
+  cursor: pointer;
+  transition: background-color var(--cb-duration-fast) var(--cb-ease-standard),
+    opacity var(--cb-duration-fast) var(--cb-ease-standard);
+}
+
+.cb-image-preview__control svg,
+.cb-image-preview__navigation svg {
+  width: 1em;
+  height: 1em;
+}
+@media (hover: hover) {
+  .cb-image-preview__control:hover:not(:disabled),
+  .cb-image-preview__navigation:hover:not(:disabled) {
+  background: var(--cb-bg-subtle);
+}
+}
+.cb-image-preview__control:disabled,
+.cb-image-preview__navigation:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.cb-image-preview__control:focus-visible,
+.cb-image-preview__navigation:focus-visible {
+  outline: var(--cb-focus-width) solid var(--cb-tone-brand);
+  outline-offset: var(--cb-focus-offset);
+}
+
+.cb-image-preview__stage {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+  padding: var(--cb-space-3)
+    calc(var(--cb-control-height-md) + var(--cb-space-3));
+}
+
+.cb-image-preview__image {
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+  user-select: none;
+  touch-action: manipulation;
+  cursor: zoom-in;
+  transform: scale(var(--cb-image-preview-scale));
+  transition: transform var(--cb-duration-base) var(--cb-ease-emphasis);
+}
+
+.cb-image-preview__navigation {
+  position: absolute;
+  inset-block-start: 50%;
+  transform: translateY(-50%);
+}
+.cb-image-preview__navigation--previous {
+  inset-inline-start: var(--cb-space-1);
+}
+.cb-image-preview__navigation--next {
+  inset-inline-end: var(--cb-space-1);
+}
+
+.cb-image-preview__caption {
+  max-width: calc(var(--cb-space-8) * 12);
+  margin-inline: auto;
+  padding-block-start: var(--cb-space-2);
+  color: var(--cb-fg-on-brand);
+  font-size: var(--cb-text-sm);
+  text-align: center;
+}
 
 /* Reduced motion: the image appears rather than fading, and the placeholder still holds the space. */
 @media (prefers-reduced-motion: reduce) {
   .cb-image__img,
-  .cb-image[data-blurred]::before { transition: none; }
+  .cb-image[data-blurred]::before,
+  .cb-image-preview__image {
+    transition: none;
+  }
+  .cb-image-preview {
+    transition: opacity var(--cb-duration-fast) var(--cb-ease-standard);
+  }
+  .cb-image-preview[data-starting-style],
+  .cb-image-preview[data-ending-style] {
+    transform: none;
+  }
+}
+
+/* nav/anchor/anchor.css */
+.cb-anchor {
+  --cb-anchor-gap: var(--cb-space-2);
+  --cb-anchor-padding-block: var(--cb-space-1);
+  --cb-anchor-padding-inline: var(--cb-space-3);
+  --cb-anchor-color: var(--cb-fg-muted);
+  --cb-anchor-active-color: var(--cb-tone-brand);
+  font-family: var(--cb-font-sans);
+  font-size: var(--cb-text-sm);
+  line-height: var(--cb-leading-tight);
+}
+
+.cb-anchor--sm {
+  --cb-anchor-gap: var(--cb-space-1);
+  --cb-anchor-padding-block: var(--cb-space-1);
+  --cb-anchor-padding-inline: var(--cb-space-2);
+  font-size: var(--cb-text-xs);
+}
+
+.cb-anchor--lg {
+  --cb-anchor-gap: var(--cb-space-3);
+  --cb-anchor-padding-block: var(--cb-space-2);
+  --cb-anchor-padding-inline: var(--cb-space-4);
+  font-size: var(--cb-text-md);
+}
+
+.cb-anchor--neutral { --cb-anchor-active-color: var(--cb-fg); }
+.cb-anchor--brand { --cb-anchor-active-color: var(--cb-tone-brand); }
+.cb-anchor--success { --cb-anchor-active-color: var(--cb-tone-success); }
+.cb-anchor--warning { --cb-anchor-active-color: var(--cb-tone-warning); }
+.cb-anchor--danger { --cb-anchor-active-color: var(--cb-tone-danger); }
+.cb-anchor--info { --cb-anchor-active-color: var(--cb-tone-info); }
+
+.cb-anchor__list {
+  display: flex;
+  gap: var(--cb-anchor-gap);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.cb-anchor--vertical .cb-anchor__list { flex-direction: column; }
+.cb-anchor--horizontal .cb-anchor__list { flex-direction: row; flex-wrap: wrap; }
+.cb-anchor__list--nested { padding-inline-start: var(--cb-space-4); }
+
+.cb-anchor__link {
+  display: block;
+  padding: var(--cb-anchor-padding-block) var(--cb-anchor-padding-inline);
+  border-inline-start: var(--cb-border-width) solid transparent;
+  color: var(--cb-anchor-color);
+  text-decoration: none;
+  transition: color var(--cb-duration-fast) var(--cb-ease-standard), background-color var(--cb-duration-fast) var(--cb-ease-standard);
+}
+
+.cb-anchor--horizontal .cb-anchor__link { border-inline-start: var(--cb-border-width) solid transparent; border-block-end: var(--cb-border-width) solid transparent; }
+@media (hover: hover) {
+  .cb-anchor__link:hover { color: var(--cb-anchor-active-color); }
+}
+.cb-anchor__link:focus-visible {
+  outline: var(--cb-focus-width) solid var(--cb-anchor-active-color);
+  outline-offset: var(--cb-focus-offset);
+}
+.cb-anchor__link[aria-current='location'] {
+  border-color: var(--cb-anchor-active-color);
+  color: var(--cb-anchor-active-color);
+  font-weight: var(--cb-weight-medium);
+}
+
+.cb-anchor--horizontal .cb-anchor__link[aria-current='location'] {
+  border-inline-start-color: transparent;
+  border-block-end-color: var(--cb-anchor-active-color);
+}
+.cb-anchor--motion-off .cb-anchor__link { transition: none; }
+.cb-anchor--skeleton .cb-anchor__list { pointer-events: none; }
+.cb-anchor__skeleton-link { display: block; width: calc(var(--cb-space-8) * 2); height: var(--cb-control-height-sm); }
+.cb-anchor__skeleton-link--long { width: calc(var(--cb-space-8) * 3); }
+
+@media (prefers-reduced-motion: reduce) {
+  .cb-anchor__link { transition: none; }
+}
+
+/* nav/menu/menu.css */
+.cb-persistent-menu {
+  --cb-persistent-menu-gap: var(--cb-space-1);
+  --cb-persistent-menu-padding: var(--cb-space-2);
+  --cb-persistent-menu-active: var(--cb-tone-brand);
+  display: block;
+  font-family: var(--cb-font-sans);
+  font-size: var(--cb-text-sm);
+}
+
+.cb-persistent-menu--sm {
+  --cb-persistent-menu-gap: var(--cb-space-1);
+  --cb-persistent-menu-padding: var(--cb-space-1);
+  font-size: var(--cb-text-xs);
+}
+
+.cb-persistent-menu--lg {
+  --cb-persistent-menu-gap: var(--cb-space-2);
+  --cb-persistent-menu-padding: var(--cb-space-3);
+  font-size: var(--cb-text-md);
+}
+
+.cb-persistent-menu--neutral { --cb-persistent-menu-active: var(--cb-fg); }
+.cb-persistent-menu--brand { --cb-persistent-menu-active: var(--cb-tone-brand); }
+.cb-persistent-menu--success { --cb-persistent-menu-active: var(--cb-tone-success); }
+.cb-persistent-menu--warning { --cb-persistent-menu-active: var(--cb-tone-warning); }
+.cb-persistent-menu--danger { --cb-persistent-menu-active: var(--cb-tone-danger); }
+.cb-persistent-menu--info { --cb-persistent-menu-active: var(--cb-tone-info); }
+
+.cb-persistent-menu__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--cb-persistent-menu-gap);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.cb-persistent-menu__list--nested {
+  margin-inline-start: var(--cb-space-3);
+  padding-inline-start: var(--cb-space-3);
+  border-inline-start: var(--cb-border-width) solid var(--cb-border);
+}
+
+.cb-persistent-menu__row { display: flex; align-items: center; gap: var(--cb-space-1); }
+
+.cb-persistent-menu__entry,
+.cb-persistent-menu__branch-trigger {
+  display: inline-flex;
+  flex: 1;
+  align-items: center;
+  gap: var(--cb-space-2);
+  min-width: 0;
+  padding: var(--cb-persistent-menu-padding);
+  border: none;
+  border-radius: var(--cb-radius-sm);
+  background: transparent;
+  color: var(--cb-fg-muted);
+  font: inherit;
+  text-align: start;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+@media (hover: hover) {
+  .cb-persistent-menu__entry:hover,
+  .cb-persistent-menu__branch-trigger:hover { background: var(--cb-bg-subtle); color: var(--cb-fg); }
+}
+.cb-persistent-menu__entry[data-current] { background: var(--cb-bg-subtle); color: var(--cb-persistent-menu-active); font-weight: var(--cb-weight-medium); }
+.cb-persistent-menu__entry:focus-visible,
+.cb-persistent-menu__branch-trigger:focus-visible { outline: var(--cb-focus-width) solid var(--cb-persistent-menu-active); outline-offset: var(--cb-focus-offset); }
+.cb-persistent-menu__entry[data-disabled],
+.cb-persistent-menu__branch-trigger[data-disabled] { color: var(--cb-fg-subtle); cursor: not-allowed; }
+.cb-persistent-menu__icon { display: inline-flex; flex: none; }
+.cb-persistent-menu__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+.cb-persistent-menu__chevron { flex: none; transition: rotate var(--cb-duration-fast) var(--cb-ease-standard); }
+.cb-persistent-menu__chevron--expanded { display: none; }
+.cb-persistent-menu__branch-trigger[data-open] .cb-persistent-menu__chevron--collapsed { rotate: 90deg; }
+.cb-persistent-menu__branch { overflow: hidden; }
+.cb-persistent-menu--motion-off .cb-persistent-menu__chevron { transition: none; }
+.cb-persistent-menu--motion-off .cb-persistent-menu__branch-trigger[data-open] .cb-persistent-menu__chevron--collapsed { display: none; }
+.cb-persistent-menu--motion-off .cb-persistent-menu__branch-trigger[data-open] .cb-persistent-menu__chevron--expanded { display: block; }
+
+.cb-persistent-menu--skeleton .cb-persistent-menu__list { pointer-events: none; }
+.cb-persistent-menu__skeleton-line { display: block; width: calc(var(--cb-space-8) * 3); height: var(--cb-control-height-sm); }
+.cb-persistent-menu__skeleton-line--long { width: calc(var(--cb-space-8) * 4); }
+
+@media (prefers-reduced-motion: reduce) {
+  .cb-persistent-menu__chevron { transition: none; }
+  .cb-persistent-menu__branch-trigger[data-open] .cb-persistent-menu__chevron--collapsed { display: none; }
+  .cb-persistent-menu__branch-trigger[data-open] .cb-persistent-menu__chevron--expanded { display: block; }
 }
 
 /* nav/nav.css */
@@ -2534,7 +4579,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 }
 .cb-crumbs__item { margin: 0; display: inline-flex; align-items: center; gap: var(--cb-space-1); }
 .cb-crumbs__link { color: var(--cb-fg-muted); text-decoration: none; border-radius: var(--cb-radius-sm); }
-.cb-crumbs__link:hover { color: var(--cb-fg); text-decoration: underline; }
+@media (hover: hover) {
+  .cb-crumbs__link:hover { color: var(--cb-fg); text-decoration: underline; }
+}
 .cb-crumbs__link:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset); }
 .cb-crumbs__text { color: var(--cb-fg-subtle); }
 .cb-crumbs__current { color: var(--cb-fg); font-weight: var(--cb-weight-medium); }
@@ -2615,7 +4662,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   text-decoration: none;
   cursor: pointer;
 }
-.cb-sidebar__item:hover { background: var(--cb-surface); color: var(--cb-fg); }
+@media (hover: hover) {
+  .cb-sidebar__item:hover { background: var(--cb-surface); color: var(--cb-fg); }
+}
 .cb-sidebar__item[data-active] { background: var(--cb-surface); color: var(--cb-fg); font-weight: var(--cb-weight-medium); }
 .cb-sidebar__item:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
 .cb-sidebar__icon { display: inline-flex; flex: none; }
@@ -2641,7 +4690,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   color: var(--cb-fg-subtle);
   cursor: pointer;
 }
-.cb-sidebar__toggle:hover { background: var(--cb-surface); color: var(--cb-fg); }
+@media (hover: hover) {
+  .cb-sidebar__toggle:hover { background: var(--cb-surface); color: var(--cb-fg); }
+}
 .cb-sidebar__toggle:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset); }
 
 .cb-topbar {
@@ -2734,7 +4785,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   transition: color var(--cb-duration-fast) var(--cb-ease-standard),
     background-color var(--cb-duration-fast) var(--cb-ease-standard);
 }
-.cb-tabs__tab:hover:not([data-disabled]) { color: var(--cb-fg); }
+@media (hover: hover) {
+  .cb-tabs__tab:hover:not([data-disabled]) { color: var(--cb-fg); }
+}
 .cb-tabs__tab[data-selected] { color: var(--cb-fg); }
 .cb-tabs__tab[data-disabled] { opacity: 0.45; cursor: not-allowed; }
 .cb-tabs__tab:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
@@ -2772,6 +4825,67 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
 
 .cb-tabs__panel:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset); }
 
+/* motion/border-beam/border-beam.css */
+.cb-border-beam {
+  --cb-border-beam-angle: 0turn;
+  --cb-border-beam-tone: var(--cb-tone-brand);
+  --cb-border-beam-thickness: var(--cb-border-width);
+  position: relative;
+  isolation: isolate;
+  overflow: visible;
+  border-radius: var(--cb-radius-md);
+}
+
+.cb-border-beam[data-tone="neutral"] { --cb-border-beam-tone: var(--cb-tone-neutral); }
+.cb-border-beam[data-tone="info"] { --cb-border-beam-tone: var(--cb-tone-info); }
+.cb-border-beam[data-tone="success"] { --cb-border-beam-tone: var(--cb-tone-success); }
+.cb-border-beam[data-tone="warning"] { --cb-border-beam-tone: var(--cb-tone-warning); }
+.cb-border-beam[data-tone="danger"] { --cb-border-beam-tone: var(--cb-tone-danger); }
+
+.cb-border-beam--sm { --cb-border-beam-thickness: var(--cb-border-width); }
+.cb-border-beam--md { --cb-border-beam-thickness: calc(var(--cb-border-width) * 2); }
+.cb-border-beam--lg { --cb-border-beam-thickness: calc(var(--cb-border-width) * 3); }
+
+.cb-border-beam__overlay {
+  position: absolute;
+  inset: calc(var(--cb-border-beam-thickness) * -1);
+  z-index: 0;
+  border-radius: inherit;
+  padding: var(--cb-border-beam-thickness);
+  background: conic-gradient(
+    from var(--cb-border-beam-angle),
+    transparent,
+    var(--cb-border-beam-tone),
+    transparent
+  );
+  pointer-events: none;
+  mask: linear-gradient(currentColor 0 0) content-box, linear-gradient(currentColor 0 0);
+  mask-composite: exclude;
+  animation: cb-border-beam-sweep var(--cb-duration-deliberate) var(--cb-ease-standard) infinite;
+}
+
+@property --cb-border-beam-angle {
+  syntax: "<angle>";
+  inherits: false;
+  initial-value: 0turn;
+}
+
+.cb-border-beam__content { position: relative; z-index: 1; }
+
+.cb-border-beam[data-motion="off"] .cb-border-beam__overlay {
+  animation: none;
+}
+
+@keyframes cb-border-beam-sweep {
+  to { --cb-border-beam-angle: 1turn; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .cb-border-beam__overlay {
+    animation: none;
+  }
+}
+
 /* onboarding/checklist.css */
 .cb-checklist {
   display: flex;
@@ -2803,7 +4917,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   cursor: pointer;
 }
 .cb-checklist__task:disabled { cursor: default; }
-.cb-checklist__task:hover:not(:disabled) { background: var(--cb-bg-subtle); }
+@media (hover: hover) {
+  .cb-checklist__task:hover:not(:disabled) { background: var(--cb-bg-subtle); }
+}
 .cb-checklist__task:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset-inset); }
 
 .cb-checklist__marker {
@@ -2890,7 +5006,9 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
   border-radius: var(--cb-radius-sm);
   display: inline-flex;
 }
-.cb-coachmark__close:hover { color: var(--cb-fg); background: var(--cb-bg-subtle); }
+@media (hover: hover) {
+  .cb-coachmark__close:hover { color: var(--cb-fg); background: var(--cb-bg-subtle); }
+}
 .cb-coachmark__close:focus-visible { outline: var(--cb-focus-width) solid var(--cb-tone-brand); outline-offset: var(--cb-focus-offset); }
 
 .cb-coachmark__body { font-size: var(--cb-text-sm); color: var(--cb-fg-muted); line-height: var(--cb-leading-normal); }