@lostgradient/cinder 0.3.0 → 0.4.0

package/dist/server/index.css

@@ -339,7 +339,7 @@
     --_cinder-status-fg-chroma-dark: .14;
   }
 
-  .cinder-alert[data-cinder-variant="error"] {
+  .cinder-alert[data-cinder-variant="danger"] {
     --_cinder-alert-ring: var(--cinder-danger);
     --_cinder-status-base: var(--cinder-danger);
     --_cinder-status-fg-chroma-light: .18;
@@ -362,6 +362,226 @@
   }
 }
 
+/* src/components/approval-card/approval-card.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-approval-card {
+    container-type: inline-size;
+    container-name: cinder-approval-card;
+    display: block;
+  }
+
+  .cinder-approval-card__surface {
+    overflow: hidden;
+  }
+
+  .cinder-approval-card__header {
+    display: flex;
+    justify-content: space-between;
+    align-items:  flex-start;
+    gap: var(--cinder-space-4);
+    padding: var(--cinder-space-4);
+    border-block-end: 1px solid var(--cinder-border-muted);
+    background: var(--cinder-surface-inset);
+  }
+
+  .cinder-approval-card__title-group {
+    display: flex;
+    gap: var(--cinder-space-1);
+    flex-direction: column;
+    min-inline-size: 0;
+  }
+
+  .cinder-approval-card__eyebrow, .cinder-approval-card__description, .cinder-approval-card__muted {
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-sm);
+    margin: 0;
+  }
+
+  .cinder-approval-card__eyebrow {
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-semibold);
+    text-transform: uppercase;
+  }
+
+  .cinder-approval-card__title {
+    color: var(--cinder-text);
+    font-size: var(--cinder-text-lg);
+    font-weight: var(--cinder-font-semibold);
+    line-height: var(--cinder-leading-tight);
+    margin: 0;
+  }
+
+  .cinder-approval-card__badges, .cinder-approval-card__section-heading, .cinder-approval-card__editor-actions {
+    display: flex;
+    align-items:  center;
+    gap: var(--cinder-space-2);
+    flex-wrap: wrap;
+  }
+
+  .cinder-approval-card__badges {
+    justify-content: flex-end;
+  }
+
+  .cinder-approval-card__body {
+    display: flex;
+    gap: var(--cinder-space-4);
+    padding: var(--cinder-space-4);
+    flex-direction: column;
+  }
+
+  .cinder-approval-card__section {
+    display: flex;
+    gap: var(--cinder-space-2);
+    flex-direction: column;
+  }
+
+  .cinder-approval-card__section-title, .cinder-approval-card__subsection-title {
+    color: var(--cinder-text);
+    font-size: var(--cinder-text-sm);
+    font-weight: var(--cinder-font-semibold);
+    margin: 0;
+  }
+
+  .cinder-approval-card__subsection-title {
+    font-size: var(--cinder-text-xs);
+  }
+
+  .cinder-approval-card__metadata {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
+    gap: var(--cinder-space-2);
+    margin: 0;
+  }
+
+  .cinder-approval-card__metadata--compact {
+    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+  }
+
+  .cinder-approval-card__metadata-item {
+    min-inline-size: 0;
+  }
+
+  .cinder-approval-card__metadata-item dt {
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-medium);
+  }
+
+  .cinder-approval-card__metadata-item dd {
+    overflow-wrap: anywhere;
+    color: var(--cinder-text);
+    font-family: var(--cinder-font-mono);
+    font-size: var(--cinder-text-xs);
+    margin: 0;
+  }
+
+  .cinder-approval-card__files {
+    display: flex;
+    gap: var(--cinder-space-2);
+    flex-direction: column;
+  }
+
+  .cinder-approval-card__file-list {
+    display: flex;
+    gap: var(--cinder-space-1);
+    overflow-y: auto;
+    list-style: none;
+    flex-direction: column;
+    max-block-size: 14rem;
+    margin: 0;
+    padding: 0;
+  }
+
+  .cinder-approval-card__file-list li {
+    overflow-wrap: anywhere;
+    border: 1px solid var(--cinder-border-muted);
+    border-radius: var(--cinder-radius-sm);
+    padding: var(--cinder-space-1) var(--cinder-space-2);
+    background: var(--cinder-surface-inset);
+    color: var(--cinder-text);
+    font-family: var(--cinder-font-mono);
+    font-size: var(--cinder-text-xs);
+  }
+
+  .cinder-approval-card__environment-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
+    gap: var(--cinder-space-2);
+  }
+
+  .cinder-approval-card__actions-section {
+    gap: var(--cinder-space-3);
+  }
+
+  .cinder-approval-card__editor {
+    display: flex;
+    gap: var(--cinder-space-2);
+    border: 1px solid var(--cinder-border-muted);
+    border-radius: var(--cinder-radius-md);
+    padding: var(--cinder-space-3);
+    background: var(--cinder-surface-inset);
+    flex-direction: column;
+  }
+
+  .cinder-approval-card__editor-label {
+    color: var(--cinder-text);
+    font-size: var(--cinder-text-sm);
+    font-weight: var(--cinder-font-semibold);
+  }
+
+  .cinder-approval-card__textarea {
+    resize: vertical;
+    border: 1px solid var(--cinder-border);
+    border-radius: var(--cinder-radius-md);
+    padding: var(--cinder-space-2);
+    background: var(--cinder-surface);
+    color: var(--cinder-text);
+    font-family: var(--cinder-font-mono);
+    font-size: var(--cinder-text-sm);
+    min-block-size: 10rem;
+  }
+
+  .cinder-approval-card__textarea:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: var(--_cinder-focus-ring-shadow);
+  }
+
+  .cinder-approval-card__error {
+    color: var(--cinder-danger);
+    font-size: var(--cinder-text-sm);
+    margin: 0;
+  }
+
+  .cinder-approval-card__readonly-summary {
+    border: 1px solid var(--cinder-border-muted);
+    border-radius: var(--cinder-radius-md);
+    padding: var(--cinder-space-3);
+    background: var(--cinder-surface-inset);
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-sm);
+    margin: 0;
+  }
+
+  @container cinder-approval-card (width <= 40rem) {
+    .cinder-approval-card__header {
+      flex-direction: column;
+    }
+
+    .cinder-approval-card__badges {
+      justify-content: flex-start;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .cinder-approval-card__textarea:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      box-shadow: none;
+    }
+  }
+}
+
 /* src/components/area-chart/area-chart.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
@@ -540,6 +760,9 @@
   }
 
   .cinder-autocomplete__label {
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
     color: var(--cinder-text);
     font-size: var(--cinder-text-sm);
     font-weight: var(--cinder-font-medium);
@@ -561,6 +784,14 @@
     box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
+  @media (forced-colors: active) {
+    .cinder-autocomplete__input:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-autocomplete__description, .cinder-autocomplete__error {
     font-size: var(--cinder-text-sm);
     line-height: var(--cinder-leading-normal);
@@ -609,8 +840,8 @@
     border-radius: var(--cinder-radius-sm);
     background: var(--cinder-color-warning-bg);
     color: var(--cinder-color-warning-fg);
+    font-weight: var(--cinder-font-semibold);
     padding: 0 .0625rem;
-    font-weight: 600;
   }
 
   .cinder-autocomplete__status {
@@ -814,127 +1045,49 @@
   }
 }
 
-/* src/components/badge/badge.css */
+/* src/components/backdrop/backdrop.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
 @layer cinder.components {
-  .cinder-badge {
-    display: inline-flex;
+  .cinder-backdrop {
+    position: fixed;
+    z-index: var(--cinder-z-backdrop);
+    background: var(--cinder-overlay-backdrop);
+    backdrop-filter: blur(var(--cinder-overlay-blur));
+    display: flex;
+    justify-content: center;
     align-items:  center;
-    gap: var(--cinder-space-1);
-    padding: var(--cinder-space-0-5) var(--cinder-space-2);
-    font-size: var(--cinder-text-xs);
-    font-weight: var(--cinder-font-medium);
-    border-radius: var(--cinder-radius-sm);
-    border: 1px solid var(--cinder-border);
-    white-space: nowrap;
-    background: var(--cinder-surface-inset);
-    color: var(--cinder-text);
-    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard);
-    line-height: 1.25;
+    inset: 0;
   }
 
-  .cinder-badge[data-cinder-size="xs"] {
-    padding: 0 var(--cinder-space-1);
-    font-size: .625rem;
-    line-height: .875rem;
+  .cinder-backdrop--invisible {
+    backdrop-filter: none;
+    background: none;
   }
 
-  .cinder-badge[data-cinder-size="sm"] {
-    font-size: var(--cinder-text-2xs, .625rem);
-    padding: 0 var(--cinder-space-1);
-    line-height: 1rem;
+  @media (prefers-reduced-motion: reduce) {
+    .cinder-backdrop {
+      backdrop-filter: none;
+    }
   }
+}
 
-  .cinder-badge[data-cinder-size="md"] {
-    font-size: var(--cinder-text-xs);
-    padding: var(--cinder-space-0-5) var(--cinder-space-2);
-  }
+/* src/components/banner/banner.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
-  .cinder-badge[data-cinder-variant="neutral"] {
-    background: color-mix(in oklch, var(--cinder-surface-inset), var(--cinder-surface) 40%);
+@layer cinder.components {
+  .cinder-banner {
+    display: flex;
+    align-items:  center;
+    gap: var(--cinder-space-3);
+    padding-block: var(--cinder-space-3);
+    padding-inline: var(--cinder-space-4);
+    border-block: 1px solid var(--cinder-border);
+    background: var(--cinder-surface);
     color: var(--cinder-text);
-    border-color: var(--cinder-border);
-  }
-
-  .cinder-badge[data-cinder-variant="success"] {
-    background: var(--cinder-color-success-bg);
-    color: var(--cinder-color-success-fg);
-    border-color: var(--cinder-color-success-border);
-  }
-
-  .cinder-badge[data-cinder-variant="warning"] {
-    background: var(--cinder-color-warning-bg);
-    color: var(--cinder-color-warning-fg);
-    border-color: var(--cinder-color-warning-border);
-  }
-
-  .cinder-badge[data-cinder-variant="danger"] {
-    background: var(--cinder-color-danger-bg);
-    color: var(--cinder-color-danger-fg);
-    border-color: var(--cinder-color-danger-border);
-  }
-
-  .cinder-badge[data-cinder-variant="info"] {
-    background: var(--cinder-color-info-bg);
-    color: var(--cinder-color-info-fg);
-    border-color: var(--cinder-color-info-border);
-  }
-
-  .cinder-badge[data-cinder-variant="accent"] {
-    background: color-mix(in oklch, var(--cinder-accent), transparent 88%);
-    color: var(--cinder-accent-text);
-    border-color: color-mix(in oklch, var(--cinder-accent), transparent 60%);
-  }
-
-  .cinder-badge[data-cinder-mono] {
-    font-family: var(--cinder-font-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace);
-  }
-}
-
-/* src/components/backdrop/backdrop.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-backdrop {
-    position: fixed;
-    z-index: var(--cinder-z-backdrop);
-    background: var(--cinder-overlay-backdrop);
-    backdrop-filter: blur(var(--cinder-overlay-blur));
-    display: flex;
-    justify-content: center;
-    align-items:  center;
-    inset: 0;
-  }
-
-  .cinder-backdrop--invisible {
-    backdrop-filter: none;
-    background: none;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .cinder-backdrop {
-      backdrop-filter: none;
-    }
-  }
-}
-
-/* src/components/banner/banner.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-banner {
-    display: flex;
-    align-items:  center;
-    gap: var(--cinder-space-3);
-    padding-block: var(--cinder-space-3);
-    padding-inline: var(--cinder-space-4);
-    border-block: 1px solid var(--cinder-border);
-    background: var(--cinder-surface);
-    color: var(--cinder-text);
-    font-size: var(--cinder-text-sm);
-    line-height: var(--cinder-leading-normal);
-    inline-size: 100%;
+    font-size: var(--cinder-text-sm);
+    line-height: var(--cinder-leading-normal);
+    inline-size: 100%;
   }
 
   @media (prefers-reduced-motion: no-preference) {
@@ -1325,7 +1478,7 @@
     content: "";
     display: inline-block;
     border: 2px solid;
-    animation: cinder-button-spin .6s linear infinite;
+    animation: cinder-button-spin var(--cinder-duration-spin) linear infinite;
     border-inline-end-color: #0000;
     border-radius: 50%;
     width: .75em;
@@ -2448,6 +2601,9 @@
   }
 
   .cinder-checkbox-field__label {
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
     font-size: var(--cinder-text-sm);
     line-height: var(--cinder-leading-normal);
     color: var(--cinder-text);
@@ -2490,6 +2646,9 @@
   }
 
   .cinder-checkbox-group__legend {
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
     font-size: var(--cinder-text-xs);
     font-weight: var(--cinder-font-medium);
     color: var(--cinder-text);
@@ -2561,341 +2720,123 @@
   }
 }
 
-/* src/components/code-block/code-block.css */
+/* src/components/color-field/color-field.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
 @layer cinder.components {
-  .cinder-code-block {
-    --_cinder-code-block-code-surface: light-dark(var(--cinder-surface-raised), var(--cinder-surface-inset));
-    background: var(--cinder-surface-inset);
-    border: 1px solid var(--cinder-border);
-    border-radius: var(--cinder-radius-md);
-    overflow: hidden;
+  .cinder-color-field {
+    display: contents;
   }
 
-  .cinder-code-block__header {
-    display: flex;
-    justify-content: space-between;
-    align-items:  center;
-    gap: var(--cinder-space-2);
-    padding: var(--cinder-space-1-5) var(--cinder-space-3);
-    border-bottom: 1px solid var(--cinder-border-muted);
-    background: var(--cinder-surface-inset);
-    min-height: 2rem;
+  .cinder-color-field__swatch {
+    display: inline-block;
+    border-radius: var(--cinder-radius-sm, 4px);
+    background-color: var(--cinder-color-field-swatch, transparent);
+    border: 1px solid var(--cinder-border);
+    vertical-align: middle;
+    width: 18px;
+    height: 18px;
   }
 
-  .cinder-code-block__language {
-    font-size: var(--cinder-text-xs);
-    font-family: var(--cinder-font-mono);
-    color: var(--cinder-text-muted);
-    text-transform: uppercase;
-    letter-spacing: var(--cinder-tracking-wide);
+  .cinder-color-field__swatch[data-cinder-empty] {
+    background-color: #0000;
+    background-image: linear-gradient(135deg, transparent 0%, transparent 45%, var(--cinder-border) 45%, var(--cinder-border) 55%, transparent 55%, transparent 100%);
+    background-size: 6px 6px;
   }
 
-  .cinder-code-block__viewport {
-    display: block;
-    overflow-x: auto;
-    background: var(--_cinder-code-block-code-surface);
+  .cinder-color-field__swatch[data-cinder-alpha]:not([data-cinder-empty]) {
+    background-color: var(--cinder-color-checker-base);
+    background-image: linear-gradient(var(--cinder-color-field-swatch, transparent), var(--cinder-color-field-swatch, transparent)), linear-gradient(45deg, var(--cinder-color-checker-tile) 25%, transparent 25%), linear-gradient(-45deg, var(--cinder-color-checker-tile) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--cinder-color-checker-tile) 75%), linear-gradient(-45deg, transparent 75%, var(--cinder-color-checker-tile) 75%);
+    background-position: 0 0, 0 0, 0 3px, 3px -3px, -3px 0;
+    background-size: auto, 6px 6px, 6px 6px, 6px 6px, 6px 6px;
   }
 
-  .cinder-code-block__pre, .cinder-code-block :where(pre.shiki) {
-    padding: var(--cinder-space-4);
-    overflow-x: clip;
-    font-family: var(--cinder-font-mono);
-    font-size: var(--cinder-text-sm);
-    line-height: var(--cinder-leading-relaxed);
-    color: var(--cinder-text);
-    background: var(--_cinder-code-block-code-surface);
-    width: max-content;
-    min-width: 100%;
-    margin: 0;
-  }
+  @media (forced-colors: active) {
+    .cinder-color-field__swatch {
+      forced-color-adjust: none;
+      background-color: buttonface;
+      border-color: canvastext;
+    }
 
-  .cinder-code-block :where(pre.shiki) {
-    padding: var(--cinder-space-4) !important;
-    background: var(--_cinder-code-block-code-surface) !important;
-    margin: 0 !important;
-  }
+    .cinder-color-field__swatch[data-cinder-empty] {
+      background-image: none;
+      border-style: dashed;
+    }
 
-  .cinder-code-block__code, .cinder-code-block :where(pre.shiki code) {
-    font-family: inherit;
-    font-size: inherit;
-    line-height: inherit;
-    background: none !important;
+    .cinder-color-field__swatch[data-cinder-alpha]:not([data-cinder-empty]) {
+      background-image: none;
+      border-style: dotted;
+    }
   }
+}
 
-  .cinder-code-block :where(pre.shiki code .line, pre.shiki code span) {
-    background: none !important;
-  }
+/* src/components/color-picker/color-picker.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
-  [data-cinder-theme="dark"] .cinder-code-block :where(pre.shiki) span {
-    color: var(--shiki-dark, inherit) !important;
+@layer cinder.components {
+  .cinder-color-picker {
+    container-type: inline-size;
+    container-name: cinder-color-picker;
+    display: flex;
+    gap: var(--cinder-space-2);
+    --_cinder-color-picker-thumb-border: #fff;
+    --_cinder-color-picker-thumb-shadow-edge: #00000080;
+    --_cinder-color-picker-thumb-shadow-support-light: transparent;
+    --_cinder-color-picker-thumb-shadow-support-dark: #ffffffa6;
+    --_cinder-color-picker-thumb-shadow-support: light-dark(var(--_cinder-color-picker-thumb-shadow-support-light), var(--_cinder-color-picker-thumb-shadow-support-dark));
+    --_cinder-color-picker-thumb-shadow: 0 0 0 1px var(--_cinder-color-picker-thumb-shadow-edge), 0 0 0 2px var(--_cinder-color-picker-thumb-shadow-support);
+    flex-direction: column;
+    width: 100%;
+    max-width: 280px;
   }
 
-  @media (prefers-color-scheme: dark) {
-    [data-cinder-theme="system"] .cinder-code-block :where(pre.shiki) span {
-      color: var(--shiki-dark, inherit) !important;
-    }
+  .cinder-color-picker[data-cinder-disabled] {
+    opacity: .6;
+    cursor: not-allowed;
   }
 
-  .cinder-code-block .cinder-code-block__header .cinder-copy-button {
-    display: inline-flex;
-    border-radius: var(--cinder-radius-sm);
-    background: var(--cinder-surface-raised);
-    padding: var(--cinder-space-1);
-    color: var(--cinder-text-muted);
-    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard), color var(--cinder-duration-fast) var(--cinder-ease-standard);
-    border: 1px solid #0000;
-    justify-content: center;
-    align-items:  center;
-    min-block-size: 1.75rem;
-    inline-size: 1.75rem;
+  .cinder-color-picker__gradient {
+    position: relative;
+    aspect-ratio: 4 / 3;
+    border-radius: var(--cinder-radius-sm, 4px);
+    --_cinder-color-picker-hue-fill: var(--cinder-color-picker-hue, red);
+    --_cinder-color-picker-value-axis: linear-gradient(to top, #000, transparent);
+    --_cinder-color-picker-saturation-axis: linear-gradient(to right, #fff, transparent);
+    background-color: var(--_cinder-color-picker-hue-fill);
+    background-image: var(--_cinder-color-picker-value-axis), var(--_cinder-color-picker-saturation-axis);
+    touch-action: none;
+    cursor: crosshair;
+    outline: none;
+    width: 100%;
   }
 
-  .cinder-code-block .cinder-code-block__header .cinder-copy-button:focus-visible {
+  .cinder-color-picker__gradient:focus-visible {
     outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: inset 0 0 0 var(--cinder-ring-width) var(--cinder-ring-color);
-  }
-
-  @media (forced-colors: active) {
-    .cinder-code-block .cinder-code-block__header .cinder-copy-button:focus-visible {
-      outline-color: canvastext;
-      box-shadow: none;
-    }
+    box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
-  @media (hover: hover) {
-    .cinder-code-block .cinder-code-block__header .cinder-copy-button:hover {
-      background: var(--cinder-surface-hover);
-      color: var(--cinder-text);
-      border-color: #0000;
-    }
+  .cinder-color-picker__gradient-handle {
+    position: absolute;
+    border: 2px solid var(--_cinder-color-picker-thumb-border);
+    box-shadow: var(--_cinder-color-picker-thumb-shadow);
+    pointer-events: none;
+    border-radius: 50%;
+    width: 14px;
+    height: 14px;
+    transform: translate(-50%, -50%);
   }
 
-  .cinder-code-block__highlighted {
-    display: block;
+  .cinder-color-picker__hue, .cinder-color-picker__alpha {
+    position: relative;
+    border-radius: var(--cinder-radius-full);
+    outline: none;
+    touch-action: none;
+    height: 12px;
   }
 
-  .cinder-code-block__viewport:focus-visible {
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: inset 0 0 0 var(--cinder-ring-width) var(--cinder-ring-color);
-  }
-
-  @media (forced-colors: active) {
-    .cinder-code-block__viewport:focus-visible {
-      outline: var(--cinder-ring-width) solid ButtonText;
-      outline-offset: calc(var(--cinder-ring-width) * -1);
-      box-shadow: none;
-    }
-  }
-}
-
-/* src/components/collapsible/collapsible.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-collapsible {
-    display: block;
-  }
-
-  .cinder-collapsible__trigger {
-    display: flex;
-    justify-content: space-between;
-    align-items:  center;
-    gap: var(--cinder-space-4);
-    padding: var(--cinder-space-4) var(--cinder-space-5);
-    font-size: var(--cinder-text-base);
-    font-weight: var(--cinder-font-medium);
-    line-height: var(--cinder-leading-snug);
-    color: var(--cinder-text);
-    text-align: start;
-    border-radius: var(--cinder-radius-md);
-    cursor: pointer;
-    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard), color var(--cinder-duration-fast) var(--cinder-ease-standard);
-    background: none;
-    border: none;
-    inline-size: 100%;
-  }
-
-  @media (hover: hover) {
-    .cinder-collapsible__trigger:hover:not(:disabled) {
-      background: var(--cinder-surface-hover);
-    }
-  }
-
-  .cinder-collapsible__trigger:active:not(:disabled) {
-    background: var(--cinder-surface-pressed);
-  }
-
-  .cinder-collapsible__trigger:focus-visible {
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: var(--_cinder-focus-ring-shadow);
-  }
-
-  @media (forced-colors: active) {
-    .cinder-collapsible__trigger:focus-visible {
-      outline: var(--cinder-ring-width) solid ButtonText;
-      outline-offset: 3px;
-    }
-  }
-
-  .cinder-collapsible__trigger:disabled {
-    cursor: not-allowed;
-    color: var(--cinder-text-disabled);
-    opacity: .6;
-  }
-
-  .cinder-collapsible__label {
-    flex: 1;
-  }
-
-  .cinder-collapsible__chevron {
-    color: var(--cinder-text-muted);
-    transition: transform var(--cinder-duration-fast) var(--cinder-ease-standard);
-    flex-shrink: 0;
-    width: 1.25rem;
-    height: 1.25rem;
-  }
-
-  .cinder-collapsible[data-cinder-expanded] .cinder-collapsible__chevron {
-    transform: rotate(180deg);
-  }
-
-  .cinder-collapsible[data-cinder-disabled] .cinder-collapsible__chevron {
-    opacity: .4;
-  }
-
-  .cinder-collapsible__panel-inner {
-    padding: var(--cinder-space-4) var(--cinder-space-5) var(--cinder-space-5);
-    font-size: var(--cinder-text-base);
-    line-height: var(--cinder-leading-normal);
-    color: var(--cinder-text-muted);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .cinder-collapsible__chevron {
-      transition: none;
-    }
-  }
-}
-
-/* src/components/color-field/color-field.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-color-field {
-    display: contents;
-  }
-
-  .cinder-color-field__swatch {
-    display: inline-block;
-    border-radius: var(--cinder-radius-sm, 4px);
-    background-color: var(--cinder-color-field-swatch, transparent);
-    border: 1px solid var(--cinder-border);
-    vertical-align: middle;
-    width: 18px;
-    height: 18px;
-  }
-
-  .cinder-color-field__swatch[data-cinder-empty] {
-    background-color: #0000;
-    background-image: linear-gradient(135deg, transparent 0%, transparent 45%, var(--cinder-border) 45%, var(--cinder-border) 55%, transparent 55%, transparent 100%);
-    background-size: 6px 6px;
-  }
-
-  .cinder-color-field__swatch[data-cinder-alpha]:not([data-cinder-empty]) {
-    background-color: var(--cinder-color-checker-base);
-    background-image: linear-gradient(var(--cinder-color-field-swatch, transparent), var(--cinder-color-field-swatch, transparent)), linear-gradient(45deg, var(--cinder-color-checker-tile) 25%, transparent 25%), linear-gradient(-45deg, var(--cinder-color-checker-tile) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--cinder-color-checker-tile) 75%), linear-gradient(-45deg, transparent 75%, var(--cinder-color-checker-tile) 75%);
-    background-position: 0 0, 0 0, 0 3px, 3px -3px, -3px 0;
-    background-size: auto, 6px 6px, 6px 6px, 6px 6px, 6px 6px;
-  }
-
-  @media (forced-colors: active) {
-    .cinder-color-field__swatch {
-      forced-color-adjust: none;
-      background-color: buttonface;
-      border-color: canvastext;
-    }
-
-    .cinder-color-field__swatch[data-cinder-empty] {
-      background-image: none;
-      border-style: dashed;
-    }
-
-    .cinder-color-field__swatch[data-cinder-alpha]:not([data-cinder-empty]) {
-      background-image: none;
-      border-style: dotted;
-    }
-  }
-}
-
-/* src/components/color-picker/color-picker.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-color-picker {
-    container-type: inline-size;
-    container-name: cinder-color-picker;
-    display: flex;
-    gap: var(--cinder-space-2);
-    --_cinder-color-picker-thumb-border: #fff;
-    --_cinder-color-picker-thumb-shadow-edge: #00000080;
-    --_cinder-color-picker-thumb-shadow-support-light: transparent;
-    --_cinder-color-picker-thumb-shadow-support-dark: #ffffffa6;
-    --_cinder-color-picker-thumb-shadow-support: light-dark(var(--_cinder-color-picker-thumb-shadow-support-light), var(--_cinder-color-picker-thumb-shadow-support-dark));
-    --_cinder-color-picker-thumb-shadow: 0 0 0 1px var(--_cinder-color-picker-thumb-shadow-edge), 0 0 0 2px var(--_cinder-color-picker-thumb-shadow-support);
-    flex-direction: column;
-    width: 100%;
-    max-width: 280px;
-  }
-
-  .cinder-color-picker[data-cinder-disabled] {
-    opacity: .6;
-    cursor: not-allowed;
-  }
-
-  .cinder-color-picker__gradient {
-    position: relative;
-    aspect-ratio: 4 / 3;
-    border-radius: var(--cinder-radius-sm, 4px);
-    --_cinder-color-picker-hue-fill: var(--cinder-color-picker-hue, red);
-    --_cinder-color-picker-value-axis: linear-gradient(to top, #000, transparent);
-    --_cinder-color-picker-saturation-axis: linear-gradient(to right, #fff, transparent);
-    background-color: var(--_cinder-color-picker-hue-fill);
-    background-image: var(--_cinder-color-picker-value-axis), var(--_cinder-color-picker-saturation-axis);
-    touch-action: none;
-    cursor: crosshair;
-    outline: none;
-    width: 100%;
-  }
-
-  .cinder-color-picker__gradient:focus-visible {
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: var(--_cinder-focus-ring-shadow);
-  }
-
-  .cinder-color-picker__gradient-handle {
-    position: absolute;
-    border: 2px solid var(--_cinder-color-picker-thumb-border);
-    box-shadow: var(--_cinder-color-picker-thumb-shadow);
-    pointer-events: none;
-    border-radius: 50%;
-    width: 14px;
-    height: 14px;
-    transform: translate(-50%, -50%);
-  }
-
-  .cinder-color-picker__hue, .cinder-color-picker__alpha {
-    position: relative;
-    border-radius: var(--cinder-radius-full);
-    outline: none;
-    touch-action: none;
-    height: 12px;
-  }
-
-  .cinder-color-picker__hue {
-    --_cinder-color-picker-hue-spectrum: linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
-    background: var(--_cinder-color-picker-hue-spectrum);
+  .cinder-color-picker__hue {
+    --_cinder-color-picker-hue-spectrum: linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
+    background: var(--_cinder-color-picker-hue-spectrum);
   }
 
   .cinder-color-picker__alpha {
@@ -3324,6 +3265,7 @@
   .cinder-command-item[data-cinder-active] {
     background: var(--cinder-accent);
     color: var(--cinder-accent-contrast);
+    box-shadow: inset 0 0 0 1px var(--cinder-accent-contrast);
   }
 
   @media (forced-colors: active) {
@@ -3570,97 +3512,36 @@
   }
 }
 
-/* src/components/connection-indicator/connection-indicator.css */
+/* src/components/container/container.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
 @layer cinder.components {
-  .cinder-connection-indicator {
-    display: inline-flex;
-    align-items:  center;
-    gap: var(--cinder-space-1-5);
-    padding: var(--cinder-space-0-5) var(--cinder-space-2);
-    font-size: var(--cinder-text-xs);
-    font-weight: var(--cinder-font-medium);
-    border-radius: var(--cinder-radius-full);
-    background: var(--cinder-surface-inset);
-    color: var(--cinder-text);
+  .cinder-container {
+    box-sizing: border-box;
+    display: block;
+    max-inline-size: var(--cinder-content-width);
+    inline-size: 100%;
+    min-inline-size: 0;
   }
 
-  .cinder-connection-indicator__dot {
-    display: inline-block;
-    border-radius: var(--cinder-radius-full);
-    background: currentColor;
-    width: .5rem;
-    height: .5rem;
+  .cinder-container[data-cinder-centered] {
+    margin-inline: auto;
   }
 
-  .cinder-connection-indicator[data-cinder-state="connected"] {
-    color: var(--cinder-success);
+  .cinder-container[data-cinder-padded] {
+    padding-inline: var(--cinder-space-5);
   }
 
-  .cinder-connection-indicator[data-cinder-state="connecting"] {
-    color: var(--cinder-warning);
+  .cinder-container[data-cinder-max-width="prose"] {
+    max-inline-size: var(--cinder-content-width-prose);
   }
 
-  .cinder-connection-indicator[data-cinder-state="connecting"] .cinder-connection-indicator__dot {
-    animation: cinder-connection-pulse 1.4s ease-in-out infinite;
+  .cinder-container[data-cinder-max-width="narrow"] {
+    max-inline-size: var(--cinder-content-width-narrow);
   }
 
-  @keyframes cinder-connection-pulse {
-    0%, 100% {
-      opacity: 1;
-    }
-
-    50% {
-      opacity: .3;
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .cinder-connection-indicator[data-cinder-state="connecting"] .cinder-connection-indicator__dot {
-      animation: none;
-    }
-  }
-
-  .cinder-connection-indicator[data-cinder-state="disconnected"] {
-    color: var(--cinder-text-muted);
-  }
-
-  .cinder-connection-indicator[data-cinder-state="error"] {
-    color: var(--cinder-danger);
-  }
-}
-
-/* src/components/container/container.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-container {
-    box-sizing: border-box;
-    display: block;
-    max-inline-size: var(--cinder-content-width);
-    inline-size: 100%;
-    min-inline-size: 0;
-  }
-
-  .cinder-container[data-cinder-centered] {
-    margin-inline: auto;
-  }
-
-  .cinder-container[data-cinder-padded] {
-    padding-inline: var(--cinder-space-5);
-  }
-
-  .cinder-container[data-cinder-max-width="prose"] {
-    max-inline-size: var(--cinder-content-width-prose);
-  }
-
-  .cinder-container[data-cinder-max-width="narrow"] {
-    max-inline-size: var(--cinder-content-width-narrow);
-  }
-
-  .cinder-container[data-cinder-max-width="wide"] {
-    max-inline-size: var(--cinder-content-width-wide);
+  .cinder-container[data-cinder-max-width="wide"] {
+    max-inline-size: var(--cinder-content-width-wide);
   }
 
   .cinder-container[data-cinder-max-width="full"] {
@@ -3677,53 +3558,6 @@
   }
 }
 
-/* src/components/copy-button/copy-button.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-copy-button {
-    appearance: none;
-    display: inline-flex;
-    align-items:  center;
-    gap: var(--cinder-space-1);
-    padding: var(--cinder-space-1) var(--cinder-space-2);
-    font-size: var(--cinder-text-xs);
-    font-family: inherit;
-    font-weight: var(--cinder-font-medium);
-    color: var(--cinder-text-muted);
-    border: 1px solid var(--cinder-border);
-    border-radius: var(--cinder-radius-sm);
-    cursor: pointer;
-    transition: color var(--cinder-duration-fast) var(--cinder-ease-standard), background var(--cinder-duration-fast) var(--cinder-ease-standard), border-color var(--cinder-duration-fast) var(--cinder-ease-standard);
-    background: none;
-  }
-
-  @media (hover: hover) {
-    .cinder-copy-button:hover {
-      color: var(--cinder-text);
-      background: var(--cinder-surface-hover);
-      border-color: var(--cinder-border-strong);
-    }
-  }
-
-  .cinder-copy-button:focus-visible {
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: var(--_cinder-focus-ring-shadow);
-  }
-
-  @media (forced-colors: active) {
-    .cinder-copy-button:focus-visible {
-      outline: var(--cinder-ring-width) solid ButtonText;
-      outline-offset: 2px;
-    }
-  }
-
-  .cinder-copy-button[data-cinder-copied] {
-    color: var(--cinder-success);
-    border-color: var(--cinder-success);
-  }
-}
-
 /* src/components/data-list/data-list.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
@@ -3754,6 +3588,7 @@
     --_cinder-data-grid-content-width: max-content;
     display: block;
     overflow: auto;
+    scrollbar-gutter: stable;
     border: 1px solid var(--cinder-border);
     border-radius: var(--cinder-radius-md);
     background: var(--cinder-surface);
@@ -3765,11 +3600,23 @@
     max-inline-size: 100%;
   }
 
+  .cinder-data-grid[data-cinder-virtualized-columns="true"] {
+    --_cinder-data-grid-overflow-shadow: inset 1rem 0 1rem -1rem color-mix(in srgb, var(--cinder-text) 28%, transparent), inset -1rem 0 1rem -1rem color-mix(in srgb, var(--cinder-text) 28%, transparent);
+  }
+
   .cinder-data-grid:focus-visible {
     outline: var(--cinder-ring-width) solid transparent;
     box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
+  @media (forced-colors: active) {
+    .cinder-data-grid:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: calc(-1 * var(--cinder-ring-width));
+      box-shadow: none;
+    }
+  }
+
   .cinder-data-grid__header-row, .cinder-data-grid__row {
     display: grid;
     grid-template-columns: var(--_cinder-data-grid-template-columns);
@@ -3779,6 +3626,7 @@
 
   .cinder-data-grid__header-row {
     background: var(--cinder-surface-inset);
+    box-shadow: var(--_cinder-data-grid-overflow-shadow, none);
   }
 
   .cinder-data-grid[data-cinder-sticky-header] .cinder-data-grid__header-row {
@@ -3789,6 +3637,7 @@
 
   .cinder-data-grid__row {
     background: var(--cinder-surface);
+    box-shadow: var(--_cinder-data-grid-overflow-shadow, none);
     transition: background var(--cinder-duration-fast) var(--cinder-ease-standard);
   }
 
@@ -3861,6 +3710,14 @@
     box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
+  @media (forced-colors: active) {
+    .cinder-data-grid__sort-button:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 2px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-data-grid__header-content {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -4016,11 +3873,23 @@
     block-size: var(--_cinder-data-table-row-height, 44px);
   }
 
+  .cinder-data-table tbody .cinder-table__row:focus-within {
+    background: var(--cinder-surface-hover);
+  }
+
   .cinder-data-table[data-cinder-virtualized] .cinder-table__row[data-cinder-virtual-row]:focus-visible {
     outline: var(--cinder-ring-width) solid transparent;
     box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
+  @media (forced-colors: active) {
+    .cinder-data-table[data-cinder-virtualized] .cinder-table__row[data-cinder-virtual-row]:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: calc(-1 * var(--cinder-ring-width));
+      box-shadow: none;
+    }
+  }
+
   .cinder-data-table__virtual-spacer-cell {
     border: 0;
     padding: 0;
@@ -4206,90 +4075,6 @@
   }
 }
 
-/* src/components/description-list/description-list.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-description-list {
-    display: flex;
-    flex-direction: column;
-    margin: 0;
-  }
-
-  .cinder-description-list dt, .cinder-description-list dd {
-    margin: 0;
-  }
-
-  .cinder-description-list__row {
-    display: flex;
-    gap: var(--cinder-space-1);
-    padding: var(--cinder-space-2) var(--cinder-space-3);
-    flex-direction: column;
-  }
-
-  .cinder-description-list[data-cinder-variant="default"] .cinder-description-list__row:not(:first-child) {
-    border-block-start: 1px solid var(--cinder-border-muted);
-  }
-
-  .cinder-description-list dd {
-    display: flex;
-    align-items: baseline;
-    gap: var(--cinder-space-2);
-    flex-wrap: wrap;
-  }
-
-  .cinder-description-list__definition {
-    flex: auto;
-    min-width: 0;
-  }
-
-  .cinder-description-list__actions {
-    display: inline-flex;
-    align-items:  center;
-    gap: var(--cinder-space-1);
-    flex: none;
-  }
-
-  .cinder-description-list[data-cinder-variant="striped"] .cinder-description-list__row:nth-child(odd) {
-    background: var(--cinder-surface-inset);
-  }
-
-  .cinder-description-list[data-cinder-variant="two-column"] {
-    container-type: inline-size;
-  }
-
-  .cinder-description-list[data-cinder-variant="two-column"] .cinder-description-list__row {
-    display: grid;
-    grid-template-columns: minmax(8rem, 1fr) 3fr;
-    align-items: baseline;
-    gap: var(--cinder-space-3);
-  }
-
-  @supports (grid-template-columns: subgrid) {
-    .cinder-description-list[data-cinder-variant="two-column"] {
-      display: grid;
-      grid-template-columns: minmax(8rem, 1fr) 3fr;
-    }
-
-    .cinder-description-list[data-cinder-variant="two-column"] .cinder-description-list__row {
-      grid-template-columns: subgrid;
-      grid-column: 1 / -1;
-    }
-  }
-
-  @container (width <= 28rem) {
-    .cinder-description-list[data-cinder-variant="two-column"] .cinder-description-list__row {
-      grid-template-columns: 1fr;
-    }
-  }
-
-  .cinder-description-list[data-cinder-variant="narrow"] .cinder-description-list__row {
-    align-items: baseline;
-    gap: var(--cinder-space-2);
-    flex-direction: row;
-  }
-}
-
 /* src/components/diff-statistics/diff-statistics.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
@@ -4863,6 +4648,43 @@
     margin: 0;
   }
 
+  .cinder-event-stream-viewer__boundary-marker, .cinder-event-stream-viewer__sequence-gap-marker {
+    padding: var(--cinder-space-1) var(--cinder-space-3);
+    border-block-end: 1px solid var(--cinder-border-muted);
+    background: var(--cinder-surface-inset);
+  }
+
+  .cinder-event-stream-viewer__marker-content {
+    display: flex;
+    align-items:  center;
+    gap: var(--cinder-space-2);
+    color: var(--cinder-text-muted);
+    font-family: var(--cinder-font-sans);
+    font-size: var(--cinder-text-xs);
+    line-height: var(--cinder-leading-normal);
+  }
+
+  .cinder-event-stream-viewer__marker-content:before, .cinder-event-stream-viewer__marker-content:after {
+    content: "";
+    background: var(--cinder-border-muted);
+    flex: auto;
+    block-size: 1px;
+  }
+
+  .cinder-event-stream-viewer__boundary-marker .cinder-event-stream-viewer__marker-content {
+    color: var(--cinder-info);
+  }
+
+  .cinder-event-stream-viewer__sequence-gap-marker .cinder-event-stream-viewer__marker-content {
+    color: var(--cinder-warning);
+  }
+
+  .cinder-event-stream-viewer__marker-time {
+    color: var(--cinder-text-muted);
+    font-family: var(--cinder-font-mono);
+    white-space: nowrap;
+  }
+
   .cinder-event-stream-viewer__event {
     --cinder-event-stream-viewer-severity-color: var(--cinder-text-muted);
     display: grid;
@@ -5094,8 +4916,17 @@
   .cinder-faceted-filter-bar__facet {
     position: relative;
     display: inline-flex;
-    flex-shrink: 0;
     align-items:  center;
+    gap: var(--cinder-space-1);
+    flex-shrink: 0;
+  }
+
+  .cinder-faceted-filter-bar__facet-label {
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-medium);
+    line-height: var(--cinder-leading-tight);
+    white-space: nowrap;
   }
 
   .cinder-faceted-filter-bar__select {
@@ -5300,11 +5131,11 @@
     font-size: var(--cinder-text-xs);
   }
 
-  .cinder-fab[data-cinder-size="sm"][data-cinder-variant="filled"] {
+  .cinder-fab[data-cinder-size="sm"][data-cinder-shape="filled"] {
     inline-size: var(--cinder-space-10);
   }
 
-  .cinder-fab[data-cinder-size="sm"][data-cinder-variant="extended"] {
+  .cinder-fab[data-cinder-size="sm"][data-cinder-shape="extended"] {
     padding-inline: var(--cinder-space-4);
   }
 
@@ -5313,11 +5144,11 @@
     font-size: var(--cinder-text-sm);
   }
 
-  .cinder-fab[data-cinder-size="md"][data-cinder-variant="filled"] {
+  .cinder-fab[data-cinder-size="md"][data-cinder-shape="filled"] {
     inline-size: var(--cinder-space-12);
   }
 
-  .cinder-fab[data-cinder-size="md"][data-cinder-variant="extended"] {
+  .cinder-fab[data-cinder-size="md"][data-cinder-shape="extended"] {
     padding-inline: var(--cinder-space-6);
   }
 
@@ -5326,41 +5157,41 @@
     font-size: var(--cinder-text-lg);
   }
 
-  .cinder-fab[data-cinder-size="lg"][data-cinder-variant="filled"] {
+  .cinder-fab[data-cinder-size="lg"][data-cinder-shape="filled"] {
     inline-size: var(--cinder-space-16);
   }
 
-  .cinder-fab[data-cinder-size="lg"][data-cinder-variant="extended"] {
+  .cinder-fab[data-cinder-size="lg"][data-cinder-shape="extended"] {
     padding-inline: var(--cinder-space-8);
   }
 
-  .cinder-fab[data-cinder-color="primary"] {
+  .cinder-fab[data-cinder-variant="primary"] {
     --_cinder-fab-ring: var(--cinder-ring-on-accent);
     background: var(--cinder-accent);
     color: var(--cinder-accent-contrast);
   }
 
-  .cinder-fab[data-cinder-color="primary"]:disabled, .cinder-fab[data-cinder-color="primary"][aria-disabled="true"] {
+  .cinder-fab[data-cinder-variant="primary"]:disabled, .cinder-fab[data-cinder-variant="primary"][aria-disabled="true"] {
     background: var(--cinder-surface-inset);
     color: var(--cinder-text-disabled);
   }
 
-  .cinder-fab[data-cinder-color="secondary"] {
+  .cinder-fab[data-cinder-variant="secondary"] {
     background: var(--cinder-surface-raised);
     color: var(--cinder-text);
   }
 
-  .cinder-fab[data-cinder-color="secondary"]:disabled, .cinder-fab[data-cinder-color="secondary"][aria-disabled="true"] {
+  .cinder-fab[data-cinder-variant="secondary"]:disabled, .cinder-fab[data-cinder-variant="secondary"][aria-disabled="true"] {
     background: var(--cinder-surface-inset);
     color: var(--cinder-text-disabled);
   }
 
-  .cinder-fab[data-cinder-color="surface"] {
+  .cinder-fab[data-cinder-variant="surface"] {
     background: var(--cinder-surface);
     color: var(--cinder-text);
   }
 
-  .cinder-fab[data-cinder-color="surface"]:disabled, .cinder-fab[data-cinder-color="surface"][aria-disabled="true"] {
+  .cinder-fab[data-cinder-variant="surface"]:disabled, .cinder-fab[data-cinder-variant="surface"][aria-disabled="true"] {
     background: var(--cinder-surface-inset);
     color: var(--cinder-text-disabled);
   }
@@ -5370,20 +5201,20 @@
       --_cinder-fab-elevation: var(--cinder-shadow-lg);
     }
 
-    .cinder-fab[data-cinder-color="primary"]:hover:not(:disabled):not([aria-disabled="true"]) {
+    .cinder-fab[data-cinder-variant="primary"]:hover:not(:disabled):not([aria-disabled="true"]) {
       background: var(--cinder-accent-hover);
     }
 
-    .cinder-fab[data-cinder-color="secondary"]:hover:not(:disabled):not([aria-disabled="true"]), .cinder-fab[data-cinder-color="surface"]:hover:not(:disabled):not([aria-disabled="true"]) {
+    .cinder-fab[data-cinder-variant="secondary"]:hover:not(:disabled):not([aria-disabled="true"]), .cinder-fab[data-cinder-variant="surface"]:hover:not(:disabled):not([aria-disabled="true"]) {
       background: var(--cinder-surface-hover);
     }
   }
 
-  .cinder-fab[data-cinder-color="primary"]:active:not(:disabled):not([aria-disabled="true"]) {
+  .cinder-fab[data-cinder-variant="primary"]:active:not(:disabled):not([aria-disabled="true"]) {
     background: var(--cinder-accent-active-on-fill);
   }
 
-  .cinder-fab[data-cinder-color="secondary"]:active:not(:disabled):not([aria-disabled="true"]), .cinder-fab[data-cinder-color="surface"]:active:not(:disabled):not([aria-disabled="true"]) {
+  .cinder-fab[data-cinder-variant="secondary"]:active:not(:disabled):not([aria-disabled="true"]), .cinder-fab[data-cinder-variant="surface"]:active:not(:disabled):not([aria-disabled="true"]) {
     background: var(--cinder-surface-pressed);
   }
 
@@ -5423,7 +5254,7 @@
     border-radius: var(--cinder-radius-lg);
     background: var(--cinder-file-upload-background);
     padding: var(--cinder-space-4);
-    transition: border-color .15s, background-color .15s, box-shadow .15s;
+    transition: border-color var(--cinder-duration-fast) var(--cinder-ease-standard), background-color var(--cinder-duration-fast) var(--cinder-ease-standard), box-shadow var(--cinder-duration-fast) var(--cinder-ease-standard);
   }
 
   .cinder-file-upload__dropzone[data-drag-active] {
@@ -5438,7 +5269,7 @@
   }
 
   .cinder-file-upload__dropzone:focus-within {
-    outline: 2px solid #0000;
+    outline: var(--cinder-ring-width) solid transparent;
     box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
@@ -5571,8 +5402,8 @@
   .cinder-file-upload__progress-fill {
     background: var(--cinder-file-upload-progress-fill);
     inline-size: calc(clamp(0, var(--cinder-file-upload-progress, 0), 100) * 1%);
+    transition: inline-size var(--cinder-duration-fast) var(--cinder-ease-standard);
     block-size: 100%;
-    transition: inline-size .15s;
   }
 
   .cinder-file-upload__error {
@@ -5613,16 +5444,6 @@
     cursor: not-allowed;
   }
 
-  .cinder-form-field__required {
-    display: inline-block;
-    background-color: var(--cinder-danger);
-    border-radius: 50%;
-    flex-shrink: 0;
-    align-self:  center;
-    width: 6px;
-    height: 6px;
-  }
-
   .cinder-form-field__description {
     font-size: var(--cinder-text-xs);
     line-height: var(--cinder-leading-normal);
@@ -6303,8 +6124,10 @@
     display: flex;
     align-items:  center;
     gap: var(--cinder-space-2);
-    padding: var(--cinder-space-1-5) var(--cinder-space-3);
+    padding-block: var(--cinder-space-1-5);
     min-height: var(--cinder-button-height-md);
+    padding-inline-start: calc(var(--cinder-space-3)  + var(--cinder-jse-property-depth, 0) * var(--cinder-space-4));
+    padding-inline-end: var(--cinder-space-3);
   }
 
   .cinder-jse-property-row__trigger {
@@ -6370,6 +6193,7 @@
     padding: var(--cinder-space-3) var(--cinder-space-3) var(--cinder-space-4);
     background: none;
     flex-direction: column;
+    margin-inline-start: calc(var(--cinder-jse-property-depth, 0) * var(--cinder-space-4));
   }
 
   .cinder-jse-property-row__panel > .cinder-jse-property-editor[data-cinder-jse-depth] {
@@ -6489,22 +6313,51 @@
     overflow-wrap: anywhere;
     flex: auto;
     min-inline-size: 0;
+    margin: 0;
   }
 
-  .cinder-invocation-rule-builder__rule-controls {
-    display: inline-flex;
-    gap: var(--cinder-space-1);
-    flex-shrink: 0;
-    align-items:  center;
+  .cinder-invocation-rule-builder__rule-label-field {
+    flex: auto;
+    min-inline-size: 0;
+  }
+
+  .cinder-invocation-rule-builder__rule-label-input {
+    min-block-size: var(--cinder-control-height-sm, 2rem);
+    padding-inline: var(--cinder-space-2);
+    border: 1px solid var(--cinder-border);
+    border-radius: var(--cinder-radius-sm);
+    background: var(--cinder-surface);
+    color: var(--cinder-text);
+    font: inherit;
+    font-size: var(--cinder-text-sm);
+    font-weight: var(--cinder-font-semibold);
+    inline-size: 100%;
+  }
+
+  .cinder-invocation-rule-builder__rule-label-input:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: var(--_cinder-focus-ring-shadow);
+  }
+
+  @media (forced-colors: active) {
+    .cinder-invocation-rule-builder__rule-label-input:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+    }
+  }
+
+  .cinder-invocation-rule-builder__rule-controls {
+    display: inline-flex;
+    gap: var(--cinder-space-1);
+    flex-shrink: 0;
+    align-items:  center;
   }
 
   .cinder-invocation-rule-builder__section-heading {
     display: block;
     font-size: var(--cinder-text-xs);
     font-weight: var(--cinder-font-semibold);
-    letter-spacing: .05em;
     text-transform: uppercase;
-    color: var(--cinder-text-muted);
+    color: var(--cinder-text);
     margin-block-end: var(--cinder-space-2);
   }
 
@@ -6523,7 +6376,6 @@
 
   .cinder-invocation-rule-builder__condition-select {
     block-size: var(--cinder-control-height-sm, 2rem);
-    padding-inline: var(--cinder-space-2);
     border: 1px solid var(--cinder-border);
     border-radius: var(--cinder-radius-sm);
     background: var(--cinder-surface);
@@ -6531,8 +6383,14 @@
     font-size: var(--cinder-text-sm);
     cursor: pointer;
     appearance: none;
+    background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
+    background-position: calc(100% - .85rem), calc(100% - .55rem);
+    background-repeat: no-repeat;
+    background-size: .3rem .3rem, .3rem .3rem;
     flex: 8rem;
     min-inline-size: 6rem;
+    padding-inline-start: var(--cinder-space-2);
+    padding-inline-end: var(--cinder-space-7);
     font-family: inherit;
   }
 
@@ -6585,7 +6443,6 @@
 
   .cinder-invocation-rule-builder__action-select {
     block-size: var(--cinder-control-height-sm, 2rem);
-    padding-inline: var(--cinder-space-2);
     border: 1px solid var(--cinder-border);
     border-radius: var(--cinder-radius-sm);
     background: var(--cinder-surface);
@@ -6593,10 +6450,22 @@
     font-size: var(--cinder-text-sm);
     cursor: pointer;
     appearance: none;
+    background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
+    background-position: calc(100% - .85rem), calc(100% - .55rem);
+    background-repeat: no-repeat;
+    background-size: .3rem .3rem, .3rem .3rem;
     flex: auto;
+    padding-inline-start: var(--cinder-space-2);
+    padding-inline-end: var(--cinder-space-7);
     font-family: inherit;
   }
 
+  .cinder-invocation-rule-builder__validation {
+    margin: 0 0 var(--cinder-space-2);
+    color: var(--cinder-color-warning-fg);
+    font-size: var(--cinder-text-xs);
+  }
+
   .cinder-invocation-rule-builder__action-select:focus-visible {
     outline: var(--cinder-ring-width) solid transparent;
     box-shadow: var(--_cinder-focus-ring-shadow);
@@ -6618,8 +6487,8 @@
     flex-shrink: 0;
     justify-content: center;
     align-items:  center;
-    block-size: 1.75rem;
-    inline-size: 1.75rem;
+    block-size: 2rem;
+    inline-size: 2rem;
     padding: 0;
     font-family: inherit;
   }
@@ -6718,124 +6587,6 @@
   }
 }
 
-/* src/components/json-viewer/json-viewer.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-json-viewer {
-    font-family: var(--cinder-font-mono);
-    font-size: var(--cinder-text-sm);
-    color: var(--cinder-text);
-    background: var(--cinder-surface-inset);
-    border: 1px solid var(--cinder-border);
-    border-radius: var(--cinder-radius-md);
-    padding: var(--cinder-space-3);
-    overflow: auto;
-  }
-
-  .cinder-json-viewer__fallback {
-    color: var(--cinder-text-muted);
-    font-family: var(--cinder-font-sans);
-    text-align: center;
-    padding: var(--cinder-space-4);
-  }
-
-  .cinder-json-viewer__fallback p {
-    margin: 0 0 var(--cinder-space-1) 0;
-  }
-
-  .cinder-json-viewer__node {
-    display: inline;
-  }
-
-  .cinder-json-viewer__key {
-    color: var(--cinder-accent-text);
-    margin-inline-end: var(--cinder-space-1);
-  }
-
-  .cinder-json-viewer__toggle {
-    appearance: none;
-    font: inherit;
-    color: inherit;
-    cursor: pointer;
-    display: inline-flex;
-    align-items:  center;
-    gap: var(--cinder-space-1);
-    border-radius: var(--cinder-radius-sm);
-    background: none;
-    border: none;
-    padding: 0;
-  }
-
-  @media (hover: hover) {
-    .cinder-json-viewer__toggle:hover {
-      background: var(--cinder-surface-hover);
-    }
-  }
-
-  .cinder-json-viewer__toggle:focus-visible {
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: var(--_cinder-focus-ring-shadow);
-  }
-
-  @media (forced-colors: active) {
-    .cinder-json-viewer__toggle:focus-visible {
-      outline: var(--cinder-ring-width) solid ButtonText;
-      outline-offset: 3px;
-    }
-  }
-
-  .cinder-json-viewer__caret {
-    display: inline-block;
-    border-inline: .25rem solid #0000;
-    transition: transform var(--cinder-duration-fast) var(--cinder-ease-standard);
-    border-top: .375rem solid;
-    width: 0;
-    height: 0;
-  }
-
-  .cinder-json-viewer__caret[data-cinder-collapsed] {
-    transform: rotate(-90deg);
-  }
-
-  .cinder-json-viewer__brace {
-    color: var(--cinder-text-muted);
-  }
-
-  .cinder-json-viewer__summary {
-    color: var(--cinder-text-muted);
-    font-style: italic;
-  }
-
-  .cinder-json-viewer__children {
-    list-style: none;
-    border-inline-start: 1px dashed var(--cinder-border-muted);
-    margin: 0;
-    padding-inline-start: var(--cinder-space-4);
-  }
-
-  .cinder-json-viewer__too-deep {
-    color: var(--cinder-text-muted);
-  }
-
-  .cinder-json-viewer__value[data-cinder-type="string"] {
-    color: var(--cinder-success);
-  }
-
-  .cinder-json-viewer__value[data-cinder-type="number"] {
-    color: var(--cinder-warning);
-  }
-
-  .cinder-json-viewer__value[data-cinder-type="boolean"] {
-    color: var(--cinder-danger);
-  }
-
-  .cinder-json-viewer__value[data-cinder-type="null"] {
-    color: var(--cinder-text-muted);
-    font-style: italic;
-  }
-}
-
 /* src/components/capability-gate/capability-gate.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
@@ -6885,7 +6636,7 @@
   }
 
   .cinder-capability-gate__feature {
-    font-weight: 600;
+    font-weight: var(--cinder-font-semibold);
     font-size: var(--cinder-text-sm);
   }
 
@@ -6910,11 +6661,11 @@
     padding: var(--cinder-space-1) var(--cinder-space-2);
     border-radius: var(--cinder-radius-sm);
     font-size: var(--cinder-text-sm);
+    font-weight: var(--cinder-font-medium);
     cursor: pointer;
     text-decoration: none;
     border: 1px solid #0000;
     align-items:  center;
-    font-weight: 500;
   }
 
   .cinder-capability-gate__primary {
@@ -6935,6 +6686,14 @@
     box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--cinder-ring-color);
   }
 
+  @media (forced-colors: active) {
+    .cinder-capability-gate__primary:focus-visible, .cinder-capability-gate__fallback:focus-visible, .cinder-capability-gate__dismiss:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-capability-gate__fallback {
     color: var(--cinder-text);
     border-color: var(--cinder-border);
@@ -6972,9 +6731,22 @@
     --cinder-kanban-card-background: var(--cinder-surface);
     display: block;
     overflow-x: auto;
+    background: linear-gradient(90deg, var(--cinder-surface) 30%, transparent) left center / 2rem 100% no-repeat local, linear-gradient(270deg, var(--cinder-surface) 30%, transparent) right center / 2rem 100% no-repeat local, linear-gradient(90deg, oklch(0% 0 0 / .12), transparent) left center / 1rem 100% no-repeat scroll, linear-gradient(270deg, oklch(0% 0 0 / .12), transparent) right center / 1rem 100% no-repeat scroll;
     padding-block-end: var(--cinder-space-2);
   }
 
+  .cinder-kanban-board__keyboard-hint {
+    margin: 0 0 var(--cinder-space-2);
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-xs);
+    opacity: 0;
+    transition: opacity var(--cinder-duration-fast) var(--cinder-ease-standard);
+  }
+
+  .cinder-kanban-board:focus-within .cinder-kanban-board__keyboard-hint {
+    opacity: 1;
+  }
+
   .cinder-kanban-board__columns {
     display: grid;
     grid-auto-columns: minmax(var(--cinder-kanban-column-width), 1fr);
@@ -7011,9 +6783,23 @@
   .cinder-kanban-board__column-title {
     overflow-wrap: anywhere;
     font-size: var(--cinder-text-sm);
+    font-weight: var(--cinder-font-semibold);
     color: var(--cinder-text);
     min-inline-size: 0;
-    font-weight: 600;
+  }
+
+  .cinder-kanban-board__card-count {
+    display: inline-flex;
+    padding-inline: var(--cinder-space-1-5);
+    border: 1px solid var(--cinder-border-muted);
+    border-radius: var(--cinder-radius-sm);
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-medium);
+    white-space: nowrap;
+    align-items:  center;
+    min-block-size: 1.25rem;
+    margin-inline-start: var(--cinder-space-2);
   }
 
   .cinder-kanban-board__column-actions {
@@ -7031,16 +6817,28 @@
     cursor: pointer;
     justify-content: center;
     align-items:  center;
-    block-size: 1.75rem;
-    inline-size: 1.75rem;
+    block-size: 2rem;
+    inline-size: 2rem;
     padding: 0;
   }
 
+  .cinder-kanban-board__column-handle svg {
+    fill: currentcolor;
+  }
+
   .cinder-kanban-board__column-handle:focus-visible, .cinder-kanban-board__collapse:focus-visible {
     outline: var(--cinder-ring-width) solid transparent;
     box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--cinder-ring-color);
   }
 
+  @media (forced-colors: active) {
+    .cinder-kanban-board__column-handle:focus-visible, .cinder-kanban-board__collapse:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   @media (hover: hover) {
     .cinder-kanban-board__column-handle:hover, .cinder-kanban-board__collapse:hover {
       background: var(--cinder-surface-hover);
@@ -7213,9 +7011,9 @@
 
   .cinder-keyboard-shortcuts__heading {
     font-size: var(--cinder-text-lg);
+    font-weight: var(--cinder-font-semibold);
     color: var(--cinder-text);
     margin: 0;
-    font-weight: 600;
   }
 
   .cinder-keyboard-shortcuts__intro {
@@ -7231,11 +7029,11 @@
 
   .cinder-keyboard-shortcuts__group-label {
     font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-semibold);
     text-transform: uppercase;
     letter-spacing: .05em;
     color: var(--cinder-text-muted);
     margin: 0;
-    font-weight: 600;
   }
 
   .cinder-keyboard-shortcuts__list {
@@ -7306,109 +7104,28 @@
     color: var(--cinder-text-disabled);
     cursor: not-allowed;
   }
-
-  .cinder-label__required {
-    display: inline-block;
-    background-color: var(--cinder-danger);
-    border-radius: 50%;
-    flex-shrink: 0;
-    align-self:  center;
-    width: 6px;
-    height: 6px;
-  }
 }
 
-/* src/components/link/link.css */
+/* src/components/line-chart/line-chart.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
 @layer cinder.components {
-  .cinder-link {
-    color: var(--cinder-accent-text);
-    cursor: pointer;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    line-height: inherit;
-    text-decoration: underline;
-    text-underline-offset: .15em;
-    transition: color var(--cinder-duration-fast) var(--cinder-ease-standard);
-  }
-
-  .cinder-link[data-color="primary"] {
-    color: var(--cinder-accent-text);
-  }
-
-  .cinder-link[data-color="inherit"] {
-    color: inherit;
+  .cinder-line-chart {
+    display: grid;
+    gap: var(--cinder-space-3);
+    color: var(--cinder-text);
   }
 
-  .cinder-link[data-underline="always"] {
-    text-decoration: underline;
+  .cinder-line-chart__description {
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-sm);
+    margin: 0;
   }
 
-  .cinder-link[data-underline="none"], .cinder-link[data-underline="hover"] {
-    text-decoration: none;
-  }
-
-  @media (hover: hover) {
-    .cinder-link[data-underline="hover"]:hover:not([data-disabled]) {
-      text-decoration: underline;
-    }
-
-    .cinder-link[data-underline="none"]:hover:not([data-disabled]) {
-      text-decoration: none;
-    }
-
-    .cinder-link[data-color="primary"]:hover:not([data-disabled]) {
-      color: var(--cinder-accent-text-hover);
-    }
-  }
-
-  .cinder-link:focus-visible {
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: var(--_cinder-focus-ring-shadow);
-    border-radius: 2px;
-  }
-
-  .cinder-link[data-underline="hover"]:focus-visible:not([data-disabled]), .cinder-link[data-underline="none"]:focus-visible:not([data-disabled]) {
-    text-decoration: underline;
-  }
-
-  @media (forced-colors: active) {
-    .cinder-link:focus-visible {
-      outline: var(--cinder-ring-width) solid LinkText;
-      outline-offset: 3px;
-    }
-  }
-
-  .cinder-link[data-disabled] {
-    color: var(--cinder-text-disabled);
-    cursor: not-allowed;
-    pointer-events: none;
-    opacity: .6;
-  }
-}
-
-/* src/components/line-chart/line-chart.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-line-chart {
-    display: grid;
-    gap: var(--cinder-space-3);
-    color: var(--cinder-text);
-  }
-
-  .cinder-line-chart__description {
-    color: var(--cinder-text-muted);
-    font-size: var(--cinder-text-sm);
-    margin: 0;
-  }
-
-  .cinder-line-chart__legend {
-    display: flex;
-    gap: var(--cinder-space-2);
-    flex-wrap: wrap;
+  .cinder-line-chart__legend {
+    display: flex;
+    gap: var(--cinder-space-2);
+    flex-wrap: wrap;
   }
 
   .cinder-line-chart__legend button {
@@ -7602,9 +7319,17 @@
   }
 
   .cinder-load-more__button:focus-visible {
-    outline: 2px solid #0000;
-    outline-offset: 2px;
-    box-shadow: 0 0 0 2px var(--cinder-ring-offset-color), 0 0 0 4px var(--cinder-ring-color);
+    outline: var(--cinder-ring-width) solid transparent;
+    outline-offset: var(--cinder-ring-offset);
+    box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--cinder-ring-color);
+  }
+
+  @media (forced-colors: active) {
+    .cinder-load-more__button:focus-visible {
+      outline: 2px solid buttontext;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
   }
 
   .cinder-load-more__button:disabled {
@@ -7622,7 +7347,7 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .cinder-load-more__spinner {
-      animation: cinder-load-more-spin .8s linear infinite;
+      animation: cinder-load-more-spin var(--cinder-duration-spin) linear infinite;
     }
   }
 
@@ -7655,10 +7380,10 @@
     color: var(--cinder-text);
     cursor: pointer;
     font-size: var(--cinder-text-sm);
+    font-weight: var(--cinder-font-medium);
+    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard), border-color var(--cinder-duration-fast) var(--cinder-ease-standard);
     min-width: 2rem;
     min-height: 2rem;
-    transition: background-color .15s, border-color .15s;
-    font-weight: 500;
     line-height: 1;
   }
 
@@ -7674,6 +7399,14 @@
     box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--cinder-ring-color);
   }
 
+  @media (forced-colors: active) {
+    .cinder-media-controls__button:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-media-controls__button:disabled {
     cursor: not-allowed;
     opacity: .5;
@@ -7738,8 +7471,8 @@
   .cinder-media-controls__progress-fill {
     border-radius: var(--cinder-radius-full, 9999px);
     background-color: var(--cinder-accent);
+    transition: width var(--cinder-duration-fast) var(--cinder-ease-standard);
     height: 100%;
-    transition: width .1s;
   }
 }
 
@@ -7814,7 +7547,7 @@
     border-radius: var(--cinder-radius-md);
     background: var(--cinder-surface-raised);
     color: var(--cinder-text);
-    box-shadow: var(--cinder-shadow-lg);
+    box-shadow: var(--cinder-shadow-overlay);
   }
 
   .cinder-dropdown__menu {
@@ -7946,10 +7679,16 @@
       position: fixed;
       inset: auto;
       top: calc(anchor(bottom)  + var(--cinder-space-1));
+      left: auto;
       right: anchor(right);
       position-try-fallbacks: flip-block, flip-inline;
     }
 
+    .cinder-dropdown-menu[popover][dir="rtl"] {
+      right: auto;
+      left: anchor(left);
+    }
+
     .cinder-dropdown__menu[popover] {
       position: fixed;
       margin: 0;
@@ -8052,6 +7791,14 @@
     box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
+  @media (forced-colors: active) {
+    .cinder-menu-bar__trigger:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-menu-bar__access-key {
     text-decoration: underline;
     text-underline-offset: .125em;
@@ -8760,156 +8507,541 @@
   }
 }
 
-/* src/components/payload-inspector/payload-inspector.css */
+/* src/components/code-block/code-block.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
 @layer cinder.components {
-  .cinder-payload-inspector {
-    display: flex;
-    gap: var(--cinder-space-0);
-    border: 1px solid var(--cinder-border-muted);
+  .cinder-code-block {
+    --_cinder-code-block-code-surface: light-dark(var(--cinder-surface-raised), var(--cinder-surface-inset));
+    background: var(--cinder-surface-inset);
+    border: 1px solid var(--cinder-border);
     border-radius: var(--cinder-radius-md);
     overflow: hidden;
-    background: var(--cinder-surface);
-    font-size: var(--cinder-text-sm);
-    flex-direction: column;
   }
 
-  .cinder-payload-inspector__header {
+  .cinder-code-block__header {
     display: flex;
     justify-content: space-between;
     align-items:  center;
     gap: var(--cinder-space-2);
-    padding: var(--cinder-space-2) var(--cinder-space-3);
-    background: var(--cinder-surface-raised);
+    padding: var(--cinder-space-1-5) var(--cinder-space-3);
     border-bottom: 1px solid var(--cinder-border-muted);
-    flex-wrap: wrap;
+    background: var(--cinder-surface-inset);
+    min-height: 2rem;
   }
 
-  .cinder-payload-inspector__label {
+  .cinder-code-block__language {
     font-size: var(--cinder-text-xs);
-    font-weight: var(--cinder-font-medium);
+    font-family: var(--cinder-font-mono);
     color: var(--cinder-text-muted);
     text-transform: uppercase;
-    letter-spacing: .04em;
-  }
-
-  .cinder-payload-inspector__header-actions {
-    display: flex;
-    align-items:  center;
-    gap: var(--cinder-space-2);
-    flex-wrap: wrap;
-  }
-
-  .cinder-payload-inspector__size {
-    font-size: var(--cinder-text-xs);
-    color: var(--cinder-text-muted);
-    font-variant-numeric: tabular-nums;
+    letter-spacing: var(--cinder-tracking-wide);
   }
 
-  .cinder-payload-inspector__tabs {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    min-block-size: 0;
+  .cinder-code-block__viewport {
+    display: block;
+    overflow-x: auto;
+    background: var(--_cinder-code-block-code-surface);
   }
 
-  .cinder-payload-inspector__panel {
+  .cinder-code-block__pre, .cinder-code-block :where(pre.shiki) {
     padding: var(--cinder-space-4);
-    overflow: auto;
+    overflow-x: clip;
+    font-family: var(--cinder-font-mono);
+    font-size: var(--cinder-text-sm);
+    line-height: var(--cinder-leading-relaxed);
+    color: var(--cinder-text);
+    background: var(--_cinder-code-block-code-surface);
+    width: max-content;
+    min-width: 100%;
+    margin: 0;
   }
 
-  .cinder-payload-inspector__panel--code {
-    padding: var(--cinder-space-0);
+  .cinder-code-block :where(pre.shiki) {
+    padding: var(--cinder-space-4) !important;
+    background: var(--_cinder-code-block-code-surface) !important;
+    margin: 0 !important;
   }
 
-  .cinder-payload-inspector__raw {
-    border-radius: 0;
+  .cinder-code-block__code, .cinder-code-block :where(pre.shiki code) {
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    background: none !important;
   }
 
-  .cinder-payload-inspector__summary {
-    display: flex;
-    gap: var(--cinder-space-4);
-    flex-direction: column;
+  .cinder-code-block :where(pre.shiki code .line, pre.shiki code span) {
+    background: none !important;
   }
 
-  .cinder-payload-inspector__summary-badges {
-    display: flex;
-    align-items:  center;
-    gap: var(--cinder-space-2);
-    flex-wrap: wrap;
+  [data-cinder-theme="dark"] .cinder-code-block :where(pre.shiki) span {
+    color: var(--shiki-dark, inherit) !important;
   }
 
-  .cinder-payload-inspector__summary-value {
-    display: flex;
-    gap: var(--cinder-space-2);
-    flex-direction: column;
+  @media (prefers-color-scheme: dark) {
+    [data-cinder-theme="system"] .cinder-code-block :where(pre.shiki) span {
+      color: var(--shiki-dark, inherit) !important;
+    }
   }
 
-  .cinder-payload-inspector__summary-value-label {
-    font-size: var(--cinder-text-xs);
-    font-weight: var(--cinder-font-medium);
+  .cinder-code-block .cinder-code-block__header .cinder-copy-button {
+    display: inline-flex;
+    border-radius: var(--cinder-radius-sm);
+    background: var(--cinder-surface-raised);
+    padding: var(--cinder-space-1);
     color: var(--cinder-text-muted);
-    text-transform: uppercase;
-    letter-spacing: .04em;
+    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard), color var(--cinder-duration-fast) var(--cinder-ease-standard);
+    border: 1px solid #0000;
+    justify-content: center;
+    align-items:  center;
+    min-block-size: 2rem;
+    inline-size: 2rem;
   }
 
-  .cinder-payload-inspector__primitive {
-    font-family: var(--cinder-font-mono);
-    font-size: var(--cinder-text-sm);
-    color: var(--cinder-text);
-    background: var(--cinder-surface-raised);
-    padding: var(--cinder-space-2) var(--cinder-space-3);
-    border-radius: var(--cinder-radius-sm);
-    border: 1px solid var(--cinder-border-muted);
-    word-break: break-all;
+  .cinder-code-block .cinder-code-block__header .cinder-copy-button:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: inset 0 0 0 var(--cinder-ring-width) var(--cinder-ring-color);
   }
 
-  .cinder-payload-inspector__notice {
-    display: flex;
-    align-items:  flex-start;
-    gap: var(--cinder-space-2);
-    padding: var(--cinder-space-3);
-    background: var(--cinder-surface-raised);
-    border-radius: var(--cinder-radius-sm);
-    border: 1px solid var(--cinder-border-muted);
-    color: var(--cinder-text-muted);
-    font-size: var(--cinder-text-sm);
+  @media (forced-colors: active) {
+    .cinder-code-block .cinder-code-block__header .cinder-copy-button:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
   }
 
-  .cinder-payload-inspector__notice--warning {
-    background: var(--cinder-color-warning-bg);
-    border-color: var(--cinder-color-warning-border);
-    color: var(--cinder-color-warning-fg);
+  @media (hover: hover) {
+    .cinder-code-block .cinder-code-block__header .cinder-copy-button:hover {
+      background: var(--cinder-surface-hover);
+      color: var(--cinder-text);
+      border-color: #0000;
+    }
   }
 
-  .cinder-payload-inspector__empty {
-    display: flex;
-    padding: var(--cinder-space-8) var(--cinder-space-4);
-    color: var(--cinder-text-disabled);
-    font-size: var(--cinder-text-sm);
-    justify-content: center;
-    align-items:  center;
-    font-style: italic;
+  .cinder-code-block__highlighted {
+    display: block;
   }
 
-  .cinder-payload-inspector:focus-visible {
+  .cinder-code-block__viewport:focus-visible {
     outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: var(--_cinder-focus-ring-shadow);
+    box-shadow: inset 0 0 0 var(--cinder-ring-width) var(--cinder-ring-color);
   }
 
   @media (forced-colors: active) {
-    .cinder-payload-inspector:focus-visible {
+    .cinder-code-block__viewport:focus-visible {
       outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: calc(var(--cinder-ring-width) * -1);
+      box-shadow: none;
     }
   }
 }
 
-/* src/components/permission-matrix/permission-matrix.css */
+/* src/components/copy-button/copy-button.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
 @layer cinder.components {
-  .cinder-permission-matrix {
+  .cinder-copy-button {
+    appearance: none;
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
+    padding: var(--cinder-space-1) var(--cinder-space-2);
+    font-size: var(--cinder-text-xs);
+    font-family: inherit;
+    font-weight: var(--cinder-font-medium);
+    color: var(--cinder-text-muted);
+    border: 1px solid var(--cinder-border);
+    border-radius: var(--cinder-radius-sm);
+    cursor: pointer;
+    transition: color var(--cinder-duration-fast) var(--cinder-ease-standard), background var(--cinder-duration-fast) var(--cinder-ease-standard), border-color var(--cinder-duration-fast) var(--cinder-ease-standard);
+    background: none;
+  }
+
+  @media (hover: hover) {
+    .cinder-copy-button:hover {
+      color: var(--cinder-text);
+      background: var(--cinder-surface-hover);
+      border-color: var(--cinder-border-strong);
+    }
+  }
+
+  .cinder-copy-button:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: var(--_cinder-focus-ring-shadow);
+  }
+
+  @media (forced-colors: active) {
+    .cinder-copy-button:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 2px;
+    }
+  }
+
+  .cinder-copy-button[data-cinder-copied] {
+    color: var(--cinder-success);
+    border-color: var(--cinder-success);
+  }
+}
+
+/* src/components/description-list/description-list.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-description-list {
+    display: flex;
+    flex-direction: column;
+    margin: 0;
+  }
+
+  .cinder-description-list dt, .cinder-description-list dd {
+    margin: 0;
+  }
+
+  .cinder-description-list__row {
+    display: flex;
+    gap: var(--cinder-space-1);
+    padding: var(--cinder-space-2) var(--cinder-space-3);
+    flex-direction: column;
+  }
+
+  .cinder-description-list[data-cinder-variant="default"] .cinder-description-list__row:not(:first-child) {
+    border-block-start: 1px solid var(--cinder-border-muted);
+  }
+
+  .cinder-description-list dd {
+    display: flex;
+    align-items: baseline;
+    gap: var(--cinder-space-2);
+    flex-wrap: wrap;
+  }
+
+  .cinder-description-list__definition {
+    flex: auto;
+    min-width: 0;
+  }
+
+  .cinder-description-list__actions {
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
+    flex: none;
+  }
+
+  .cinder-description-list[data-cinder-variant="striped"] .cinder-description-list__row:nth-child(odd) {
+    background: var(--cinder-surface-inset);
+  }
+
+  .cinder-description-list[data-cinder-variant="two-column"] {
+    container-type: inline-size;
+  }
+
+  .cinder-description-list[data-cinder-variant="two-column"] .cinder-description-list__row {
+    display: grid;
+    grid-template-columns: minmax(8rem, 1fr) 3fr;
+    align-items: baseline;
+    gap: var(--cinder-space-3);
+  }
+
+  @supports (grid-template-columns: subgrid) {
+    .cinder-description-list[data-cinder-variant="two-column"] {
+      display: grid;
+      grid-template-columns: minmax(8rem, 1fr) 3fr;
+    }
+
+    .cinder-description-list[data-cinder-variant="two-column"] .cinder-description-list__row {
+      grid-template-columns: subgrid;
+      grid-column: 1 / -1;
+    }
+  }
+
+  @container (width <= 28rem) {
+    .cinder-description-list[data-cinder-variant="two-column"] .cinder-description-list__row {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  .cinder-description-list[data-cinder-variant="narrow"] .cinder-description-list__row {
+    align-items: baseline;
+    gap: var(--cinder-space-2);
+    flex-direction: row;
+  }
+}
+
+/* src/components/json-viewer/json-viewer.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-json-viewer {
+    font-family: var(--cinder-font-mono);
+    font-size: var(--cinder-text-sm);
+    color: var(--cinder-text);
+    background: var(--cinder-surface-inset);
+    border: 1px solid var(--cinder-border);
+    border-radius: var(--cinder-radius-md);
+    padding: var(--cinder-space-3);
+    overflow: auto;
+  }
+
+  .cinder-json-viewer__fallback {
+    color: var(--cinder-text-muted);
+    font-family: var(--cinder-font-sans);
+    text-align: center;
+    padding: var(--cinder-space-4);
+  }
+
+  .cinder-json-viewer__fallback p {
+    margin: 0 0 var(--cinder-space-1) 0;
+  }
+
+  .cinder-json-viewer__node {
+    display: inline;
+  }
+
+  .cinder-json-viewer__key {
+    color: var(--cinder-accent-text);
+    margin-inline-end: var(--cinder-space-1);
+  }
+
+  .cinder-json-viewer__toggle {
+    appearance: none;
+    font: inherit;
+    color: inherit;
+    cursor: pointer;
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
+    border-radius: var(--cinder-radius-sm);
+    background: none;
+    border: none;
+    padding: 0;
+  }
+
+  @media (hover: hover) {
+    .cinder-json-viewer__toggle:hover {
+      background: var(--cinder-surface-hover);
+    }
+  }
+
+  .cinder-json-viewer__toggle:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: var(--_cinder-focus-ring-shadow);
+  }
+
+  .cinder-json-viewer__node[role="treeitem"]:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    border-radius: var(--cinder-radius-sm);
+    box-shadow: var(--_cinder-focus-ring-shadow);
+  }
+
+  @media (forced-colors: active) {
+    .cinder-json-viewer__toggle:focus-visible, .cinder-json-viewer__node[role="treeitem"]:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+    }
+  }
+
+  .cinder-json-viewer__caret {
+    display: inline-block;
+    border-inline: .25rem solid #0000;
+    transition: transform var(--cinder-duration-fast) var(--cinder-ease-standard);
+    border-top: .375rem solid;
+    width: 0;
+    height: 0;
+  }
+
+  .cinder-json-viewer__caret[data-cinder-collapsed] {
+    transform: rotate(-90deg);
+  }
+
+  .cinder-json-viewer__brace {
+    color: var(--cinder-text-muted);
+  }
+
+  .cinder-json-viewer__summary {
+    color: var(--cinder-text-muted);
+    font-style: italic;
+  }
+
+  .cinder-json-viewer__children {
+    list-style: none;
+    border-inline-start: 1px dashed var(--cinder-border-muted);
+    margin: 0;
+    padding-inline-start: var(--cinder-space-4);
+  }
+
+  .cinder-json-viewer__too-deep {
+    color: var(--cinder-text-muted);
+  }
+
+  .cinder-json-viewer__value[data-cinder-type="string"] {
+    color: var(--cinder-success);
+  }
+
+  .cinder-json-viewer__value[data-cinder-type="number"] {
+    color: var(--cinder-warning);
+  }
+
+  .cinder-json-viewer__value[data-cinder-type="boolean"] {
+    color: var(--cinder-danger);
+  }
+
+  .cinder-json-viewer__value[data-cinder-type="null"] {
+    color: var(--cinder-text-muted);
+    font-style: italic;
+  }
+}
+
+/* src/components/payload-inspector/payload-inspector.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-payload-inspector {
+    display: flex;
+    gap: var(--cinder-space-0);
+    border: 1px solid var(--cinder-border-muted);
+    border-radius: var(--cinder-radius-md);
+    overflow: hidden;
+    background: var(--cinder-surface);
+    font-size: var(--cinder-text-sm);
+    flex-direction: column;
+  }
+
+  .cinder-payload-inspector__header {
+    display: flex;
+    justify-content: space-between;
+    align-items:  center;
+    gap: var(--cinder-space-2);
+    padding: var(--cinder-space-2) var(--cinder-space-3);
+    background: var(--cinder-surface-raised);
+    border-bottom: 1px solid var(--cinder-border-muted);
+    flex-wrap: wrap;
+  }
+
+  .cinder-payload-inspector__label {
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-medium);
+    color: var(--cinder-text-muted);
+    text-transform: uppercase;
+    letter-spacing: .04em;
+  }
+
+  .cinder-payload-inspector__header-actions {
+    display: flex;
+    align-items:  center;
+    gap: var(--cinder-space-2);
+    flex-wrap: wrap;
+  }
+
+  .cinder-payload-inspector__size {
+    font-size: var(--cinder-text-xs);
+    color: var(--cinder-text-muted);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .cinder-payload-inspector__tabs {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-block-size: 0;
+  }
+
+  .cinder-payload-inspector__panel {
+    padding: var(--cinder-space-4);
+    overflow: auto;
+  }
+
+  .cinder-payload-inspector__panel--code {
+    padding: var(--cinder-space-0);
+  }
+
+  .cinder-payload-inspector__raw {
+    border-radius: 0;
+  }
+
+  .cinder-payload-inspector__summary {
+    display: flex;
+    gap: var(--cinder-space-4);
+    flex-direction: column;
+  }
+
+  .cinder-payload-inspector__summary-badges {
+    display: flex;
+    align-items:  center;
+    gap: var(--cinder-space-2);
+    flex-wrap: wrap;
+  }
+
+  .cinder-payload-inspector__summary-value {
+    display: flex;
+    gap: var(--cinder-space-2);
+    flex-direction: column;
+  }
+
+  .cinder-payload-inspector__summary-value-label {
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-medium);
+    color: var(--cinder-text-muted);
+    text-transform: uppercase;
+    letter-spacing: .04em;
+  }
+
+  .cinder-payload-inspector__primitive {
+    font-family: var(--cinder-font-mono);
+    font-size: var(--cinder-text-sm);
+    color: var(--cinder-text);
+    background: var(--cinder-surface-raised);
+    padding: var(--cinder-space-2) var(--cinder-space-3);
+    border-radius: var(--cinder-radius-sm);
+    border: 1px solid var(--cinder-border-muted);
+    word-break: break-all;
+  }
+
+  .cinder-payload-inspector__notice {
+    display: flex;
+    align-items:  flex-start;
+    gap: var(--cinder-space-2);
+    padding: var(--cinder-space-3);
+    background: var(--cinder-surface-raised);
+    border-radius: var(--cinder-radius-sm);
+    border: 1px solid var(--cinder-border-muted);
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-sm);
+  }
+
+  .cinder-payload-inspector__notice--warning {
+    background: var(--cinder-color-warning-bg);
+    border-color: var(--cinder-color-warning-border);
+    color: var(--cinder-color-warning-fg);
+  }
+
+  .cinder-payload-inspector__empty {
+    display: flex;
+    padding: var(--cinder-space-8) var(--cinder-space-4);
+    color: var(--cinder-text-disabled);
+    font-size: var(--cinder-text-sm);
+    justify-content: center;
+    align-items:  center;
+    font-style: italic;
+  }
+
+  .cinder-payload-inspector:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: var(--_cinder-focus-ring-shadow);
+  }
+
+  @media (forced-colors: active) {
+    .cinder-payload-inspector:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+    }
+  }
+}
+
+/* src/components/permission-matrix/permission-matrix.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-permission-matrix {
     display: grid;
     gap: var(--cinder-space-3);
     color: var(--cinder-text);
@@ -9025,6 +9157,14 @@
     z-index: 1;
   }
 
+  @media (forced-colors: active) {
+    button.cinder-permission-matrix__cell-control:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 2px;
+      box-shadow: none;
+    }
+  }
+
   @media (hover: hover) {
     button.cinder-permission-matrix__cell-control:hover {
       background: var(--cinder-surface-hover);
@@ -9513,514 +9653,755 @@
     font-style: italic;
   }
 
-  .cinder-pricing-card__footer {
-    padding: var(--cinder-space-3) var(--cinder-space-4) var(--cinder-space-4);
-    border-top: 1px solid var(--cinder-border-muted);
-  }
+  .cinder-pricing-card__footer {
+    padding: var(--cinder-space-3) var(--cinder-space-4) var(--cinder-space-4);
+    border-top: 1px solid var(--cinder-border-muted);
+  }
+
+  @container cinder-pricing-card (width <= 16rem) {
+    .cinder-pricing-card__price {
+      font-size: var(--cinder-text-2xl);
+    }
+  }
+}
+
+/* src/components/radio-group/radio-group.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-radio-group {
+    display: flex;
+    gap: var(--cinder-space-2);
+    border: none;
+    flex-direction: column;
+    margin: 0;
+    padding: 0;
+  }
+
+  .cinder-radio-group__legend {
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-medium);
+    color: var(--cinder-text);
+    margin: 0 0 var(--cinder-space-1) 0;
+    padding: 0;
+  }
+
+  .cinder-radio-group[data-cinder-disabled] .cinder-radio-group__legend {
+    color: var(--cinder-text-disabled);
+  }
+
+  .cinder-radio-group__items {
+    display: flex;
+    gap: var(--cinder-space-2);
+    flex-direction: column;
+  }
+
+  .cinder-radio-group__description {
+    font-size: var(--cinder-text-xs);
+    line-height: var(--cinder-leading-normal);
+    color: var(--cinder-text-muted);
+    margin: 0;
+  }
+
+  .cinder-radio-group__error {
+    font-size: var(--cinder-text-xs);
+    line-height: var(--cinder-leading-normal);
+    color: var(--cinder-danger);
+    margin: 0;
+  }
+
+  .cinder-radio-row {
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-2);
+  }
+
+  .cinder-radio {
+    appearance: none;
+    border: 1px solid var(--cinder-border);
+    border-radius: var(--cinder-radius-full);
+    background: var(--cinder-surface-raised);
+    cursor: pointer;
+    display: inline-flex;
+    transition: border-color var(--cinder-duration-fast) var(--cinder-ease-standard), background var(--cinder-duration-fast) var(--cinder-ease-standard), box-shadow var(--cinder-duration-fast) var(--cinder-ease-standard);
+    flex-shrink: 0;
+    justify-content: center;
+    align-items:  center;
+    width: 1.125rem;
+    height: 1.125rem;
+    margin: 0;
+  }
+
+  @media (hover: hover) {
+    .cinder-radio:hover:not(:disabled) {
+      border-color: var(--cinder-border-strong);
+    }
+  }
+
+  .cinder-radio:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--_cinder-radio-ring, var(--cinder-ring-color));
+  }
+
+  @media (forced-colors: active) {
+    .cinder-radio:focus-visible {
+      outline: var(--cinder-ring-width) solid Highlight;
+      outline-offset: 1px;
+    }
+  }
+
+  .cinder-radio:checked {
+    background: var(--cinder-accent);
+    border-color: var(--cinder-accent);
+  }
+
+  .cinder-radio-row__control {
+    position: relative;
+    display: inline-flex;
+    flex-shrink: 0;
+    block-size: 1.125rem;
+    inline-size: 1.125rem;
+  }
+
+  .cinder-radio-row__indicator {
+    --_cinder-radio-dot-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3.5'/%3E%3C/svg%3E");
+    position: absolute;
+    pointer-events: none;
+    z-index: 1;
+    opacity: 0;
+    color: var(--cinder-accent-contrast);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    mask-position: center;
+    -webkit-mask-size: .875rem .875rem;
+    mask-size: .875rem .875rem;
+    background-color: currentColor;
+    block-size: .875rem;
+    inline-size: .875rem;
+    inset-block-start: 50%;
+    inset-inline-start: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .cinder-radio:checked + .cinder-radio-row__indicator {
+    opacity: 1;
+    -webkit-mask-image: var(--_cinder-radio-dot-mask);
+    mask-image: var(--_cinder-radio-dot-mask);
+  }
+
+  @media (forced-colors: active) {
+    .cinder-radio:checked + .cinder-radio-row__indicator {
+      forced-color-adjust: none;
+      background-color: buttontext;
+    }
+  }
+
+  .cinder-radio:disabled {
+    cursor: not-allowed;
+    background: var(--cinder-surface-inset);
+    border-color: var(--cinder-border-muted);
+  }
+
+  .cinder-radio:disabled:checked {
+    background-color: var(--cinder-fill-disabled);
+    border-color: var(--cinder-fill-disabled);
+  }
+
+  .cinder-radio:disabled:checked + .cinder-radio-row__indicator {
+    color: var(--cinder-text-disabled);
+  }
+
+  .cinder-radio[aria-invalid="true"] {
+    --_cinder-radio-ring: var(--cinder-danger);
+    border-color: var(--cinder-danger);
+  }
+
+  .cinder-radio-row__label {
+    font-size: var(--cinder-text-sm);
+    line-height: var(--cinder-leading-normal);
+    color: var(--cinder-text);
+    cursor: pointer;
+  }
+
+  .cinder-radio-row__label[data-disabled] {
+    color: var(--cinder-text-disabled);
+    cursor: not-allowed;
+  }
+
+  .cinder-radio-row[data-has-description] {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    column-gap: var(--cinder-space-2);
+    row-gap: var(--cinder-space-1);
+    align-items:  start;
+  }
+
+  .cinder-radio-row[data-has-description] .cinder-radio-row__control {
+    grid-row: 1;
+    grid-column: 1;
+    margin-top: var(--cinder-space-0-5);
+  }
+
+  .cinder-radio-row[data-has-description] .cinder-radio-row__label {
+    grid-row: 1;
+    grid-column: 2;
+  }
+
+  .cinder-radio-row__description {
+    grid-row: 2;
+    grid-column: 2;
+    font-size: var(--cinder-text-xs);
+    line-height: var(--cinder-leading-normal);
+    color: var(--cinder-text-muted);
+    margin: 0;
+  }
+
+  .cinder-radio-row__description[data-disabled] {
+    color: var(--cinder-text-disabled);
+  }
+
+  .cinder-radio-group[data-variant="card"] .cinder-radio-group__items {
+    gap: var(--cinder-space-2);
+  }
+
+  .cinder-radio-group[data-variant="card"] .cinder-radio-row {
+    border: 1px solid var(--cinder-border);
+    border-radius: var(--cinder-radius-md);
+    padding: var(--cinder-space-3);
+    background: var(--cinder-surface-raised);
+    transition: border-color var(--cinder-duration-fast) var(--cinder-ease-standard), background var(--cinder-duration-fast) var(--cinder-ease-standard);
+  }
+
+  @media (hover: hover) {
+    .cinder-radio-group[data-variant="card"] .cinder-radio-row:hover:not([data-disabled]) {
+      border-color: var(--cinder-border-strong);
+    }
+  }
+
+  .cinder-radio-group[data-variant="card"] .cinder-radio-row[data-checked] {
+    border-color: var(--cinder-accent);
+    background: var(--cinder-surface-raised);
+  }
+
+  .cinder-radio-group[data-variant="card"] .cinder-radio-row[data-invalid] {
+    border-color: var(--cinder-danger);
+  }
+
+  .cinder-radio-group[data-variant="card"] .cinder-radio-row[data-disabled] {
+    background: var(--cinder-surface-inset);
+    border-color: var(--cinder-border-muted);
+    cursor: not-allowed;
+  }
+
+  @media (forced-colors: active) {
+    .cinder-radio-group[data-variant="card"] .cinder-radio-row {
+      border: 1px solid canvastext;
+    }
 
-  @container cinder-pricing-card (width <= 16rem) {
-    .cinder-pricing-card__price {
-      font-size: var(--cinder-text-2xl);
+    .cinder-radio-group[data-variant="card"] .cinder-radio-row[data-checked] {
+      border: 2px solid highlight;
+    }
+
+    .cinder-radio-group[data-variant="card"] .cinder-radio-row[data-invalid] {
+      border: 2px solid mark;
     }
   }
 }
 
-/* src/components/progress/progress.css */
+/* src/components/rating/rating.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
 @layer cinder.components {
-  .cinder-progress {
-    display: inline-flex;
-    align-items:  center;
+  .cinder-rating-field {
+    display: flex;
+    gap: var(--cinder-space-1-5);
+    flex-direction: column;
+    inline-size: max-content;
   }
 
-  .cinder-progress--bar {
-    width: 100%;
+  .cinder-rating-field__label {
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-medium);
+    color: var(--cinder-text);
+    line-height: 1;
   }
 
-  .cinder-progress--bar .cinder-progress__track {
-    background: var(--cinder-surface-inset);
-    border-radius: var(--cinder-radius-full);
-    overflow: hidden;
-    width: 100%;
+  .cinder-rating-field__label[data-disabled] {
+    color: var(--cinder-text-disabled);
+    cursor: not-allowed;
   }
 
-  .cinder-progress--bar[data-cinder-size="sm"] .cinder-progress__track {
-    height: .25rem;
+  .cinder-rating {
+    position: relative;
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
+    --_cinder-rating-color: var(--cinder-warning, oklch(80% .18 80));
+    --_cinder-rating-empty: var(--cinder-border-strong);
+    --_cinder-rating-size: 1.5rem;
   }
 
-  .cinder-progress--bar[data-cinder-size="md"] .cinder-progress__track {
-    height: .5rem;
+  .cinder-rating__star {
+    position: relative;
+    inline-size: var(--_cinder-rating-size);
+    block-size: var(--_cinder-rating-size);
+    background: var(--_cinder-rating-empty);
+    -webkit-mask: var(--_cinder-rating-mask) center / contain no-repeat;
+    mask: var(--_cinder-rating-mask) center / contain no-repeat;
+    --_cinder-rating-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l2.99 6.06 6.69.97-4.84 4.72 1.14 6.66L12 17.27l-5.98 3.14 1.14-6.66L2.32 9.03l6.69-.97L12 2z'/></svg>");
   }
 
-  .cinder-progress--bar[data-cinder-size="lg"] .cinder-progress__track {
-    height: .75rem;
+  .cinder-rating__star-fill {
+    display: block;
+    inline-size: var(--_cinder-rating-fill, 0%);
+    background: var(--_cinder-rating-color);
+    block-size: 100%;
   }
 
-  .cinder-progress--bar .cinder-progress__fill {
-    background: var(--cinder-accent);
-    border-radius: inherit;
-    transition: width var(--cinder-duration-moderate) var(--cinder-ease-in-out);
-    height: 100%;
+  .cinder-rating__hit-area {
+    position: absolute;
+    display: flex;
+    align-items: stretch;
+    inset: 0;
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .cinder-progress--bar .cinder-progress__fill {
-      transition: none;
-    }
+  .cinder-rating__option {
+    appearance: none;
+    cursor: pointer;
+    color: inherit;
+    font: inherit;
+    background: none;
+    border: none;
+    flex: 1 1 0;
+    min-inline-size: 0;
+    margin: 0;
+    padding: 0;
   }
 
-  .cinder-progress--bar .cinder-progress__fill--indeterminate {
-    animation: cinder-progress-bar-slide var(--cinder-duration-progress-bar-indeterminate) linear infinite;
-    width: 30%;
+  .cinder-rating__option:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: var(--_cinder-focus-ring-shadow);
+    border-radius: var(--cinder-radius-sm);
   }
 
-  @keyframes cinder-progress-bar-slide {
-    from {
-      transform: translateX(-100%);
-    }
-
-    to {
-      transform: translateX(400%);
+  @media (forced-colors: active) {
+    .cinder-rating__option:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
     }
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .cinder-progress--bar .cinder-progress__fill--indeterminate {
-      animation: none;
-      opacity: .5;
-      width: 100%;
-    }
+  .cinder-rating--readonly {
+    pointer-events: none;
   }
 
-  .cinder-progress--ring[data-cinder-size="sm"] .cinder-progress__svg {
-    width: 1.25rem;
-    height: 1.25rem;
+  .cinder-rating[aria-disabled="true"] {
+    opacity: .55;
+    pointer-events: none;
   }
 
-  .cinder-progress--ring[data-cinder-size="md"] .cinder-progress__svg {
-    width: 2rem;
-    height: 2rem;
+  .cinder-rating[aria-disabled="true"] .cinder-rating__option {
+    cursor: not-allowed;
   }
 
-  .cinder-progress--ring[data-cinder-size="lg"] .cinder-progress__svg {
-    width: 2.75rem;
-    height: 2.75rem;
+  @media (forced-colors: active) {
+    .cinder-rating__star-fill {
+      background: highlight;
+    }
   }
 
-  .cinder-progress--ring .cinder-progress__svg {
-    transform: rotate(-90deg);
+  .cinder-rating-field__description {
+    font-size: var(--cinder-text-xs);
+    color: var(--cinder-text-muted);
+    margin: 0;
   }
 
-  .cinder-progress--ring .cinder-progress__track, .cinder-progress--ring .cinder-progress__fill {
-    fill: none;
-    stroke-width: 3;
+  .cinder-rating-field__error {
+    font-size: var(--cinder-text-xs);
+    color: var(--cinder-danger);
+    margin: 0;
   }
+}
 
-  .cinder-progress--ring .cinder-progress__track {
-    stroke: var(--cinder-surface-inset);
-  }
+/* src/components/badge/badge.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
-  .cinder-progress--ring .cinder-progress__fill {
-    stroke: var(--cinder-accent);
-    stroke-linecap: round;
-    stroke-dasharray: 100.53;
-    stroke-dashoffset: calc(100.53 - (var(--_cinder-progress-percent, 0) * 1.0053));
-    transition: stroke-dashoffset var(--cinder-duration-moderate) var(--cinder-ease-in-out);
+@layer cinder.components {
+  .cinder-badge {
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
+    padding: var(--cinder-space-0-5) var(--cinder-space-2);
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-medium);
+    border-radius: var(--cinder-radius-sm);
+    border: 1px solid var(--cinder-border);
+    white-space: nowrap;
+    background: var(--cinder-surface-inset);
+    color: var(--cinder-text);
+    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard);
+    line-height: 1.25;
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .cinder-progress--ring .cinder-progress__fill {
-      transition: none;
-    }
+  .cinder-badge[data-cinder-size="xs"] {
+    padding: 0 var(--cinder-space-1);
+    font-size: .625rem;
+    line-height: .875rem;
   }
 
-  .cinder-progress--ring .cinder-progress__fill--indeterminate {
-    stroke-dasharray: 25 75;
-    stroke-dashoffset: 0;
-    animation: cinder-progress-ring-spin var(--cinder-duration-progress-ring-spin) linear infinite;
-    transform-origin: 18px 18px;
+  .cinder-badge[data-cinder-size="sm"] {
+    font-size: var(--cinder-text-2xs, .625rem);
+    padding: 0 var(--cinder-space-1);
+    line-height: 1rem;
   }
 
-  @keyframes cinder-progress-ring-spin {
-    from {
-      transform: rotate(0);
-    }
-
-    to {
-      transform: rotate(360deg);
-    }
+  .cinder-badge[data-cinder-size="md"] {
+    font-size: var(--cinder-text-xs);
+    padding: var(--cinder-space-0-5) var(--cinder-space-2);
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .cinder-progress--ring .cinder-progress__fill--indeterminate {
-      animation: none;
-      stroke-dasharray: 100.53;
-      stroke-dashoffset: 0;
-      opacity: .5;
-    }
+  .cinder-badge[data-cinder-variant="neutral"] {
+    background: color-mix(in oklch, var(--cinder-surface-inset), var(--cinder-surface) 40%);
+    color: var(--cinder-text);
+    border-color: var(--cinder-border);
   }
-}
 
-/* src/components/radio-group/radio-group.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+  .cinder-badge[data-cinder-variant="success"] {
+    background: var(--cinder-color-success-bg);
+    color: var(--cinder-color-success-fg);
+    border-color: var(--cinder-color-success-border);
+  }
 
-@layer cinder.components {
-  .cinder-radio-group {
-    display: flex;
-    gap: var(--cinder-space-2);
-    border: none;
-    flex-direction: column;
-    margin: 0;
-    padding: 0;
+  .cinder-badge[data-cinder-variant="warning"] {
+    background: var(--cinder-color-warning-bg);
+    color: var(--cinder-color-warning-fg);
+    border-color: var(--cinder-color-warning-border);
   }
 
-  .cinder-radio-group__legend {
-    font-size: var(--cinder-text-xs);
-    font-weight: var(--cinder-font-medium);
-    color: var(--cinder-text);
-    margin: 0 0 var(--cinder-space-1) 0;
-    padding: 0;
+  .cinder-badge[data-cinder-variant="danger"] {
+    background: var(--cinder-color-danger-bg);
+    color: var(--cinder-color-danger-fg);
+    border-color: var(--cinder-color-danger-border);
   }
 
-  .cinder-radio-group[data-cinder-disabled] .cinder-radio-group__legend {
-    color: var(--cinder-text-disabled);
+  .cinder-badge[data-cinder-variant="info"] {
+    background: var(--cinder-color-info-bg);
+    color: var(--cinder-color-info-fg);
+    border-color: var(--cinder-color-info-border);
   }
 
-  .cinder-radio-group__items {
-    display: flex;
-    gap: var(--cinder-space-2);
-    flex-direction: column;
+  .cinder-badge[data-cinder-variant="accent"] {
+    background: color-mix(in oklch, var(--cinder-accent), transparent 88%);
+    color: var(--cinder-accent-text);
+    border-color: color-mix(in oklch, var(--cinder-accent), transparent 60%);
   }
 
-  .cinder-radio-group__description {
-    font-size: var(--cinder-text-xs);
-    line-height: var(--cinder-leading-normal);
-    color: var(--cinder-text-muted);
-    margin: 0;
+  .cinder-badge[data-cinder-mono] {
+    font-family: var(--cinder-font-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace);
   }
+}
 
-  .cinder-radio-group__error {
-    font-size: var(--cinder-text-xs);
-    line-height: var(--cinder-leading-normal);
-    color: var(--cinder-danger);
-    margin: 0;
-  }
+/* src/components/collapsible/collapsible.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
-  .cinder-radio-row {
-    display: inline-flex;
-    align-items:  center;
-    gap: var(--cinder-space-2);
+@layer cinder.components {
+  .cinder-collapsible {
+    display: block;
   }
 
-  .cinder-radio {
-    appearance: none;
-    border: 1px solid var(--cinder-border);
-    border-radius: var(--cinder-radius-full);
-    background: var(--cinder-surface-raised);
-    cursor: pointer;
-    display: inline-flex;
-    transition: border-color var(--cinder-duration-fast) var(--cinder-ease-standard), background var(--cinder-duration-fast) var(--cinder-ease-standard), box-shadow var(--cinder-duration-fast) var(--cinder-ease-standard);
-    flex-shrink: 0;
-    justify-content: center;
+  .cinder-collapsible__trigger {
+    display: flex;
+    justify-content: space-between;
     align-items:  center;
-    width: 1.125rem;
-    height: 1.125rem;
-    margin: 0;
+    gap: var(--cinder-space-4);
+    padding: var(--cinder-space-4) var(--cinder-space-5);
+    font-size: var(--cinder-text-base);
+    font-weight: var(--cinder-font-medium);
+    line-height: var(--cinder-leading-snug);
+    color: var(--cinder-text);
+    text-align: start;
+    border-radius: var(--cinder-radius-md);
+    cursor: pointer;
+    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard), color var(--cinder-duration-fast) var(--cinder-ease-standard);
+    background: none;
+    border: none;
+    inline-size: 100%;
   }
 
   @media (hover: hover) {
-    .cinder-radio:hover:not(:disabled) {
-      border-color: var(--cinder-border-strong);
+    .cinder-collapsible__trigger:hover:not(:disabled) {
+      background: var(--cinder-surface-hover);
     }
   }
 
-  .cinder-radio:focus-visible {
+  .cinder-collapsible__trigger:active:not(:disabled) {
+    background: var(--cinder-surface-pressed);
+  }
+
+  .cinder-collapsible__trigger:focus-visible {
     outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--_cinder-radio-ring, var(--cinder-ring-color));
+    box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
   @media (forced-colors: active) {
-    .cinder-radio:focus-visible {
-      outline: var(--cinder-ring-width) solid Highlight;
-      outline-offset: 1px;
+    .cinder-collapsible__trigger:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
     }
   }
 
-  .cinder-radio:checked {
-    background: var(--cinder-accent);
-    border-color: var(--cinder-accent);
+  .cinder-collapsible__trigger:disabled {
+    cursor: not-allowed;
+    color: var(--cinder-text-disabled);
+    opacity: .6;
   }
 
-  .cinder-radio-row__control {
-    position: relative;
-    display: inline-flex;
+  .cinder-collapsible__label {
+    flex: 1;
+  }
+
+  .cinder-collapsible__chevron {
+    color: var(--cinder-text-muted);
+    transition: transform var(--cinder-duration-fast) var(--cinder-ease-standard);
     flex-shrink: 0;
-    block-size: 1.125rem;
-    inline-size: 1.125rem;
+    width: 1.25rem;
+    height: 1.25rem;
   }
 
-  .cinder-radio-row__indicator {
-    --_cinder-radio-dot-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3.5'/%3E%3C/svg%3E");
-    position: absolute;
-    pointer-events: none;
-    z-index: 1;
-    opacity: 0;
-    color: var(--cinder-accent-contrast);
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-    -webkit-mask-position: center;
-    mask-position: center;
-    -webkit-mask-size: .875rem .875rem;
-    mask-size: .875rem .875rem;
-    background-color: currentColor;
-    block-size: .875rem;
-    inline-size: .875rem;
-    inset-block-start: 50%;
-    inset-inline-start: 50%;
-    transform: translate(-50%, -50%);
+  .cinder-collapsible[data-cinder-expanded] .cinder-collapsible__chevron {
+    transform: rotate(180deg);
   }
 
-  .cinder-radio:checked + .cinder-radio-row__indicator {
-    opacity: 1;
-    -webkit-mask-image: var(--_cinder-radio-dot-mask);
-    mask-image: var(--_cinder-radio-dot-mask);
+  .cinder-collapsible[data-cinder-disabled] .cinder-collapsible__chevron {
+    opacity: .4;
   }
 
-  @media (forced-colors: active) {
-    .cinder-radio:checked + .cinder-radio-row__indicator {
-      forced-color-adjust: none;
-      background-color: buttontext;
-    }
+  .cinder-collapsible__panel-inner {
+    padding: var(--cinder-space-4) var(--cinder-space-5) var(--cinder-space-5);
+    font-size: var(--cinder-text-base);
+    line-height: var(--cinder-leading-normal);
+    color: var(--cinder-text-muted);
   }
 
-  .cinder-radio:disabled {
-    cursor: not-allowed;
-    background: var(--cinder-surface-inset);
-    border-color: var(--cinder-border-muted);
+  @media (prefers-reduced-motion: reduce) {
+    .cinder-collapsible__chevron {
+      transition: none;
+    }
   }
+}
 
-  .cinder-radio:disabled:checked {
-    background-color: var(--cinder-fill-disabled);
-    border-color: var(--cinder-fill-disabled);
+/* src/components/link/link.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-link {
+    color: var(--cinder-accent-text);
+    cursor: pointer;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    text-decoration: underline;
+    text-underline-offset: .15em;
+    transition: color var(--cinder-duration-fast) var(--cinder-ease-standard);
   }
 
-  .cinder-radio:disabled:checked + .cinder-radio-row__indicator {
-    color: var(--cinder-text-disabled);
+  .cinder-link[data-color="primary"] {
+    color: var(--cinder-accent-text);
   }
 
-  .cinder-radio[aria-invalid="true"] {
-    --_cinder-radio-ring: var(--cinder-danger);
-    border-color: var(--cinder-danger);
+  .cinder-link[data-color="inherit"] {
+    color: inherit;
   }
 
-  .cinder-radio-row__label {
-    font-size: var(--cinder-text-sm);
-    line-height: var(--cinder-leading-normal);
-    color: var(--cinder-text);
-    cursor: pointer;
+  .cinder-link[data-underline="always"] {
+    text-decoration: underline;
   }
 
-  .cinder-radio-row__label[data-disabled] {
-    color: var(--cinder-text-disabled);
-    cursor: not-allowed;
+  .cinder-link[data-underline="none"], .cinder-link[data-underline="hover"] {
+    text-decoration: none;
   }
 
-  .cinder-radio-row[data-has-description] {
-    display: grid;
-    grid-template-columns: auto 1fr;
-    column-gap: var(--cinder-space-2);
-    row-gap: var(--cinder-space-1);
-    align-items:  start;
+  @media (hover: hover) {
+    .cinder-link[data-underline="hover"]:hover:not([data-disabled]) {
+      text-decoration: underline;
+    }
+
+    .cinder-link[data-underline="none"]:hover:not([data-disabled]) {
+      text-decoration: none;
+    }
+
+    .cinder-link[data-color="primary"]:hover:not([data-disabled]) {
+      color: var(--cinder-accent-text-hover);
+    }
   }
 
-  .cinder-radio-row[data-has-description] .cinder-radio-row__control {
-    grid-row: 1;
-    grid-column: 1;
-    margin-top: var(--cinder-space-0-5);
+  .cinder-link:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: var(--_cinder-focus-ring-shadow);
+    border-radius: 2px;
   }
 
-  .cinder-radio-row[data-has-description] .cinder-radio-row__label {
-    grid-row: 1;
-    grid-column: 2;
+  .cinder-link[data-underline="hover"]:focus-visible:not([data-disabled]), .cinder-link[data-underline="none"]:focus-visible:not([data-disabled]) {
+    text-decoration: underline;
   }
 
-  .cinder-radio-row__description {
-    grid-row: 2;
-    grid-column: 2;
-    font-size: var(--cinder-text-xs);
-    line-height: var(--cinder-leading-normal);
-    color: var(--cinder-text-muted);
-    margin: 0;
+  @media (forced-colors: active) {
+    .cinder-link:focus-visible {
+      outline: var(--cinder-ring-width) solid LinkText;
+      outline-offset: 3px;
+    }
   }
 
-  .cinder-radio-row__description[data-disabled] {
+  .cinder-link[data-disabled] {
     color: var(--cinder-text-disabled);
+    cursor: not-allowed;
+    pointer-events: none;
+    opacity: .6;
   }
+}
 
-  .cinder-radio-group[data-variant="card"] .cinder-radio-group__items {
-    gap: var(--cinder-space-2);
+/* src/components/progress/progress.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-progress {
+    display: inline-flex;
+    align-items:  center;
   }
 
-  .cinder-radio-group[data-variant="card"] .cinder-radio-row {
-    border: 1px solid var(--cinder-border);
-    border-radius: var(--cinder-radius-md);
-    padding: var(--cinder-space-3);
-    background: var(--cinder-surface-raised);
-    transition: border-color var(--cinder-duration-fast) var(--cinder-ease-standard), background var(--cinder-duration-fast) var(--cinder-ease-standard);
+  .cinder-progress--bar {
+    width: 100%;
   }
 
-  @media (hover: hover) {
-    .cinder-radio-group[data-variant="card"] .cinder-radio-row:hover:not([data-disabled]) {
-      border-color: var(--cinder-border-strong);
-    }
+  .cinder-progress--bar .cinder-progress__track {
+    background: var(--cinder-surface-inset);
+    border-radius: var(--cinder-radius-full);
+    overflow: hidden;
+    width: 100%;
   }
 
-  .cinder-radio-group[data-variant="card"] .cinder-radio-row[data-checked] {
-    border-color: var(--cinder-accent);
-    background: var(--cinder-surface-raised);
+  .cinder-progress--bar[data-cinder-size="sm"] .cinder-progress__track {
+    height: .25rem;
   }
 
-  .cinder-radio-group[data-variant="card"] .cinder-radio-row[data-invalid] {
-    border-color: var(--cinder-danger);
+  .cinder-progress--bar[data-cinder-size="md"] .cinder-progress__track {
+    height: .5rem;
   }
 
-  .cinder-radio-group[data-variant="card"] .cinder-radio-row[data-disabled] {
-    background: var(--cinder-surface-inset);
-    border-color: var(--cinder-border-muted);
-    cursor: not-allowed;
+  .cinder-progress--bar[data-cinder-size="lg"] .cinder-progress__track {
+    height: .75rem;
   }
 
-  @media (forced-colors: active) {
-    .cinder-radio-group[data-variant="card"] .cinder-radio-row {
-      border: 1px solid canvastext;
-    }
-
-    .cinder-radio-group[data-variant="card"] .cinder-radio-row[data-checked] {
-      border: 2px solid highlight;
-    }
+  .cinder-progress--bar .cinder-progress__fill {
+    background: var(--cinder-accent);
+    border-radius: inherit;
+    transition: width var(--cinder-duration-moderate) var(--cinder-ease-in-out);
+    height: 100%;
+  }
 
-    .cinder-radio-group[data-variant="card"] .cinder-radio-row[data-invalid] {
-      border: 2px solid mark;
+  @media (prefers-reduced-motion: reduce) {
+    .cinder-progress--bar .cinder-progress__fill {
+      transition: none;
     }
   }
-}
-
-/* src/components/rating/rating.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
-@layer cinder.components {
-  .cinder-rating-field {
-    display: flex;
-    gap: var(--cinder-space-1-5);
-    flex-direction: column;
-    inline-size: max-content;
+  .cinder-progress--bar .cinder-progress__fill--indeterminate {
+    animation: cinder-progress-bar-slide var(--cinder-duration-progress-bar-indeterminate) linear infinite;
+    width: 30%;
   }
 
-  .cinder-rating-field__label {
-    display: inline-flex;
-    align-items:  center;
-    gap: var(--cinder-space-1);
-    font-size: var(--cinder-text-xs);
-    font-weight: var(--cinder-font-medium);
-    color: var(--cinder-text);
-    line-height: 1;
-  }
+  @keyframes cinder-progress-bar-slide {
+    from {
+      transform: translateX(-100%);
+    }
 
-  .cinder-rating-field__label[data-disabled] {
-    color: var(--cinder-text-disabled);
-    cursor: not-allowed;
+    to {
+      transform: translateX(400%);
+    }
   }
 
-  .cinder-rating {
-    position: relative;
-    display: inline-flex;
-    align-items:  center;
-    gap: var(--cinder-space-1);
-    --_cinder-rating-color: var(--cinder-warning, oklch(80% .18 80));
-    --_cinder-rating-empty: var(--cinder-border-strong);
-    --_cinder-rating-size: 1.5rem;
+  @media (prefers-reduced-motion: reduce) {
+    .cinder-progress--bar .cinder-progress__fill--indeterminate {
+      animation: none;
+      opacity: .5;
+      width: 100%;
+    }
   }
 
-  .cinder-rating__star {
-    position: relative;
-    inline-size: var(--_cinder-rating-size);
-    block-size: var(--_cinder-rating-size);
-    background: var(--_cinder-rating-empty);
-    -webkit-mask: var(--_cinder-rating-mask) center / contain no-repeat;
-    mask: var(--_cinder-rating-mask) center / contain no-repeat;
-    --_cinder-rating-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l2.99 6.06 6.69.97-4.84 4.72 1.14 6.66L12 17.27l-5.98 3.14 1.14-6.66L2.32 9.03l6.69-.97L12 2z'/></svg>");
+  .cinder-progress--ring[data-cinder-size="sm"] .cinder-progress__svg {
+    width: 1.25rem;
+    height: 1.25rem;
   }
 
-  .cinder-rating__star-fill {
-    display: block;
-    inline-size: var(--_cinder-rating-fill, 0%);
-    background: var(--_cinder-rating-color);
-    block-size: 100%;
+  .cinder-progress--ring[data-cinder-size="md"] .cinder-progress__svg {
+    width: 2rem;
+    height: 2rem;
   }
 
-  .cinder-rating__hit-area {
-    position: absolute;
-    display: flex;
-    align-items: stretch;
-    inset: 0;
+  .cinder-progress--ring[data-cinder-size="lg"] .cinder-progress__svg {
+    width: 2.75rem;
+    height: 2.75rem;
   }
 
-  .cinder-rating__option {
-    appearance: none;
-    cursor: pointer;
-    color: inherit;
-    font: inherit;
-    background: none;
-    border: none;
-    flex: 1 1 0;
-    min-inline-size: 0;
-    margin: 0;
-    padding: 0;
+  .cinder-progress--ring .cinder-progress__svg {
+    transform: rotate(-90deg);
   }
 
-  .cinder-rating__option:focus-visible {
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: var(--_cinder-focus-ring-shadow);
-    border-radius: var(--cinder-radius-sm);
+  .cinder-progress--ring .cinder-progress__track, .cinder-progress--ring .cinder-progress__fill {
+    fill: none;
+    stroke-width: 3;
   }
 
-  @media (forced-colors: active) {
-    .cinder-rating__option:focus-visible {
-      outline: var(--cinder-ring-width) solid ButtonText;
-      outline-offset: 3px;
-    }
+  .cinder-progress--ring .cinder-progress__track {
+    stroke: var(--cinder-surface-inset);
   }
 
-  .cinder-rating--readonly {
-    pointer-events: none;
+  .cinder-progress--ring .cinder-progress__fill {
+    stroke: var(--cinder-accent);
+    stroke-linecap: round;
+    stroke-dasharray: 100.53;
+    stroke-dashoffset: calc(100.53 - (var(--_cinder-progress-percent, 0) * 1.0053));
+    transition: stroke-dashoffset var(--cinder-duration-moderate) var(--cinder-ease-in-out);
   }
 
-  .cinder-rating[aria-disabled="true"] {
-    opacity: .55;
-    pointer-events: none;
+  @media (prefers-reduced-motion: reduce) {
+    .cinder-progress--ring .cinder-progress__fill {
+      transition: none;
+    }
   }
 
-  .cinder-rating[aria-disabled="true"] .cinder-rating__option {
-    cursor: not-allowed;
+  .cinder-progress--ring .cinder-progress__fill--indeterminate {
+    stroke-dasharray: 25 75;
+    stroke-dashoffset: 0;
+    animation: cinder-progress-ring-spin var(--cinder-duration-progress-ring-spin) linear infinite;
+    transform-origin: 18px 18px;
   }
 
-  @media (forced-colors: active) {
-    .cinder-rating__star-fill {
-      background: highlight;
+  @keyframes cinder-progress-ring-spin {
+    from {
+      transform: rotate(0);
     }
-  }
 
-  .cinder-rating-field__description {
-    font-size: var(--cinder-text-xs);
-    color: var(--cinder-text-muted);
-    margin: 0;
+    to {
+      transform: rotate(360deg);
+    }
   }
 
-  .cinder-rating-field__error {
-    font-size: var(--cinder-text-xs);
-    color: var(--cinder-danger);
-    margin: 0;
+  @media (prefers-reduced-motion: reduce) {
+    .cinder-progress--ring .cinder-progress__fill--indeterminate {
+      animation: none;
+      stroke-dasharray: 100.53;
+      stroke-dashoffset: 0;
+      opacity: .5;
+    }
   }
 }
 
@@ -10032,6 +10413,8 @@
     --_cinder-rst-rail-size: 1.5rem;
     --_cinder-rst-marker-size: .875rem;
     --_cinder-rst-rail-center: .6875rem;
+    --_cinder-rst-depth: 0;
+    --_cinder-rst-nested-indent: 1.75rem;
     list-style: none;
     position: relative;
     margin: 0;
@@ -10039,6 +10422,7 @@
   }
 
   .cinder-run-step-timeline__item {
+    --_cinder-rst-depth-offset: calc(var(--_cinder-rst-depth) * var(--_cinder-rst-nested-indent));
     position: relative;
     padding-bottom: var(--cinder-space-4);
   }
@@ -10050,11 +10434,10 @@
   .cinder-run-step-timeline__item:before {
     content: "";
     position: absolute;
-    left: var(--_cinder-rst-rail-center);
     background: var(--cinder-border-muted);
-    width: 1px;
-    top: 1rem;
-    bottom: 0;
+    inline-size: 1px;
+    inset-block: 1rem 0;
+    inset-inline-start: calc(var(--_cinder-rst-depth-offset)  + var(--_cinder-rst-rail-center));
   }
 
   .cinder-run-step-timeline__item[data-cinder-connector-after="hidden"]:before {
@@ -10066,6 +10449,7 @@
     grid-template-columns: var(--_cinder-rst-rail-size) 1fr;
     gap: var(--cinder-space-3);
     align-items:  start;
+    padding-inline-start: var(--_cinder-rst-depth-offset);
   }
 
   .cinder-run-step-timeline__marker {
@@ -10099,12 +10483,16 @@
     flex-shrink: 0;
   }
 
-  .cinder-run-step-timeline__item[data-cinder-status="running"] .cinder-run-step-timeline__label, .cinder-run-step-timeline__item[data-cinder-status="retrying"] .cinder-run-step-timeline__label {
+  .cinder-run-step-timeline__item[data-cinder-status="running"] .cinder-run-step-timeline__label, .cinder-run-step-timeline__item[data-cinder-status="retrying"] .cinder-run-step-timeline__label, .cinder-run-step-timeline__item[data-cinder-status="waiting_approval"] .cinder-run-step-timeline__label {
     color: var(--cinder-text);
     font-weight: var(--cinder-font-semibold);
   }
 
-  .cinder-run-step-timeline__item[data-cinder-status="pending"] .cinder-run-step-timeline__label, .cinder-run-step-timeline__item[data-cinder-status="skipped"] .cinder-run-step-timeline__label, .cinder-run-step-timeline__item[data-cinder-status="cancelled"] .cinder-run-step-timeline__label {
+  .cinder-run-step-timeline__link {
+    font-size: var(--cinder-text-xs);
+  }
+
+  .cinder-run-step-timeline__link--unsafe, .cinder-run-step-timeline__item[data-cinder-status="pending"] .cinder-run-step-timeline__label, .cinder-run-step-timeline__item[data-cinder-status="skipped"] .cinder-run-step-timeline__label, .cinder-run-step-timeline__item[data-cinder-status="cancelled"] .cinder-run-step-timeline__label {
     color: var(--cinder-text-muted);
   }
 
@@ -10310,108 +10698,48 @@
     margin: 0;
   }
 
-  .cinder-schema-form__legend, .cinder-schema-form__label, .cinder-schema-form__switch-label {
-    color: var(--cinder-text);
-    font-size: var(--cinder-text-sm);
-    font-weight: var(--cinder-font-medium);
-  }
-
   .cinder-schema-form__legend {
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
     padding-inline: var(--cinder-space-1);
-  }
-
-  .cinder-schema-form__field {
-    display: grid;
-    gap: var(--cinder-space-2);
-  }
-
-  .cinder-schema-form__required {
-    color: var(--cinder-danger);
-    margin-inline-start: var(--cinder-space-1);
-  }
-
-  .cinder-schema-form__description {
-    color: var(--cinder-text-muted);
-    font-size: var(--cinder-text-sm);
-    margin: 0;
-  }
-
-  .cinder-schema-form__error {
-    color: var(--cinder-danger);
+    color: var(--cinder-text);
     font-size: var(--cinder-text-sm);
-    margin: 0;
-  }
-
-  .cinder-schema-form__control {
-    inline-size: 100%;
-  }
-
-  .cinder-schema-form__json-control {
-    font-family: var(--cinder-font-mono);
-    resize: vertical;
-    min-block-size: 8rem;
-  }
-
-  .cinder-schema-form__array-item {
-    display: grid;
-    gap: var(--cinder-space-2);
-    padding: var(--cinder-space-3);
-    border: 1px dashed var(--cinder-border-muted);
-    border-radius: var(--cinder-radius-md);
-  }
-
-  .cinder-schema-form__switch {
-    display: inline-grid;
-    grid-template-columns: 2.25rem minmax(0, 1fr);
-    align-items:  center;
-    gap: var(--cinder-space-2);
-    color: inherit;
-    text-align: start;
-    cursor: pointer;
-    background: none;
-    border: 0;
-    justify-self: start;
-    padding: 0;
+    font-weight: var(--cinder-font-medium);
   }
-
-  .cinder-schema-form__switch-thumb {
-    position: relative;
-    border: 1px solid var(--cinder-border-muted);
-    background: var(--cinder-surface-inset);
-    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard), border-color var(--cinder-duration-fast) var(--cinder-ease-standard);
-    border-radius: 999px;
-    block-size: 1.25rem;
-    inline-size: 2.25rem;
+
+  .cinder-schema-form__field {
+    display: grid;
+    gap: var(--cinder-space-2);
   }
 
-  .cinder-schema-form__switch-thumb:after {
-    position: absolute;
-    background: var(--cinder-surface);
-    box-shadow: var(--cinder-shadow-sm);
-    content: "";
-    transition: transform var(--cinder-duration-fast) var(--cinder-ease-standard);
-    border-radius: 999px;
-    block-size: .875rem;
-    inline-size: .875rem;
-    inset-block-start: 50%;
-    inset-inline-start: .125rem;
-    transform: translateY(-50%);
+  .cinder-schema-form__description {
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-sm);
+    margin: 0;
   }
 
-  .cinder-schema-form__switch[data-cinder-checked="true"] .cinder-schema-form__switch-thumb {
-    border-color: var(--cinder-accent);
-    background: var(--cinder-accent);
+  .cinder-schema-form__error {
+    color: var(--cinder-danger);
+    font-size: var(--cinder-text-sm);
+    margin: 0;
   }
 
-  .cinder-schema-form__switch[data-cinder-checked="true"] .cinder-schema-form__switch-thumb:after {
-    transform: translate(1rem, -50%);
+  .cinder-schema-form__json-control {
+    font-family: var(--cinder-font-mono);
+    resize: vertical;
+    min-block-size: 8rem;
   }
 
-  .cinder-schema-form__control[aria-invalid="true"], .cinder-schema-form__switch[data-cinder-invalid="true"] .cinder-schema-form__switch-thumb {
-    border-color: var(--cinder-danger);
+  .cinder-schema-form__array-item {
+    display: grid;
+    gap: var(--cinder-space-2);
+    padding: var(--cinder-space-3);
+    border: 1px dashed var(--cinder-border-muted);
+    border-radius: var(--cinder-radius-md);
   }
 
-  .cinder-schema-form__switch:focus-visible .cinder-schema-form__switch-thumb, .cinder-schema-form__secondary-button:focus-visible, .cinder-schema-form__submit:focus-visible {
+  .cinder-schema-form__secondary-button:focus-visible, .cinder-schema-form__submit:focus-visible {
     outline: var(--cinder-ring-width) solid transparent;
     box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--cinder-ring-color);
   }
@@ -10444,12 +10772,14 @@
   }
 
   @media (forced-colors: active) {
-    .cinder-schema-form__switch-thumb, .cinder-schema-form__secondary-button, .cinder-schema-form__submit {
+    .cinder-schema-form__secondary-button, .cinder-schema-form__submit {
       border-color: canvastext;
     }
 
-    .cinder-schema-form__switch:focus-visible .cinder-schema-form__switch-thumb, .cinder-schema-form__secondary-button:focus-visible, .cinder-schema-form__submit:focus-visible {
-      outline-color: highlight;
+    .cinder-schema-form__secondary-button:focus-visible, .cinder-schema-form__submit:focus-visible {
+      outline: var(--cinder-ring-width) solid Highlight;
+      outline-offset: 3px;
+      box-shadow: none;
     }
   }
 }
@@ -11029,7 +11359,7 @@
   }
 
   .cinder-segmented-control-option:focus-visible {
-    outline: 2px solid #0000;
+    outline: var(--cinder-ring-width) solid transparent;
     box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--cinder-ring-color);
     z-index: 1;
   }
@@ -11059,6 +11389,14 @@
     z-index: 1;
   }
 
+  @media (forced-colors: active) {
+    .cinder-segmented-control:not([data-cinder-variant="tablist"]) .cinder-segmented-control-option[data-cinder-selected]:focus-visible, .cinder-segmented-control:not([data-cinder-variant="tablist"]) .cinder-segmented-control-option[data-cinder-pressed]:focus-visible {
+      outline: var(--cinder-ring-width) solid Highlight;
+      outline-offset: 1px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-segmented-control[data-cinder-selection-mode="single"][data-cinder-variant="tablist"] {
     background: none;
     border: none;
@@ -11087,6 +11425,12 @@
       outline: var(--cinder-ring-width) solid Highlight;
       outline-offset: 1px;
     }
+
+    .cinder-segmented-control[data-cinder-selection-mode="single"][data-cinder-variant="tablist"] .cinder-segmented-control-option[data-cinder-selected]:focus-visible {
+      outline: var(--cinder-ring-width) solid Highlight;
+      outline-offset: 1px;
+      box-shadow: none;
+    }
   }
 
   @media (hover: hover) {
@@ -11124,14 +11468,21 @@
     flex-direction: column;
   }
 
-  .cinder-select-field > label {
-    display: inline-block;
+  .cinder-select-field__label {
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
     font-size: var(--cinder-text-xs);
     font-weight: var(--cinder-font-medium);
     color: var(--cinder-text);
     line-height: 1;
   }
 
+  .cinder-select-field__label[data-disabled] {
+    color: var(--cinder-text-disabled);
+    cursor: not-allowed;
+  }
+
   .cinder-select-field__control {
     display: block;
     position: relative;
@@ -11492,7 +11843,7 @@
   }
 
   .cinder-share-card__title {
-    font-weight: 600;
+    font-weight: var(--cinder-font-semibold);
     font-size: var(--cinder-text-sm);
     color: var(--cinder-text);
     margin: 0;
@@ -11544,9 +11895,9 @@
     color: var(--cinder-text);
     cursor: pointer;
     font-size: var(--cinder-text-sm);
+    font-weight: var(--cinder-font-medium);
+    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard), border-color var(--cinder-duration-fast) var(--cinder-ease-standard);
     white-space: nowrap;
-    transition: background-color .15s, border-color .15s;
-    font-weight: 500;
   }
 
   @media (hover: hover) {
@@ -11561,6 +11912,14 @@
     box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--cinder-ring-color);
   }
 
+  @media (forced-colors: active) {
+    .cinder-share-card__action:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-share-card__action[data-cinder-copied] {
     color: var(--cinder-color-success-fg);
     border-color: var(--cinder-color-success-border);
@@ -12129,7 +12488,7 @@
   }
 
   .cinder-sortable-item--shifting {
-    transition: transform .15s;
+    transition: transform var(--cinder-duration-fast) var(--cinder-ease-standard);
   }
 
   @media (prefers-reduced-motion: reduce) {
@@ -12276,17 +12635,17 @@
 
   .cinder-slider__range {
     position: absolute;
-    inset-block: 0;
-    left: var(--_cinder-slider-low);
-    right: calc(100% - var(--_cinder-slider-high));
     background: var(--cinder-accent);
     border-radius: var(--cinder-radius-full);
-    transition: left var(--cinder-duration-fast, .12s) var(--cinder-ease-standard, ease), right var(--cinder-duration-fast, .12s) var(--cinder-ease-standard, ease);
+    transition: inset-inline-start var(--cinder-duration-fast, .12s) var(--cinder-ease-standard, ease), inset-inline-end var(--cinder-duration-fast, .12s) var(--cinder-ease-standard, ease);
+    inset-block: 0;
+    inset-inline-start: var(--_cinder-slider-low);
+    inset-inline-end: calc(100% - var(--_cinder-slider-high));
   }
 
   .cinder-slider:not(.cinder-slider--range) .cinder-slider__range {
-    left: 0;
-    right: calc(100% - var(--_cinder-slider-low));
+    inset-inline-start: 0;
+    inset-inline-end: calc(100% - var(--_cinder-slider-low));
   }
 
   .cinder-slider__ticks {
@@ -12298,19 +12657,18 @@
   .cinder-slider__tick {
     position: absolute;
     top: 50%;
-    left: var(--_cinder-slider-tick);
     background: var(--cinder-border, currentColor);
     border-radius: var(--cinder-radius-full);
     opacity: .6;
     width: 2px;
     height: .5rem;
+    inset-inline-start: var(--_cinder-slider-tick);
     transform: translate(-50%, -50%);
   }
 
   .cinder-slider__thumb {
     position: absolute;
     top: 50%;
-    left: var(--_cinder-slider-pos);
     width: var(--_cinder-slider-thumb-size);
     height: var(--_cinder-slider-thumb-size);
     background: var(--cinder-surface-raised, white);
@@ -12319,10 +12677,15 @@
     cursor: grab;
     box-shadow: var(--cinder-shadow-sm);
     touch-action: none;
-    transition: left var(--cinder-duration-fast, .12s) var(--cinder-ease-standard, ease), box-shadow var(--cinder-duration-fast, .12s) var(--cinder-ease-standard, ease);
+    transition: inset-inline-start var(--cinder-duration-fast, .12s) var(--cinder-ease-standard, ease), box-shadow var(--cinder-duration-fast, .12s) var(--cinder-ease-standard, ease);
+    inset-inline-start: var(--_cinder-slider-pos);
     transform: translate(-50%, -50%);
   }
 
+  .cinder-slider__tick:dir(rtl), .cinder-slider__thumb:dir(rtl) {
+    transform: translate(50%, -50%);
+  }
+
   .cinder-slider__thumb[data-cinder-active] {
     z-index: 2;
   }
@@ -12678,7 +13041,7 @@
     transform: translateY(-50%);
   }
 
-  .cinder-speed-dial[data-cinder-open="true"] .cinder-speed-dial__actions {
+  .cinder-speed-dial[data-cinder-open] .cinder-speed-dial__actions {
     pointer-events: auto;
   }
 
@@ -12691,7 +13054,7 @@
     transform: scale(.86);
   }
 
-  .cinder-speed-dial[data-cinder-open="true"] .cinder-speed-dial-action {
+  .cinder-speed-dial[data-cinder-open] .cinder-speed-dial-action {
     opacity: 1;
     transform: none;
   }
@@ -12728,7 +13091,7 @@
     max-inline-size: 12rem;
   }
 
-  .cinder-speed-dial[data-cinder-open="false"] .cinder-speed-dial-action {
+  .cinder-speed-dial:not([data-cinder-open]) .cinder-speed-dial-action {
     pointer-events: none;
   }
 
@@ -12851,14 +13214,14 @@
 
   [data-cinder-state="current"] .cinder-steps__marker {
     background: var(--cinder-surface);
-    box-shadow: 0 0 0 2px var(--cinder-ring-color);
+    box-shadow: 0 0 0 var(--cinder-ring-width) var(--cinder-ring-color);
     color: var(--cinder-accent-text);
   }
 
   @media (forced-colors: active) {
     [data-cinder-state="current"] .cinder-steps__marker {
-      outline: 2px solid buttontext;
-      outline-offset: 2px;
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: var(--cinder-ring-width);
       box-shadow: none;
     }
   }
@@ -13110,7 +13473,7 @@
   }
 
   .cinder-stat-group[data-cinder-columns="auto"] {
-    grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
   }
 
   .cinder-stat-group[data-cinder-columns="1"] {
@@ -13179,6 +13542,30 @@
     line-height: 1.25;
   }
 
+  .cinder-status-dot[data-cinder-state] {
+    padding: var(--cinder-space-0-5) var(--cinder-space-2);
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-medium);
+    border-radius: var(--cinder-radius-full);
+    background: var(--cinder-surface-inset);
+  }
+
+  .cinder-status-dot[data-cinder-state="connected"] {
+    color: var(--cinder-success);
+  }
+
+  .cinder-status-dot[data-cinder-state="connecting"] {
+    color: var(--cinder-warning);
+  }
+
+  .cinder-status-dot[data-cinder-state="disconnected"] {
+    color: var(--cinder-text-muted);
+  }
+
+  .cinder-status-dot[data-cinder-state="error"] {
+    color: var(--cinder-danger);
+  }
+
   .cinder-status-dot__indicator {
     display: inline-block;
     inline-size: var(--cinder-status-dot-size);
@@ -13213,7 +13600,7 @@
     --cinder-status-dot-color: var(--cinder-warning);
   }
 
-  .cinder-status-dot[data-cinder-status="error"] {
+  .cinder-status-dot[data-cinder-status="danger"] {
     --cinder-status-dot-color: var(--cinder-danger);
   }
 
@@ -13232,10 +13619,27 @@
   .cinder-status-dot[data-cinder-status="accent"] {
     --cinder-status-dot-color: var(--cinder-accent);
   }
-}
 
-/* src/components/subscription-badge/subscription-badge.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+  .cinder-status-dot[data-cinder-state="connecting"] .cinder-status-dot__indicator {
+    animation: cinder-status-dot-pulse 1.4s ease-in-out infinite;
+  }
+
+  @keyframes cinder-status-dot-pulse {
+    0%, 100% {
+      opacity: 1;
+    }
+
+    50% {
+      opacity: .3;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .cinder-status-dot[data-cinder-state="connecting"] .cinder-status-dot__indicator {
+      animation: none;
+    }
+  }
+}
 
 /* src/components/surface/surface.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
@@ -13375,6 +13779,14 @@
     z-index: 2;
   }
 
+  @media (forced-colors: active) {
+    .cinder-table__sort-button:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 2px;
+      box-shadow: none;
+    }
+  }
+
   @media (hover: hover) {
     .cinder-table__sort-button:hover {
       background: var(--cinder-surface-hover);
@@ -13779,13 +14191,20 @@
   }
 
   .cinder-textarea-label {
-    display: block;
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--cinder-space-1);
     font-size: var(--cinder-text-xs);
     font-weight: var(--cinder-font-medium);
     color: var(--cinder-text);
     line-height: 1;
   }
 
+  .cinder-textarea-label[data-disabled] {
+    color: var(--cinder-text-disabled);
+    cursor: not-allowed;
+  }
+
   .cinder-textarea {
     display: block;
     resize: vertical;
@@ -13840,6 +14259,14 @@
     border-color: #0000;
   }
 
+  @media (forced-colors: active) {
+    .cinder-textarea[aria-invalid="true"]:focus-visible {
+      outline: var(--cinder-ring-width) solid Mark;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-textarea:disabled {
     cursor: not-allowed;
     resize: none;
@@ -13871,6 +14298,65 @@
   }
 }
 
+/* src/components/time-field/time-field.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-time-field {
+    display: grid;
+    gap: var(--cinder-space-2);
+    color: var(--cinder-text);
+  }
+
+  .cinder-time-field__label {
+    font-size: var(--cinder-text-sm);
+    font-weight: var(--cinder-font-semibold);
+  }
+
+  .cinder-time-field__controls {
+    display: flex;
+    gap: var(--cinder-space-2);
+    flex-wrap: wrap;
+    align-items:  center;
+  }
+
+  .cinder-time-field__input, .cinder-time-field__timezone {
+    padding-block: var(--cinder-space-2);
+    padding-inline: var(--cinder-space-3);
+    color: var(--cinder-text);
+    background: var(--cinder-surface);
+    border: 1px solid var(--cinder-border);
+    border-radius: var(--cinder-radius-md);
+    min-height: 2.25rem;
+  }
+
+  .cinder-time-field__input:focus-visible, .cinder-time-field__timezone:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: var(--_cinder-focus-ring-shadow);
+  }
+
+  @media (forced-colors: active) {
+    .cinder-time-field__input:focus-visible, .cinder-time-field__timezone:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
+  .cinder-time-field__description, .cinder-time-field__error {
+    font-size: var(--cinder-text-sm);
+    margin: 0;
+  }
+
+  .cinder-time-field__description {
+    color: var(--cinder-text-muted);
+  }
+
+  .cinder-time-field__error {
+    color: var(--cinder-danger);
+  }
+}
+
 /* src/components/toast-region/toast-region.css */
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
 
@@ -14145,6 +14631,14 @@
     box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
+  @media (forced-colors: active) {
+    .cinder-transfer-list__list:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: calc(-1 * var(--cinder-ring-width));
+      box-shadow: none;
+    }
+  }
+
   .cinder-transfer-list__option {
     padding: var(--cinder-space-2) var(--cinder-space-3);
     border-radius: var(--cinder-radius-sm);
@@ -14204,6 +14698,14 @@
     box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
+  @media (forced-colors: active) {
+    .cinder-transfer-list__control:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   @container cinder-transfer-list (width <= 42rem) {
     .cinder-transfer-list__layout {
       grid-template-columns: minmax(0, 1fr);
@@ -14585,6 +15087,14 @@
     box-shadow: 0 0 0 var(--cinder-ring-width) var(--cinder-ring-color);
   }
 
+  @media (forced-colors: active) {
+    .cinder-tree__filter-input:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-tree__selection-controls {
     display: flex;
     gap: var(--cinder-space-2, .5rem);
@@ -14665,6 +15175,50 @@
     min-block-size: 2.25rem;
   }
 
+  .cinder-tree-item__disclosure, .cinder-tree-item__disclosure-spacer {
+    flex: none;
+    block-size: 1rem;
+    inline-size: 1rem;
+  }
+
+  .cinder-tree-item__disclosure {
+    display: inline-flex;
+    border-radius: var(--cinder-radius-sm);
+    color: currentColor;
+    cursor: pointer;
+    background: none;
+    border: 0;
+    justify-content: center;
+    align-items:  center;
+    padding: 0;
+  }
+
+  .cinder-tree-item__disclosure > span {
+    transition: transform var(--cinder-duration-fast) var(--cinder-ease-standard);
+    border-block-end: 1.5px solid;
+    border-inline-end: 1.5px solid;
+    block-size: .45rem;
+    inline-size: .45rem;
+    transform: rotate(-45deg);
+  }
+
+  .cinder-tree-item__disclosure[aria-expanded="true"] > span {
+    transform: rotate(45deg);
+  }
+
+  .cinder-tree-item__disclosure:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: 0 0 0 var(--cinder-ring-width) var(--cinder-ring-color);
+  }
+
+  @media (forced-colors: active) {
+    .cinder-tree-item__disclosure:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 2px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-tree-item__checkbox {
     accent-color: var(--cinder-accent, currentColor);
     pointer-events: auto;
@@ -14699,6 +15253,14 @@
     box-shadow: 0 0 0 var(--cinder-ring-width) var(--cinder-ring-color);
   }
 
+  @media (forced-colors: active) {
+    .cinder-tree-item__drag-handle:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 2px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-tree-item__label {
     flex: auto;
     min-inline-size: 0;
@@ -14778,6 +15340,14 @@
     box-shadow: 0 0 0 var(--cinder-ring-width) var(--cinder-ring-color);
   }
 
+  @media (forced-colors: active) {
+    .cinder-tree-item__rename-input:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-tree-item__rename-input[aria-invalid="true"] {
     border-color: var(--cinder-danger);
   }