Kbd

$schema: https://thewyrdingway.dev/schemas/component-contract.schema.ymlcontractVersion: 0.1.0identity:  name: Kbd  tag: wyrd-kbd  package: wyrd.component.kbd  title: Keyboard shortcut  summary: Semantic inline presentation of a single key or keyboard shortcut combination.relationships:  related-to:    - quality-parity-and-gatesclassification:  category: data-display  composition: collection  interactive: falsetarget-strategy:  react: required  flutter: requiredsurface:  properties:    - name: keys      type:        kind: array        item:          kind: object          fields:            label:              kind: string      required: true      serializable: true      summary: Ordered key labels in the shortcut.    - name: separator      type:        kind: string      required: false      default: "+"      serializable: true      summary: Symbol displayed between key labels in a combination.  slots: []  events: []  states:    - name: default      source: platform      summary: A single key or key combination.  parts:    - name: root      summary: Semantic keyboard-input root.    - name: key      summary: Repeated semantic key label.    - name: separator      summary: Symbol between adjacent keys.  tokens:    background: color.surface-container    foreground: color.on-surface    border-color: color.outline    radius: rounded.sm    text: typography.code-mdmessages: []obligations:  accessibility:    role: none    keyboard: []    semantics:      - Web renders a semantic kbd root containing a kbd element for each key label.      - The component adds no interactive role or keyboard behavior.      - Key labels and separators remain available to accessibility APIs in visual order.  behavior:    model: stateless    interactions: []    hostEffects: []  conditions:    - rtl    - density-compact    - text-expansion  sdui:    status: serializable    serializableProperties:      - keys      - separator    serializableSlots: []    eventBindings: []    notes: Kbd serializes ordered key labels and its separator. It owns no localizable strings; the symbolic default separator is non-linguistic.examples:  - name: single-key    state: default    properties:      keys:        - label: Enter    slots: {}  - name: combination    state: default    properties:      keys:        - label: Ctrl        - label: K    slots: {}  - name: alternate-separator    state: default    properties:      keys:        - label: ⌘        - label: Shift        - label: P      separator: " "    slots: {}