Avatar

$schema: https://thewyrdingway.dev/schemas/component-contract.schema.ymlcontractVersion: 0.1.0identity:  name: Avatar  tag: wyrd-avatar  package: wyrd.component.avatar  title: Avatar  summary: Circular identity image with deterministic initials fallback.relationships:  related-to:    - quality-parity-and-gatesclassification:  category: data-display  composition: leaf  interactive: falsetarget-strategy:  react: required  flutter: requiredsurface:  properties:    - name: src      type:        kind: string      required: false      serializable: true      summary: Optional image URL.    - name: name      type:        kind: string      required: true      serializable: true      summary: Person or entity name used for the accessible name and fallback initials.    - name: size      type:        kind: enum        values:          - sm          - md          - lg      required: false      default: md      reflects: true      serializable: true      summary: Visual avatar size.  slots: []  events: []  states:    - name: image      source: property      summary: Avatar image is rendered from src.    - name: fallback      source: platform      summary: Deterministic initials are shown when no image is available.  parts:    - name: root      summary: Accessible image root.    - name: image      summary: Optional image element.    - name: initials      summary: Fallback initials text.  tokens:    background: color.secondary    foreground: color.on-secondary    size:      sm: spacing.lg      md: spacing.xl      lg: 64px    radius: rounded.full    label: typography.label-mdmessages: []obligations:  accessibility:    role: img    name: Name property provides the accessible name.    keyboard: []    semantics:      - When src is provided, the image alt text is the name property.      - The fallback initials are hidden from the accessibility tree; the avatar remains named by the name property.  behavior:    model: stateless    interactions:      - Fallback initials are the first letters of the first two whitespace-separated words, uppercased.      - The fallback is shown when src is absent or image loading fails.    hostEffects: []  conditions:    - rtl    - cvd-deuteranopia    - density-compact    - text-expansion  sdui:    status: serializable    serializableProperties:      - src      - name      - size    serializableSlots: []    eventBindings: []    notes: Avatar serializes image source, name, and size; each target handles image failure locally.examples:  - name: initials    state: fallback    properties:      name: Bob Langley      size: sm    slots: {}  - name: image    state: image    properties:      name: Katelyn Langley      size: md    slots: {}  - name: large    state: fallback    properties:      name: Wyrd Company      size: lg    slots: {}