;; AUTO-GENERATED from spec/tests/hyperscript-upstream-tests.json
;; DO NOT EDIT — regenerate with:
;;   python3 tests/playwright/generate-sx-tests.py --emit-pages

(defcomp ()
  (~docs/page :title "Hyperscript tests: reactivity (107 tests)"
    (p :style "color:#57534e;margin-bottom:1rem"
      "Pick a category to see its live test cards.")
    (ul :style "list-style:disc;padding-left:1.5rem"
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-reactivity-transition))" :style "color:#7c3aed;text-decoration:underline"
          "transition")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(23 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-reactivity-bind))" :style "color:#7c3aed;text-decoration:underline"
          "bind")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(44 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-reactivity-live))" :style "color:#7c3aed;text-decoration:underline"
          "live")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(23 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-reactivity-reactive-properties))" :style "color:#7c3aed;text-decoration:underline"
          "reactive-properties")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(4 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-reactivity-resize))" :style "color:#7c3aed;text-decoration:underline"
          "resize")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(3 tests)"))
      (li :style "margin-bottom:0.25rem"
        (a :href "/sx/(applications.(hyperscript.gallery-reactivity-liveTemplate))" :style "color:#7c3aed;text-decoration:underline"
          "liveTemplate")
        (span :style "color:#78716c;margin-left:0.5rem;font-size:0.875rem"
          "(10 tests)"))
      )))
