@pearpages/pulp-tokens 0.2.1 → 0.3.0

package/dist/tokens.json

@@ -240,6 +240,18 @@
       "css": "#262a35",
       "value": "#262a35"
     },
+    {
+      "name": "--color-neutral-875",
+      "path": [
+        "color",
+        "neutral",
+        "875"
+      ],
+      "type": "color",
+      "tier": "primitive",
+      "css": "#1a1e29",
+      "value": "#1a1e29"
+    },
     {
       "name": "--color-neutral-900",
       "path": [
@@ -408,6 +420,18 @@
       "css": "#fbe5e6",
       "value": "#fbe5e6"
     },
+    {
+      "name": "--color-red-200",
+      "path": [
+        "color",
+        "red",
+        "200"
+      ],
+      "type": "color",
+      "tier": "primitive",
+      "css": "#ff9699",
+      "value": "#ff9699"
+    },
     {
       "name": "--color-red-300",
       "path": [
@@ -420,6 +444,18 @@
       "css": "#ff6b70",
       "value": "#ff6b70"
     },
+    {
+      "name": "--color-red-400",
+      "path": [
+        "color",
+        "red",
+        "400"
+      ],
+      "type": "color",
+      "tier": "primitive",
+      "css": "#ea5459",
+      "value": "#ea5459"
+    },
     {
       "name": "--color-red-500",
       "path": [
@@ -444,6 +480,18 @@
       "css": "#a52c30",
       "value": "#a52c30"
     },
+    {
+      "name": "--color-red-800",
+      "path": [
+        "color",
+        "red",
+        "800"
+      ],
+      "type": "color",
+      "tier": "primitive",
+      "css": "#86242a",
+      "value": "#86242a"
+    },
     {
       "name": "--color-red-900",
       "path": [
@@ -482,6 +530,20 @@
       "light": "#ffffff",
       "dark": "#11141d"
     },
+    {
+      "name": "--color-surface-overlay",
+      "path": [
+        "color",
+        "surface",
+        "overlay"
+      ],
+      "type": "color",
+      "tier": "semantic",
+      "css": "light-dark(var(--color-neutral-0), var(--color-neutral-875))",
+      "light": "#ffffff",
+      "dark": "#1a1e29",
+      "description": "What floats above the page: dialogs, sheets, popovers, menus. One step lighter than raised in dark schemes, where a shadow alone does not separate a menu from a card; in light it may equal raised."
+    },
     {
       "name": "--color-surface-sunken",
       "path": [
@@ -746,6 +808,34 @@
       "light": "#d0393e",
       "dark": "#ff6b70"
     },
+    {
+      "name": "--color-status-error-hover",
+      "path": [
+        "color",
+        "status",
+        "error-hover"
+      ],
+      "type": "color",
+      "tier": "semantic",
+      "css": "light-dark(var(--color-red-700), var(--color-red-200))",
+      "light": "#a52c30",
+      "dark": "#ff9699",
+      "description": "A filled error surface under the pointer (a danger Button). Darkens in light, lightens in dark: away from its on-error text."
+    },
+    {
+      "name": "--color-status-error-active",
+      "path": [
+        "color",
+        "status",
+        "error-active"
+      ],
+      "type": "color",
+      "tier": "semantic",
+      "css": "light-dark(var(--color-red-800), var(--color-red-400))",
+      "light": "#86242a",
+      "dark": "#ea5459",
+      "description": "A filled error surface while pressed."
+    },
     {
       "name": "--color-status-info",
       "path": [
@@ -2119,6 +2209,169 @@
       "css": "var(--color-status-error-text)",
       "value": "#a52c30"
     },
+    {
+      "name": "--avatar-size-sm",
+      "path": [
+        "avatar",
+        "size",
+        "sm"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-control-sm)",
+      "value": "2rem"
+    },
+    {
+      "name": "--avatar-size-md",
+      "path": [
+        "avatar",
+        "size",
+        "md"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-control-md)",
+      "value": "2.5rem"
+    },
+    {
+      "name": "--avatar-size-lg",
+      "path": [
+        "avatar",
+        "size",
+        "lg"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "calc(var(--size-control-md) * 1.4)",
+      "value": "calc(2.5rem * 1.4)"
+    },
+    {
+      "name": "--avatar-size-xl",
+      "path": [
+        "avatar",
+        "size",
+        "xl"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "calc(var(--size-control-lg) * 2)",
+      "value": "calc(3rem * 2)"
+    },
+    {
+      "name": "--avatar-font-size-sm",
+      "path": [
+        "avatar",
+        "font-size",
+        "sm"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--font-size-xs)",
+      "value": "0.75rem"
+    },
+    {
+      "name": "--avatar-font-size-md",
+      "path": [
+        "avatar",
+        "font-size",
+        "md"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--font-size-sm)",
+      "value": "0.875rem"
+    },
+    {
+      "name": "--avatar-font-size-lg",
+      "path": [
+        "avatar",
+        "font-size",
+        "lg"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--font-size-lg)",
+      "value": "1.125rem"
+    },
+    {
+      "name": "--avatar-font-size-xl",
+      "path": [
+        "avatar",
+        "font-size",
+        "xl"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--font-size-2xl)",
+      "value": "1.75rem"
+    },
+    {
+      "name": "--avatar-bg",
+      "path": [
+        "avatar",
+        "bg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-neutral-subtle)",
+      "value": "#ededf2"
+    },
+    {
+      "name": "--avatar-border",
+      "path": [
+        "avatar",
+        "border"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-default)",
+      "value": "#d5d7de",
+      "description": "Fallback only: the subtle fill barely separates from the base surface in light schemes."
+    },
+    {
+      "name": "--avatar-border-width",
+      "path": [
+        "avatar",
+        "border-width"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-hairline)",
+      "value": "1px"
+    },
+    {
+      "name": "--avatar-fg",
+      "path": [
+        "avatar",
+        "fg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-neutral-text)",
+      "value": "#5a6072"
+    },
+    {
+      "name": "--avatar-weight",
+      "path": [
+        "avatar",
+        "weight"
+      ],
+      "type": "fontWeight",
+      "tier": "component",
+      "css": "var(--font-weight-semibold)",
+      "value": "600"
+    },
+    {
+      "name": "--avatar-radius",
+      "path": [
+        "avatar",
+        "radius"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--radius-full)",
+      "value": "9999px"
+    },
     {
       "name": "--badge-radius",
       "path": [
@@ -2482,6 +2735,18 @@
       "css": "var(--color-status-error-text)",
       "value": "#a52c30"
     },
+    {
+      "name": "--badge-dot-size",
+      "path": [
+        "badge",
+        "dot-size"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-2)",
+      "value": "0.25rem",
+      "description": "variant=\"dot\": a presence mark with no text."
+    },
     {
       "name": "--button-radius",
       "path": [
@@ -2759,6 +3024,78 @@
       "css": "var(--color-action-primary-quiet)",
       "value": "#e8eafc"
     },
+    {
+      "name": "--button-danger-bg",
+      "path": [
+        "button",
+        "danger",
+        "bg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-error)",
+      "value": "#d0393e"
+    },
+    {
+      "name": "--button-danger-bg-hover",
+      "path": [
+        "button",
+        "danger",
+        "bg-hover"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-error-hover)",
+      "value": "#a52c30"
+    },
+    {
+      "name": "--button-danger-bg-active",
+      "path": [
+        "button",
+        "danger",
+        "bg-active"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-error-active)",
+      "value": "#86242a"
+    },
+    {
+      "name": "--button-danger-fg",
+      "path": [
+        "button",
+        "danger",
+        "fg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-on-error)",
+      "value": "#ffffff"
+    },
+    {
+      "name": "--button-danger-text",
+      "path": [
+        "button",
+        "danger",
+        "text"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-error-text)",
+      "value": "#a52c30"
+    },
+    {
+      "name": "--button-danger-quiet-bg-hover",
+      "path": [
+        "button",
+        "danger",
+        "quiet-bg-hover"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-error-subtle)",
+      "value": "#fbe5e6"
+    },
     {
       "name": "--button-focus-ring",
       "path": [
@@ -3529,107 +3866,118 @@
       "value": "140ms"
     },
     {
-      "name": "--combobox-radius",
+      "name": "--chip-height-sm",
       "path": [
-        "combobox",
-        "radius"
+        "chip",
+        "height",
+        "sm"
       ],
       "type": "dimension",
       "tier": "component",
-      "css": "var(--radius-control)",
-      "value": "3px"
+      "css": "var(--space-5)",
+      "value": "0.25rem"
     },
     {
-      "name": "--combobox-padding-inline",
+      "name": "--chip-height-md",
       "path": [
-        "combobox",
-        "padding-inline"
+        "chip",
+        "height",
+        "md"
       ],
       "type": "dimension",
       "tier": "component",
-      "css": "var(--space-3)",
-      "value": "0.25rem"
+      "css": "var(--size-control-sm)",
+      "value": "2rem"
     },
     {
-      "name": "--combobox-gap",
+      "name": "--chip-height-lg",
       "path": [
-        "combobox",
-        "gap"
+        "chip",
+        "height",
+        "lg"
       ],
       "type": "dimension",
       "tier": "component",
-      "css": "var(--space-2)",
-      "value": "0.25rem",
-      "description": "Between the control and its popover; carried as padding on the popover so no offset lives in code."
+      "css": "var(--size-control-md)",
+      "value": "2.5rem"
     },
     {
-      "name": "--combobox-height-sm",
+      "name": "--chip-padding-x-sm",
       "path": [
-        "combobox",
-        "height",
+        "chip",
+        "padding-x",
         "sm"
       ],
       "type": "dimension",
       "tier": "component",
-      "css": "var(--size-control-sm)",
-      "value": "2rem"
+      "css": "var(--space-2)",
+      "value": "0.25rem"
     },
     {
-      "name": "--combobox-height-md",
+      "name": "--chip-padding-x-md",
       "path": [
-        "combobox",
-        "height",
+        "chip",
+        "padding-x",
         "md"
       ],
       "type": "dimension",
       "tier": "component",
-      "css": "var(--size-control-md)",
-      "value": "2.5rem"
+      "css": "var(--space-3)",
+      "value": "0.25rem"
     },
     {
-      "name": "--combobox-height-lg",
+      "name": "--chip-padding-x-lg",
       "path": [
-        "combobox",
-        "height",
+        "chip",
+        "padding-x",
         "lg"
       ],
       "type": "dimension",
       "tier": "component",
-      "css": "var(--size-control-lg)",
-      "value": "3rem"
+      "css": "var(--space-4)",
+      "value": "0.25rem"
     },
     {
-      "name": "--combobox-font-family",
+      "name": "--chip-gap",
       "path": [
-        "combobox",
-        "font",
-        "family"
+        "chip",
+        "gap"
       ],
-      "type": "fontFamily",
+      "type": "dimension",
       "tier": "component",
-      "css": "var(--font-family-body)",
-      "value": "'Instrument Sans Variable', 'Instrument Sans', system-ui, sans-serif"
+      "css": "var(--space-1)",
+      "value": "0.25rem"
     },
     {
-      "name": "--combobox-font-size-sm",
+      "name": "--chip-font-size-sm",
       "path": [
-        "combobox",
-        "font",
-        "size",
+        "chip",
+        "font-size",
         "sm"
       ],
       "type": "dimension",
       "tier": "component",
+      "css": "var(--font-size-xs)",
+      "value": "0.75rem"
+    },
+    {
+      "name": "--chip-font-size-md",
+      "path": [
+        "chip",
+        "font-size",
+        "md"
+      ],
+      "type": "dimension",
+      "tier": "component",
       "css": "var(--font-size-sm)",
       "value": "0.875rem"
     },
     {
-      "name": "--combobox-font-size-md",
+      "name": "--chip-font-size-lg",
       "path": [
-        "combobox",
-        "font",
-        "size",
-        "md"
+        "chip",
+        "font-size",
+        "lg"
       ],
       "type": "dimension",
       "tier": "component",
@@ -3637,33 +3985,67 @@
       "value": "1rem"
     },
     {
-      "name": "--combobox-font-size-lg",
+      "name": "--chip-weight",
       "path": [
-        "combobox",
-        "font",
-        "size",
-        "lg"
+        "chip",
+        "weight"
+      ],
+      "type": "fontWeight",
+      "tier": "component",
+      "css": "var(--font-weight-medium)",
+      "value": "500"
+    },
+    {
+      "name": "--chip-radius",
+      "path": [
+        "chip",
+        "radius"
       ],
       "type": "dimension",
       "tier": "component",
-      "css": "var(--font-size-lg)",
-      "value": "1.125rem"
+      "css": "var(--radius-full)",
+      "value": "9999px"
     },
     {
-      "name": "--combobox-bg",
+      "name": "--chip-border-width",
       "path": [
-        "combobox",
+        "chip",
+        "border-width"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-hairline)",
+      "value": "1px"
+    },
+    {
+      "name": "--chip-neutral-bg",
+      "path": [
+        "chip",
+        "neutral",
         "bg"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-surface-raised)",
-      "value": "#ffffff"
+      "css": "var(--color-action-secondary)",
+      "value": "#ededf2"
     },
     {
-      "name": "--combobox-fg",
+      "name": "--chip-neutral-bg-hover",
       "path": [
-        "combobox",
+        "chip",
+        "neutral",
+        "bg-hover"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-action-secondary-hover)",
+      "value": "#e9ebf1"
+    },
+    {
+      "name": "--chip-neutral-fg",
+      "path": [
+        "chip",
+        "neutral",
         "fg"
       ],
       "type": "color",
@@ -3672,116 +4054,118 @@
       "value": "#0c0e14"
     },
     {
-      "name": "--combobox-placeholder",
+      "name": "--chip-neutral-border",
       "path": [
-        "combobox",
-        "placeholder"
+        "chip",
+        "neutral",
+        "border"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-text-faint)",
-      "value": "#666c80"
+      "css": "var(--color-border-default)",
+      "value": "#d5d7de"
     },
     {
-      "name": "--combobox-icon",
+      "name": "--chip-neutral-selected-bg",
       "path": [
-        "combobox",
-        "icon"
+        "chip",
+        "neutral",
+        "selected-bg"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-text-muted)",
-      "value": "#5a6072"
+      "css": "var(--color-surface-inverse)",
+      "value": "#0c0e14"
     },
     {
-      "name": "--combobox-icon-size",
+      "name": "--chip-neutral-selected-fg",
       "path": [
-        "combobox",
-        "icon-size"
+        "chip",
+        "neutral",
+        "selected-fg"
       ],
-      "type": "dimension",
+      "type": "color",
       "tier": "component",
-      "css": "var(--space-6)",
-      "value": "0.25rem"
+      "css": "var(--color-text-on-inverse)",
+      "value": "#f3f4f7"
     },
     {
-      "name": "--combobox-border-default",
+      "name": "--chip-action-bg",
       "path": [
-        "combobox",
-        "border",
-        "default"
+        "chip",
+        "action",
+        "bg"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-border-default)",
-      "value": "#d5d7de"
+      "css": "var(--color-action-primary-quiet)",
+      "value": "#e8eafc"
     },
     {
-      "name": "--combobox-border-hover",
+      "name": "--chip-action-bg-hover",
       "path": [
-        "combobox",
-        "border",
-        "hover"
+        "chip",
+        "action",
+        "bg-hover"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-border-strong)",
-      "value": "#adb0bb"
+      "css": "var(--color-action-primary-quiet)",
+      "value": "#e8eafc"
     },
     {
-      "name": "--combobox-border-focus",
+      "name": "--chip-action-fg",
       "path": [
-        "combobox",
-        "border",
-        "focus"
+        "chip",
+        "action",
+        "fg"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-border-focus)",
+      "css": "var(--color-action-text)",
       "value": "#1e2ed6"
     },
     {
-      "name": "--combobox-border-invalid",
+      "name": "--chip-action-border",
       "path": [
-        "combobox",
-        "border",
-        "invalid"
+        "chip",
+        "action",
+        "border"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-status-error)",
-      "value": "#d0393e"
+      "css": "var(--color-action-primary-quiet)",
+      "value": "#e8eafc"
     },
     {
-      "name": "--combobox-popover-shadow",
+      "name": "--chip-action-selected-bg",
       "path": [
-        "combobox",
-        "popover",
-        "shadow"
+        "chip",
+        "action",
+        "selected-bg"
       ],
-      "type": "shadow",
+      "type": "color",
       "tier": "component",
-      "css": "var(--shadow-overlay)",
-      "value": "0px 16px 48px 0px #0c0e1433"
+      "css": "var(--color-action-primary)",
+      "value": "#1e2ed6"
     },
     {
-      "name": "--combobox-popover-duration",
+      "name": "--chip-action-selected-fg",
       "path": [
-        "combobox",
-        "popover",
-        "duration"
+        "chip",
+        "action",
+        "selected-fg"
       ],
-      "type": "duration",
+      "type": "color",
       "tier": "component",
-      "css": "var(--motion-duration-fast)",
-      "value": "140ms"
+      "css": "var(--color-text-on-action)",
+      "value": "#ededf2"
     },
     {
-      "name": "--combobox-focus-ring",
+      "name": "--chip-focus-ring",
       "path": [
-        "combobox",
-        "focus",
-        "ring"
+        "chip",
+        "focus-ring"
       ],
       "type": "color",
       "tier": "component",
@@ -3789,11 +4173,10 @@
       "value": "#1e2ed6"
     },
     {
-      "name": "--combobox-focus-ring-width",
+      "name": "--chip-focus-ring-width",
       "path": [
-        "combobox",
-        "focus",
-        "ring-width"
+        "chip",
+        "focus-ring-width"
       ],
       "type": "dimension",
       "tier": "component",
@@ -3801,11 +4184,10 @@
       "value": "2px"
     },
     {
-      "name": "--combobox-focus-ring-offset",
+      "name": "--chip-focus-ring-offset",
       "path": [
-        "combobox",
-        "focus",
-        "ring-offset"
+        "chip",
+        "focus-ring-offset"
       ],
       "type": "dimension",
       "tier": "component",
@@ -3813,21 +4195,9 @@
       "value": "2px"
     },
     {
-      "name": "--combobox-motion-duration",
+      "name": "--combobox-radius",
       "path": [
         "combobox",
-        "motion",
-        "duration"
-      ],
-      "type": "duration",
-      "tier": "component",
-      "css": "var(--motion-duration-fast)",
-      "value": "140ms"
-    },
-    {
-      "name": "--date-picker-radius",
-      "path": [
-        "date-picker",
         "radius"
       ],
       "type": "dimension",
@@ -3836,9 +4206,9 @@
       "value": "3px"
     },
     {
-      "name": "--date-picker-padding-inline",
+      "name": "--combobox-padding-inline",
       "path": [
-        "date-picker",
+        "combobox",
         "padding-inline"
       ],
       "type": "dimension",
@@ -3847,9 +4217,9 @@
       "value": "0.25rem"
     },
     {
-      "name": "--date-picker-gap",
+      "name": "--combobox-gap",
       "path": [
-        "date-picker",
+        "combobox",
         "gap"
       ],
       "type": "dimension",
@@ -3859,9 +4229,9 @@
       "description": "Between the control and its popover; carried as padding on the popover so no offset lives in code."
     },
     {
-      "name": "--date-picker-height-sm",
+      "name": "--combobox-height-sm",
       "path": [
-        "date-picker",
+        "combobox",
         "height",
         "sm"
       ],
@@ -3871,9 +4241,9 @@
       "value": "2rem"
     },
     {
-      "name": "--date-picker-height-md",
+      "name": "--combobox-height-md",
       "path": [
-        "date-picker",
+        "combobox",
         "height",
         "md"
       ],
@@ -3883,9 +4253,9 @@
       "value": "2.5rem"
     },
     {
-      "name": "--date-picker-height-lg",
+      "name": "--combobox-height-lg",
       "path": [
-        "date-picker",
+        "combobox",
         "height",
         "lg"
       ],
@@ -3895,9 +4265,9 @@
       "value": "3rem"
     },
     {
-      "name": "--date-picker-font-family",
+      "name": "--combobox-font-family",
       "path": [
-        "date-picker",
+        "combobox",
         "font",
         "family"
       ],
@@ -3907,9 +4277,9 @@
       "value": "'Instrument Sans Variable', 'Instrument Sans', system-ui, sans-serif"
     },
     {
-      "name": "--date-picker-font-size-sm",
+      "name": "--combobox-font-size-sm",
       "path": [
-        "date-picker",
+        "combobox",
         "font",
         "size",
         "sm"
@@ -3920,9 +4290,9 @@
       "value": "0.875rem"
     },
     {
-      "name": "--date-picker-font-size-md",
+      "name": "--combobox-font-size-md",
       "path": [
-        "date-picker",
+        "combobox",
         "font",
         "size",
         "md"
@@ -3933,9 +4303,9 @@
       "value": "1rem"
     },
     {
-      "name": "--date-picker-font-size-lg",
+      "name": "--combobox-font-size-lg",
       "path": [
-        "date-picker",
+        "combobox",
         "font",
         "size",
         "lg"
@@ -3946,9 +4316,9 @@
       "value": "1.125rem"
     },
     {
-      "name": "--date-picker-bg",
+      "name": "--combobox-bg",
       "path": [
-        "date-picker",
+        "combobox",
         "bg"
       ],
       "type": "color",
@@ -3957,9 +4327,9 @@
       "value": "#ffffff"
     },
     {
-      "name": "--date-picker-fg",
+      "name": "--combobox-fg",
       "path": [
-        "date-picker",
+        "combobox",
         "fg"
       ],
       "type": "color",
@@ -3968,9 +4338,9 @@
       "value": "#0c0e14"
     },
     {
-      "name": "--date-picker-placeholder",
+      "name": "--combobox-placeholder",
       "path": [
-        "date-picker",
+        "combobox",
         "placeholder"
       ],
       "type": "color",
@@ -3979,9 +4349,9 @@
       "value": "#666c80"
     },
     {
-      "name": "--date-picker-icon",
+      "name": "--combobox-icon",
       "path": [
-        "date-picker",
+        "combobox",
         "icon"
       ],
       "type": "color",
@@ -3990,9 +4360,9 @@
       "value": "#5a6072"
     },
     {
-      "name": "--date-picker-icon-size",
+      "name": "--combobox-icon-size",
       "path": [
-        "date-picker",
+        "combobox",
         "icon-size"
       ],
       "type": "dimension",
@@ -4001,9 +4371,9 @@
       "value": "0.25rem"
     },
     {
-      "name": "--date-picker-border-default",
+      "name": "--combobox-border-default",
       "path": [
-        "date-picker",
+        "combobox",
         "border",
         "default"
       ],
@@ -4013,9 +4383,9 @@
       "value": "#d5d7de"
     },
     {
-      "name": "--date-picker-border-hover",
+      "name": "--combobox-border-hover",
       "path": [
-        "date-picker",
+        "combobox",
         "border",
         "hover"
       ],
@@ -4025,9 +4395,9 @@
       "value": "#adb0bb"
     },
     {
-      "name": "--date-picker-border-focus",
+      "name": "--combobox-border-focus",
       "path": [
-        "date-picker",
+        "combobox",
         "border",
         "focus"
       ],
@@ -4037,9 +4407,9 @@
       "value": "#1e2ed6"
     },
     {
-      "name": "--date-picker-border-invalid",
+      "name": "--combobox-border-invalid",
       "path": [
-        "date-picker",
+        "combobox",
         "border",
         "invalid"
       ],
@@ -4049,9 +4419,9 @@
       "value": "#d0393e"
     },
     {
-      "name": "--date-picker-popover-shadow",
+      "name": "--combobox-popover-shadow",
       "path": [
-        "date-picker",
+        "combobox",
         "popover",
         "shadow"
       ],
@@ -4061,9 +4431,9 @@
       "value": "0px 16px 48px 0px #0c0e1433"
     },
     {
-      "name": "--date-picker-popover-duration",
+      "name": "--combobox-popover-duration",
       "path": [
-        "date-picker",
+        "combobox",
         "popover",
         "duration"
       ],
@@ -4073,9 +4443,22 @@
       "value": "140ms"
     },
     {
-      "name": "--date-picker-focus-ring",
+      "name": "--combobox-popover-bg",
       "path": [
-        "date-picker",
+        "combobox",
+        "popover",
+        "bg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-surface-overlay)",
+      "value": "#ffffff",
+      "description": "The list floats: the overlay surface, not the inline Listbox's."
+    },
+    {
+      "name": "--combobox-focus-ring",
+      "path": [
+        "combobox",
         "focus",
         "ring"
       ],
@@ -4085,9 +4468,9 @@
       "value": "#1e2ed6"
     },
     {
-      "name": "--date-picker-focus-ring-width",
+      "name": "--combobox-focus-ring-width",
       "path": [
-        "date-picker",
+        "combobox",
         "focus",
         "ring-width"
       ],
@@ -4097,9 +4480,9 @@
       "value": "2px"
     },
     {
-      "name": "--date-picker-focus-ring-offset",
+      "name": "--combobox-focus-ring-offset",
       "path": [
-        "date-picker",
+        "combobox",
         "focus",
         "ring-offset"
       ],
@@ -4109,9 +4492,9 @@
       "value": "2px"
     },
     {
-      "name": "--date-picker-motion-duration",
+      "name": "--combobox-motion-duration",
       "path": [
-        "date-picker",
+        "combobox",
         "motion",
         "duration"
       ],
@@ -4121,115 +4504,141 @@
       "value": "140ms"
     },
     {
-      "name": "--date-picker-segment-padding-inline",
+      "name": "--date-picker-radius",
+      "path": [
+        "date-picker",
+        "radius"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--radius-control)",
+      "value": "3px"
+    },
+    {
+      "name": "--date-picker-padding-inline",
       "path": [
         "date-picker",
-        "segment",
         "padding-inline"
       ],
       "type": "dimension",
       "tier": "component",
-      "css": "var(--space-1)",
+      "css": "var(--space-3)",
       "value": "0.25rem"
     },
     {
-      "name": "--date-picker-segment-radius",
+      "name": "--date-picker-gap",
       "path": [
         "date-picker",
-        "segment",
-        "radius"
+        "gap"
       ],
       "type": "dimension",
       "tier": "component",
-      "css": "var(--radius-control)",
-      "value": "3px"
+      "css": "var(--space-2)",
+      "value": "0.25rem",
+      "description": "Between the control and its popover; carried as padding on the popover so no offset lives in code."
     },
     {
-      "name": "--date-picker-segment-bg-focus",
+      "name": "--date-picker-height-sm",
       "path": [
         "date-picker",
-        "segment",
-        "bg-focus"
+        "height",
+        "sm"
       ],
-      "type": "color",
+      "type": "dimension",
       "tier": "component",
-      "css": "var(--color-action-primary-quiet)",
-      "value": "#e8eafc"
+      "css": "var(--size-control-sm)",
+      "value": "2rem"
     },
     {
-      "name": "--date-picker-segment-fg-placeholder",
+      "name": "--date-picker-height-md",
       "path": [
         "date-picker",
-        "segment",
-        "fg-placeholder"
+        "height",
+        "md"
       ],
-      "type": "color",
+      "type": "dimension",
       "tier": "component",
-      "css": "var(--color-text-faint)",
-      "value": "#666c80"
+      "css": "var(--size-control-md)",
+      "value": "2.5rem"
     },
     {
-      "name": "--date-picker-dialog-bg",
+      "name": "--date-picker-height-lg",
       "path": [
         "date-picker",
-        "dialog",
-        "bg"
+        "height",
+        "lg"
       ],
-      "type": "color",
+      "type": "dimension",
       "tier": "component",
-      "css": "var(--color-surface-raised)",
-      "value": "#ffffff"
+      "css": "var(--size-control-lg)",
+      "value": "3rem"
     },
     {
-      "name": "--date-picker-dialog-border",
+      "name": "--date-picker-font-family",
       "path": [
         "date-picker",
-        "dialog",
-        "border"
+        "font",
+        "family"
       ],
-      "type": "color",
+      "type": "fontFamily",
       "tier": "component",
-      "css": "var(--color-border-default)",
-      "value": "#d5d7de"
+      "css": "var(--font-family-body)",
+      "value": "'Instrument Sans Variable', 'Instrument Sans', system-ui, sans-serif"
     },
     {
-      "name": "--date-picker-dialog-radius",
+      "name": "--date-picker-font-size-sm",
       "path": [
         "date-picker",
-        "dialog",
-        "radius"
+        "font",
+        "size",
+        "sm"
       ],
       "type": "dimension",
       "tier": "component",
-      "css": "var(--radius-surface)",
-      "value": "10px"
+      "css": "var(--font-size-sm)",
+      "value": "0.875rem"
     },
     {
-      "name": "--dialog-surface",
+      "name": "--date-picker-font-size-md",
       "path": [
-        "dialog",
-        "surface"
+        "date-picker",
+        "font",
+        "size",
+        "md"
       ],
-      "type": "color",
+      "type": "dimension",
       "tier": "component",
-      "css": "var(--color-surface-raised)",
-      "value": "#ffffff"
+      "css": "var(--font-size-md)",
+      "value": "1rem"
     },
     {
-      "name": "--dialog-surface-subtle",
+      "name": "--date-picker-font-size-lg",
       "path": [
-        "dialog",
-        "surface-subtle"
+        "date-picker",
+        "font",
+        "size",
+        "lg"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--font-size-lg)",
+      "value": "1.125rem"
+    },
+    {
+      "name": "--date-picker-bg",
+      "path": [
+        "date-picker",
+        "bg"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-surface-sunken)",
-      "value": "#e9ebf1"
+      "css": "var(--color-surface-raised)",
+      "value": "#ffffff"
     },
     {
-      "name": "--dialog-fg",
+      "name": "--date-picker-fg",
       "path": [
-        "dialog",
+        "date-picker",
         "fg"
       ],
       "type": "color",
@@ -4238,10 +4647,21 @@
       "value": "#0c0e14"
     },
     {
-      "name": "--dialog-fg-muted",
+      "name": "--date-picker-placeholder",
       "path": [
-        "dialog",
-        "fg-muted"
+        "date-picker",
+        "placeholder"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-text-faint)",
+      "value": "#666c80"
+    },
+    {
+      "name": "--date-picker-icon",
+      "path": [
+        "date-picker",
+        "icon"
       ],
       "type": "color",
       "tier": "component",
@@ -4249,21 +4669,22 @@
       "value": "#5a6072"
     },
     {
-      "name": "--dialog-backdrop",
+      "name": "--date-picker-icon-size",
       "path": [
-        "dialog",
-        "backdrop"
+        "date-picker",
+        "icon-size"
       ],
-      "type": "color",
+      "type": "dimension",
       "tier": "component",
-      "css": "var(--color-overlay-backdrop)",
-      "value": "#0c0e1499"
+      "css": "var(--space-6)",
+      "value": "0.25rem"
     },
     {
-      "name": "--dialog-border",
+      "name": "--date-picker-border-default",
       "path": [
-        "dialog",
-        "border"
+        "date-picker",
+        "border",
+        "default"
       ],
       "type": "color",
       "tier": "component",
@@ -4271,7 +4692,265 @@
       "value": "#d5d7de"
     },
     {
-      "name": "--dialog-border-hover",
+      "name": "--date-picker-border-hover",
+      "path": [
+        "date-picker",
+        "border",
+        "hover"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-strong)",
+      "value": "#adb0bb"
+    },
+    {
+      "name": "--date-picker-border-focus",
+      "path": [
+        "date-picker",
+        "border",
+        "focus"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-focus)",
+      "value": "#1e2ed6"
+    },
+    {
+      "name": "--date-picker-border-invalid",
+      "path": [
+        "date-picker",
+        "border",
+        "invalid"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-error)",
+      "value": "#d0393e"
+    },
+    {
+      "name": "--date-picker-popover-shadow",
+      "path": [
+        "date-picker",
+        "popover",
+        "shadow"
+      ],
+      "type": "shadow",
+      "tier": "component",
+      "css": "var(--shadow-overlay)",
+      "value": "0px 16px 48px 0px #0c0e1433"
+    },
+    {
+      "name": "--date-picker-popover-duration",
+      "path": [
+        "date-picker",
+        "popover",
+        "duration"
+      ],
+      "type": "duration",
+      "tier": "component",
+      "css": "var(--motion-duration-fast)",
+      "value": "140ms"
+    },
+    {
+      "name": "--date-picker-focus-ring",
+      "path": [
+        "date-picker",
+        "focus",
+        "ring"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-focus)",
+      "value": "#1e2ed6"
+    },
+    {
+      "name": "--date-picker-focus-ring-width",
+      "path": [
+        "date-picker",
+        "focus",
+        "ring-width"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--focus-ring-width)",
+      "value": "2px"
+    },
+    {
+      "name": "--date-picker-focus-ring-offset",
+      "path": [
+        "date-picker",
+        "focus",
+        "ring-offset"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--focus-ring-offset)",
+      "value": "2px"
+    },
+    {
+      "name": "--date-picker-motion-duration",
+      "path": [
+        "date-picker",
+        "motion",
+        "duration"
+      ],
+      "type": "duration",
+      "tier": "component",
+      "css": "var(--motion-duration-fast)",
+      "value": "140ms"
+    },
+    {
+      "name": "--date-picker-segment-padding-inline",
+      "path": [
+        "date-picker",
+        "segment",
+        "padding-inline"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-1)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--date-picker-segment-radius",
+      "path": [
+        "date-picker",
+        "segment",
+        "radius"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--radius-control)",
+      "value": "3px"
+    },
+    {
+      "name": "--date-picker-segment-bg-focus",
+      "path": [
+        "date-picker",
+        "segment",
+        "bg-focus"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-action-primary-quiet)",
+      "value": "#e8eafc"
+    },
+    {
+      "name": "--date-picker-segment-fg-placeholder",
+      "path": [
+        "date-picker",
+        "segment",
+        "fg-placeholder"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-text-faint)",
+      "value": "#666c80"
+    },
+    {
+      "name": "--date-picker-dialog-bg",
+      "path": [
+        "date-picker",
+        "dialog",
+        "bg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-surface-overlay)",
+      "value": "#ffffff"
+    },
+    {
+      "name": "--date-picker-dialog-border",
+      "path": [
+        "date-picker",
+        "dialog",
+        "border"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-default)",
+      "value": "#d5d7de"
+    },
+    {
+      "name": "--date-picker-dialog-radius",
+      "path": [
+        "date-picker",
+        "dialog",
+        "radius"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--radius-surface)",
+      "value": "10px"
+    },
+    {
+      "name": "--dialog-surface",
+      "path": [
+        "dialog",
+        "surface"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-surface-overlay)",
+      "value": "#ffffff"
+    },
+    {
+      "name": "--dialog-surface-subtle",
+      "path": [
+        "dialog",
+        "surface-subtle"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-surface-sunken)",
+      "value": "#e9ebf1"
+    },
+    {
+      "name": "--dialog-fg",
+      "path": [
+        "dialog",
+        "fg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-text-default)",
+      "value": "#0c0e14"
+    },
+    {
+      "name": "--dialog-fg-muted",
+      "path": [
+        "dialog",
+        "fg-muted"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-text-muted)",
+      "value": "#5a6072"
+    },
+    {
+      "name": "--dialog-backdrop",
+      "path": [
+        "dialog",
+        "backdrop"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-overlay-backdrop)",
+      "value": "#0c0e1499"
+    },
+    {
+      "name": "--dialog-border",
+      "path": [
+        "dialog",
+        "border"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-default)",
+      "value": "#d5d7de"
+    },
+    {
+      "name": "--dialog-border-hover",
       "path": [
         "dialog",
         "border-hover"
@@ -4467,6 +5146,160 @@
       "css": "var(--motion-easing-standard)",
       "value": "cubic-bezier(0.2, 0.7, 0.3, 1)"
     },
+    {
+      "name": "--divider-color",
+      "path": [
+        "divider",
+        "color"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-default)",
+      "value": "#d5d7de"
+    },
+    {
+      "name": "--divider-thickness",
+      "path": [
+        "divider",
+        "thickness"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-hairline)",
+      "value": "1px"
+    },
+    {
+      "name": "--divider-spacing-sm",
+      "path": [
+        "divider",
+        "spacing",
+        "sm"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-2)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--divider-spacing-md",
+      "path": [
+        "divider",
+        "spacing",
+        "md"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-4)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--divider-spacing-lg",
+      "path": [
+        "divider",
+        "spacing",
+        "lg"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-6)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--empty-state-padding",
+      "path": [
+        "empty-state",
+        "padding"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-6)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--empty-state-icon-size",
+      "path": [
+        "empty-state",
+        "icon",
+        "size"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-control-lg)",
+      "value": "3rem",
+      "description": "The disc the glyph sits in."
+    },
+    {
+      "name": "--empty-state-icon-glyph-size",
+      "path": [
+        "empty-state",
+        "icon",
+        "glyph-size"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--font-size-xl)",
+      "value": "1.375rem"
+    },
+    {
+      "name": "--empty-state-icon-radius",
+      "path": [
+        "empty-state",
+        "icon",
+        "radius"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--radius-full)",
+      "value": "9999px"
+    },
+    {
+      "name": "--empty-state-icon-neutral-bg",
+      "path": [
+        "empty-state",
+        "icon",
+        "neutral-bg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-neutral-subtle)",
+      "value": "#ededf2"
+    },
+    {
+      "name": "--empty-state-icon-neutral-fg",
+      "path": [
+        "empty-state",
+        "icon",
+        "neutral-fg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-neutral-text)",
+      "value": "#5a6072"
+    },
+    {
+      "name": "--empty-state-icon-error-bg",
+      "path": [
+        "empty-state",
+        "icon",
+        "error-bg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-error-subtle)",
+      "value": "#fbe5e6"
+    },
+    {
+      "name": "--empty-state-icon-error-fg",
+      "path": [
+        "empty-state",
+        "icon",
+        "error-fg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-error-text)",
+      "value": "#a52c30"
+    },
     {
       "name": "--field-gap",
       "path": [
@@ -4871,6 +5704,119 @@
       "css": "var(--space-8)",
       "value": "0.25rem"
     },
+    {
+      "name": "--link-tone-action",
+      "path": [
+        "link",
+        "tone",
+        "action"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-action-text)",
+      "value": "#1e2ed6"
+    },
+    {
+      "name": "--link-tone-default",
+      "path": [
+        "link",
+        "tone",
+        "default"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-text-default)",
+      "value": "#0c0e14"
+    },
+    {
+      "name": "--link-tone-muted",
+      "path": [
+        "link",
+        "tone",
+        "muted"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-text-muted)",
+      "value": "#5a6072"
+    },
+    {
+      "name": "--link-hover",
+      "path": [
+        "link",
+        "hover"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-text-default)",
+      "value": "#0c0e14"
+    },
+    {
+      "name": "--link-weight",
+      "path": [
+        "link",
+        "weight"
+      ],
+      "type": "fontWeight",
+      "tier": "component",
+      "css": "var(--font-weight-medium)",
+      "value": "500"
+    },
+    {
+      "name": "--link-radius",
+      "path": [
+        "link",
+        "radius"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--radius-control)",
+      "value": "3px"
+    },
+    {
+      "name": "--link-focus-ring-width",
+      "path": [
+        "link",
+        "focus-ring-width"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--focus-ring-width)",
+      "value": "2px"
+    },
+    {
+      "name": "--link-focus-ring-offset",
+      "path": [
+        "link",
+        "focus-ring-offset"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--focus-ring-offset)",
+      "value": "2px"
+    },
+    {
+      "name": "--link-focus-ring-color",
+      "path": [
+        "link",
+        "focus-ring-color"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-focus)",
+      "value": "#1e2ed6"
+    },
+    {
+      "name": "--link-duration",
+      "path": [
+        "link",
+        "duration"
+      ],
+      "type": "duration",
+      "tier": "component",
+      "css": "var(--motion-duration-fast)",
+      "value": "140ms"
+    },
     {
       "name": "--listbox-bg",
       "path": [
@@ -5161,7 +6107,7 @@
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-surface-raised)",
+      "css": "var(--color-surface-overlay)",
       "value": "#ffffff"
     },
     {
@@ -5753,6 +6699,19 @@
       "css": "var(--motion-duration-fast)",
       "value": "140ms"
     },
+    {
+      "name": "--picker-popover-bg",
+      "path": [
+        "picker",
+        "popover",
+        "bg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-surface-overlay)",
+      "value": "#ffffff",
+      "description": "The list floats: the overlay surface, not the inline Listbox's."
+    },
     {
       "name": "--picker-focus-ring",
       "path": [
@@ -5809,7 +6768,7 @@
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-surface-raised)",
+      "css": "var(--color-surface-overlay)",
       "value": "#ffffff"
     },
     {
@@ -6097,67 +7056,429 @@
       "value": "260ms"
     },
     {
-      "name": "--radio-size-sm",
+      "name": "--radio-size-sm",
+      "path": [
+        "radio",
+        "size",
+        "sm"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-toggle-sm)",
+      "value": "1rem"
+    },
+    {
+      "name": "--radio-size-md",
+      "path": [
+        "radio",
+        "size",
+        "md"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-toggle-md)",
+      "value": "1.25rem"
+    },
+    {
+      "name": "--radio-size-lg",
+      "path": [
+        "radio",
+        "size",
+        "lg"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-toggle-lg)",
+      "value": "1.5rem"
+    },
+    {
+      "name": "--radio-gap",
+      "path": [
+        "radio",
+        "gap"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-2)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--radio-group-gap",
+      "path": [
+        "radio",
+        "group-gap"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-2)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--radio-radius",
+      "path": [
+        "radio",
+        "radius"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--radius-full)",
+      "value": "9999px"
+    },
+    {
+      "name": "--radio-bg",
+      "path": [
+        "radio",
+        "bg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-surface-raised)",
+      "value": "#ffffff"
+    },
+    {
+      "name": "--radio-border",
+      "path": [
+        "radio",
+        "border"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-strong)",
+      "value": "#adb0bb"
+    },
+    {
+      "name": "--radio-border-hover",
+      "path": [
+        "radio",
+        "border-hover"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-action-primary)",
+      "value": "#1e2ed6"
+    },
+    {
+      "name": "--radio-border-checked",
+      "path": [
+        "radio",
+        "border-checked"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-action-primary)",
+      "value": "#1e2ed6"
+    },
+    {
+      "name": "--radio-border-invalid",
+      "path": [
+        "radio",
+        "border-invalid"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-status-error)",
+      "value": "#d0393e"
+    },
+    {
+      "name": "--radio-dot",
+      "path": [
+        "radio",
+        "dot"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-action-primary)",
+      "value": "#1e2ed6"
+    },
+    {
+      "name": "--radio-focus-ring",
+      "path": [
+        "radio",
+        "focus",
+        "ring"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-focus)",
+      "value": "#1e2ed6"
+    },
+    {
+      "name": "--radio-focus-ring-width",
+      "path": [
+        "radio",
+        "focus",
+        "ring-width"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--focus-ring-width)",
+      "value": "2px"
+    },
+    {
+      "name": "--radio-focus-ring-offset",
+      "path": [
+        "radio",
+        "focus",
+        "ring-offset"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--focus-ring-offset)",
+      "value": "2px"
+    },
+    {
+      "name": "--radio-motion-duration",
+      "path": [
+        "radio",
+        "motion",
+        "duration"
+      ],
+      "type": "duration",
+      "tier": "component",
+      "css": "var(--motion-duration-fast)",
+      "value": "140ms"
+    },
+    {
+      "name": "--segmented-control-height-sm",
+      "path": [
+        "segmented-control",
+        "height",
+        "sm"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-control-sm)",
+      "value": "2rem"
+    },
+    {
+      "name": "--segmented-control-height-md",
+      "path": [
+        "segmented-control",
+        "height",
+        "md"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-control-md)",
+      "value": "2.5rem"
+    },
+    {
+      "name": "--segmented-control-padding-x-sm",
+      "path": [
+        "segmented-control",
+        "padding-x",
+        "sm"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-3)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--segmented-control-padding-x-md",
+      "path": [
+        "segmented-control",
+        "padding-x",
+        "md"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-4)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--segmented-control-font-size-sm",
+      "path": [
+        "segmented-control",
+        "font-size",
+        "sm"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--font-size-sm)",
+      "value": "0.875rem"
+    },
+    {
+      "name": "--segmented-control-font-size-md",
+      "path": [
+        "segmented-control",
+        "font-size",
+        "md"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--font-size-md)",
+      "value": "1rem"
+    },
+    {
+      "name": "--segmented-control-gap",
+      "path": [
+        "segmented-control",
+        "gap"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-2)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--segmented-control-inset",
+      "path": [
+        "segmented-control",
+        "inset"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-1)",
+      "value": "0.25rem",
+      "description": "The track's padding around the segments."
+    },
+    {
+      "name": "--segmented-control-weight",
+      "path": [
+        "segmented-control",
+        "weight"
+      ],
+      "type": "fontWeight",
+      "tier": "component",
+      "css": "var(--font-weight-medium)",
+      "value": "500"
+    },
+    {
+      "name": "--segmented-control-fg",
+      "path": [
+        "segmented-control",
+        "fg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-text-muted)",
+      "value": "#5a6072"
+    },
+    {
+      "name": "--segmented-control-fg-hover",
+      "path": [
+        "segmented-control",
+        "fg-hover"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-text-default)",
+      "value": "#0c0e14"
+    },
+    {
+      "name": "--segmented-control-border-width",
+      "path": [
+        "segmented-control",
+        "border-width"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--size-hairline)",
+      "value": "1px"
+    },
+    {
+      "name": "--segmented-control-track-bg",
+      "path": [
+        "segmented-control",
+        "track",
+        "bg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-surface-sunken)",
+      "value": "#e9ebf1"
+    },
+    {
+      "name": "--segmented-control-track-border",
+      "path": [
+        "segmented-control",
+        "track",
+        "border"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-default)",
+      "value": "#d5d7de"
+    },
+    {
+      "name": "--segmented-control-track-radius",
+      "path": [
+        "segmented-control",
+        "track",
+        "radius"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--radius-control)",
+      "value": "3px"
+    },
+    {
+      "name": "--segmented-control-segment-radius",
       "path": [
-        "radio",
-        "size",
-        "sm"
+        "segmented-control",
+        "segment",
+        "radius"
       ],
       "type": "dimension",
       "tier": "component",
-      "css": "var(--size-toggle-sm)",
-      "value": "1rem"
+      "css": "var(--radius-control)",
+      "value": "3px"
     },
     {
-      "name": "--radio-size-md",
+      "name": "--segmented-control-segment-selected-bg",
       "path": [
-        "radio",
-        "size",
-        "md"
+        "segmented-control",
+        "segment",
+        "selected-bg"
       ],
-      "type": "dimension",
+      "type": "color",
       "tier": "component",
-      "css": "var(--size-toggle-md)",
-      "value": "1.25rem"
+      "css": "var(--color-surface-raised)",
+      "value": "#ffffff"
     },
     {
-      "name": "--radio-size-lg",
+      "name": "--segmented-control-segment-selected-fg",
       "path": [
-        "radio",
-        "size",
-        "lg"
+        "segmented-control",
+        "segment",
+        "selected-fg"
       ],
-      "type": "dimension",
+      "type": "color",
       "tier": "component",
-      "css": "var(--size-toggle-lg)",
-      "value": "1.5rem"
+      "css": "var(--color-text-default)",
+      "value": "#0c0e14"
     },
     {
-      "name": "--radio-gap",
+      "name": "--segmented-control-segment-selected-border",
       "path": [
-        "radio",
-        "gap"
+        "segmented-control",
+        "segment",
+        "selected-border"
       ],
-      "type": "dimension",
+      "type": "color",
       "tier": "component",
-      "css": "var(--space-2)",
-      "value": "0.25rem"
+      "css": "var(--color-border-strong)",
+      "value": "#adb0bb",
+      "description": "Raised on sunken is a faint step in dark schemes; the edge is what marks the thumb."
     },
     {
-      "name": "--radio-group-gap",
+      "name": "--segmented-control-segment-selected-shadow",
       "path": [
-        "radio",
-        "group-gap"
+        "segmented-control",
+        "segment",
+        "selected-shadow"
       ],
-      "type": "dimension",
+      "type": "shadow",
       "tier": "component",
-      "css": "var(--space-2)",
-      "value": "0.25rem"
+      "css": "var(--shadow-raised)",
+      "value": "0px 2px 12px 0px #0c0e141a"
     },
     {
-      "name": "--radio-radius",
+      "name": "--segmented-control-chip-radius",
       "path": [
-        "radio",
+        "segmented-control",
+        "chip",
         "radius"
       ],
       "type": "dimension",
@@ -6166,9 +7487,10 @@
       "value": "9999px"
     },
     {
-      "name": "--radio-bg",
+      "name": "--segmented-control-chip-bg",
       "path": [
-        "radio",
+        "segmented-control",
+        "chip",
         "bg"
       ],
       "type": "color",
@@ -6177,66 +7499,58 @@
       "value": "#ffffff"
     },
     {
-      "name": "--radio-border",
+      "name": "--segmented-control-chip-border",
       "path": [
-        "radio",
+        "segmented-control",
+        "chip",
         "border"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-border-strong)",
-      "value": "#adb0bb"
+      "css": "var(--color-border-default)",
+      "value": "#d5d7de"
     },
     {
-      "name": "--radio-border-hover",
+      "name": "--segmented-control-chip-selected-bg",
       "path": [
-        "radio",
-        "border-hover"
+        "segmented-control",
+        "chip",
+        "selected-bg"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-action-primary)",
-      "value": "#1e2ed6"
+      "css": "var(--color-action-primary-quiet)",
+      "value": "#e8eafc"
     },
     {
-      "name": "--radio-border-checked",
+      "name": "--segmented-control-chip-selected-fg",
       "path": [
-        "radio",
-        "border-checked"
+        "segmented-control",
+        "chip",
+        "selected-fg"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-action-primary)",
+      "css": "var(--color-action-text)",
       "value": "#1e2ed6"
     },
     {
-      "name": "--radio-border-invalid",
-      "path": [
-        "radio",
-        "border-invalid"
-      ],
-      "type": "color",
-      "tier": "component",
-      "css": "var(--color-status-error)",
-      "value": "#d0393e"
-    },
-    {
-      "name": "--radio-dot",
+      "name": "--segmented-control-chip-selected-border",
       "path": [
-        "radio",
-        "dot"
+        "segmented-control",
+        "chip",
+        "selected-border"
       ],
       "type": "color",
       "tier": "component",
-      "css": "var(--color-action-primary)",
+      "css": "var(--color-action-text)",
       "value": "#1e2ed6"
     },
     {
-      "name": "--radio-focus-ring",
+      "name": "--segmented-control-focus-ring",
       "path": [
-        "radio",
-        "focus",
-        "ring"
+        "segmented-control",
+        "focus-ring"
       ],
       "type": "color",
       "tier": "component",
@@ -6244,11 +7558,10 @@
       "value": "#1e2ed6"
     },
     {
-      "name": "--radio-focus-ring-width",
+      "name": "--segmented-control-focus-ring-width",
       "path": [
-        "radio",
-        "focus",
-        "ring-width"
+        "segmented-control",
+        "focus-ring-width"
       ],
       "type": "dimension",
       "tier": "component",
@@ -6256,29 +7569,16 @@
       "value": "2px"
     },
     {
-      "name": "--radio-focus-ring-offset",
+      "name": "--segmented-control-focus-ring-offset",
       "path": [
-        "radio",
-        "focus",
-        "ring-offset"
+        "segmented-control",
+        "focus-ring-offset"
       ],
       "type": "dimension",
       "tier": "component",
       "css": "var(--focus-ring-offset)",
       "value": "2px"
     },
-    {
-      "name": "--radio-motion-duration",
-      "path": [
-        "radio",
-        "motion",
-        "duration"
-      ],
-      "type": "duration",
-      "tier": "component",
-      "css": "var(--motion-duration-fast)",
-      "value": "140ms"
-    },
     {
       "name": "--select-radius",
       "path": [
@@ -6594,6 +7894,79 @@
       "css": "var(--space-5)",
       "value": "0.25rem"
     },
+    {
+      "name": "--sheet-handle-width",
+      "path": [
+        "sheet",
+        "handle",
+        "width"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-7)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--sheet-handle-height",
+      "path": [
+        "sheet",
+        "handle",
+        "height"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-1)",
+      "value": "0.25rem"
+    },
+    {
+      "name": "--sheet-handle-hit-height",
+      "path": [
+        "sheet",
+        "handle",
+        "hit-height"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-5)",
+      "value": "0.25rem",
+      "description": "The strip that starts the drag: 24px at the default density, the minimum target."
+    },
+    {
+      "name": "--sheet-handle-bg",
+      "path": [
+        "sheet",
+        "handle",
+        "bg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-border-strong)",
+      "value": "#adb0bb"
+    },
+    {
+      "name": "--sheet-handle-radius",
+      "path": [
+        "sheet",
+        "handle",
+        "radius"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--radius-full)",
+      "value": "9999px"
+    },
+    {
+      "name": "--sheet-handle-snap-duration",
+      "path": [
+        "sheet",
+        "handle",
+        "snap-duration"
+      ],
+      "type": "duration",
+      "tier": "component",
+      "css": "var(--motion-duration-base)",
+      "value": "260ms"
+    },
     {
       "name": "--skeleton-base",
       "path": [
@@ -8176,6 +9549,44 @@
       "css": "var(--motion-duration-fast)",
       "value": "140ms"
     },
+    {
+      "name": "--text-field-icon-fg",
+      "path": [
+        "text-field",
+        "icon",
+        "fg"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-text-muted)",
+      "value": "#5a6072",
+      "description": "The leading glyph and the clear button at rest."
+    },
+    {
+      "name": "--text-field-icon-fg-hover",
+      "path": [
+        "text-field",
+        "icon",
+        "fg-hover"
+      ],
+      "type": "color",
+      "tier": "component",
+      "css": "var(--color-text-default)",
+      "value": "#0c0e14"
+    },
+    {
+      "name": "--text-field-icon-gap",
+      "path": [
+        "text-field",
+        "icon",
+        "gap"
+      ],
+      "type": "dimension",
+      "tier": "component",
+      "css": "var(--space-2)",
+      "value": "0.25rem",
+      "description": "Between the glyph and the text."
+    },
     {
       "name": "--text-font-family-body",
       "path": [
@@ -9366,6 +10777,18 @@
       "css": "#fde7e7",
       "value": "#fde7e7"
     },
+    {
+      "name": "--color-red-200",
+      "path": [
+        "color",
+        "red",
+        "200"
+      ],
+      "type": "color",
+      "tier": "primitive",
+      "css": "#ff9797",
+      "value": "#ff9797"
+    },
     {
       "name": "--color-red-300",
       "path": [
@@ -9378,6 +10801,18 @@
       "css": "#ff6b6b",
       "value": "#ff6b6b"
     },
+    {
+      "name": "--color-red-400",
+      "path": [
+        "color",
+        "red",
+        "400"
+      ],
+      "type": "color",
+      "tier": "primitive",
+      "css": "#ee6060",
+      "value": "#ee6060"
+    },
     {
       "name": "--color-red-500",
       "path": [
@@ -9414,6 +10849,18 @@
       "css": "#a83333",
       "value": "#a83333"
     },
+    {
+      "name": "--color-red-800",
+      "path": [
+        "color",
+        "red",
+        "800"
+      ],
+      "type": "color",
+      "tier": "primitive",
+      "css": "#8a2a2a",
+      "value": "#8a2a2a"
+    },
     {
       "name": "--color-red-900",
       "path": [
@@ -9524,6 +10971,20 @@
       "light": "#f8eed9",
       "dark": "#171c24"
     },
+    {
+      "name": "--color-surface-overlay",
+      "path": [
+        "color",
+        "surface",
+        "overlay"
+      ],
+      "type": "color",
+      "tier": "semantic",
+      "css": "light-dark(var(--color-cream-100), var(--color-ink-600))",
+      "light": "#fcf3df",
+      "dark": "#202938",
+      "description": "What floats above the page: dialogs, sheets, popovers, menus. One step lighter than raised in dark schemes, where a shadow alone does not separate a menu from a card; in light it may equal raised."
+    },
     {
       "name": "--color-surface-sunken",
       "path": [
@@ -9790,6 +11251,34 @@
       "dark": "#ff6b6b",
       "description": "One step darker than the brand red so white text on it meets AA."
     },
+    {
+      "name": "--color-status-error-hover",
+      "path": [
+        "color",
+        "status",
+        "error-hover"
+      ],
+      "type": "color",
+      "tier": "semantic",
+      "css": "light-dark(var(--color-red-700), var(--color-red-200))",
+      "light": "#a83333",
+      "dark": "#ff9797",
+      "description": "A filled error surface under the pointer (a danger Button). Darkens in light, lightens in dark: away from its on-error text."
+    },
+    {
+      "name": "--color-status-error-active",
+      "path": [
+        "color",
+        "status",
+        "error-active"
+      ],
+      "type": "color",
+      "tier": "semantic",
+      "css": "light-dark(var(--color-red-800), var(--color-red-400))",
+      "light": "#8a2a2a",
+      "dark": "#ee6060",
+      "description": "A filled error surface while pressed."
+    },
     {
       "name": "--color-status-info",
       "path": [