Breadcrumbs

$schema: https://thewyrdingway.dev/schemas/component-contract.schema.ymlcontractVersion: 0.1.0identity:  name: Breadcrumbs  tag: wyrd-breadcrumbs  package: wyrd.component.breadcrumbs  title: Breadcrumbs  summary: Navigation trail where the final item identifies the current page.relationships:  related-to:    - quality-parity-and-gatesclassification:  category: navigation  composition: collection  interactive: truetarget-strategy:  react: required  flutter: requiredsurface:  properties:    - name: items      type:        kind: array        item:          kind: object          fields:            label:              kind: string            href:              kind: string      required: true      serializable: true      summary: Ordered breadcrumb items; the last item is the current page.  slots: []  events:    - name: item-press      payload:        href:          kind: string      bubbles: true      composed: true      cancelable: true      summary: Emitted when a non-current breadcrumb link is activated.  states:    - name: default      source: platform      summary: Trail with link ancestors and plain-text current page.  parts:    - name: root      summary: Navigation landmark root.    - name: list      summary: Ordered breadcrumb list.    - name: item      summary: Repeated breadcrumb item.    - name: link      summary: Non-current breadcrumb link.    - name: current      summary: Current page text.  tokens:    link:      color: color.primary    current:      color: color.on-surface    separator:      color: color.on-surface-variant    gap: spacing.xs    text: typography.label-mdmessages:  - key: breadcrumbs.navigation    description: Accessible name of the breadcrumb navigation landmark.obligations:  accessibility:    role: navigation    name: Component-owned localized navigation message labels the landmark.    keyboard:      - Tab moves through non-current breadcrumb links in document order.      - Enter activates a focused breadcrumb link.    semantics:      - Web renders a nav with localized aria-label wrapping an ordered list.      - The last item is plain text with aria-current=page.      - Separators are generated as hidden presentation only and are not exposed to accessibility APIs.      - Flutter exposes a labeled Semantics container with link children and selected current-page text.  behavior:    model: stateless    interactions:      - Activating a non-current item emits item-press with its href.      - Web anchors also keep native navigation behavior.    hostEffects:      - Dispatch item activation event.  conditions:    - rtl    - cvd-deuteranopia    - density-compact    - text-expansion  sdui:    status: serializable    serializableProperties:      - items    serializableSlots: []    eventBindings:      - item-press    notes: Breadcrumbs serialize item labels and hrefs; hosts own navigation after item-press in non-web targets.examples:  - name: product-navigation    state: default    properties:      items:        - label: Home          href: /        - label: Documentation          href: /docs        - label: Component catalog          href: /docs/components    slots: {}  - name: deep-navigation    state: default    properties:      items:        - label: Home          href: /        - label: Documentation          href: /docs        - label: Component catalog          href: /docs/components        - label: Navigation components          href: /docs/components/navigation        - label: Breadcrumbs and hierarchical wayfinding          href: /docs/breadcrumbs    slots: {}